Plunix (Плюникс) — Блог Вани Титова
Ваня Титов (автор блога)Интересы: веб-разработка, дочка, музыка, конструкторы.

Мои лучшие работы

Калькуляторы услуг для «Гудвила»Калькуляторы услуг для «Гудвила»
Реклама А4 для ОФГПРеклама А4 для ОФГП
Сайт Лизон.руСайт Лизон.ру

Карта поставок из других стран

Для сайта Rainbowproduction Co. требовалось сделать красивую карту поставок продукции из других стран.

Карта тянется до любого размера, слайд-шоу увеличивается при наведении курсора:

Карта поставок: кликните для просмотра флеш-версииКарта поставок: кликните для просмотра флеш-версии

Пара слов о технической реализации карты

Сами континенты — это гибрид растового и векторного изображения. Растовое изображение изначально большое (это позволяет, не боясь, открыть карту на большом мониторе).

Растровое изображение рельефа земли (это 50% от оригинала)Растровое изображение рельефа земли (это 50% от оригинала)

Во флеше я сделал слой с рельефом еле видимым, а само изображение перевёл в ч/б, обрезал лишнее (то есть залил всё ненужное чёрным цветом), перешарпил (то есть выкрутил резкозть до максимума) — и после этого сохранил картинку в минимальном качестве, чтобы уменьшить общий вес карты. Резкозть завышена для того, чтобы на мелких версиях карты рельеф континентов не «пропал».

Внимательные читатели заметят, что дополнительно можно было залить чёрным цветом остальные страны, кроме России, Китая, Италии и Польши. Но в данном случае это было бы лишней работой, т.к. вес картинки итак уже уменьшился раз в 10.

Фотографии товара подгружаются по ходу воспроизведения, что также не добавляет веса и не мешает быстрой загрузке карты. Контуры всех объектов векторные, поэтому карта легко делается прозрачной: на старом сайте она была на тёмно-сером фоне, а на новом она спокойно легла на светлый фон.

Опубликовано: 28 августа 2010

Ваш комментарий

Имя (и фамилия)
Эл. почта

Адрес не публикуется

Текст

HTML не работает

© Ваня Титов, 2010