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

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

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

Карта производства товаров в разных странахКарта производства товаров в разных странах

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

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

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

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

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

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

📅 28 августа 2010#анимация#карта#флэш

Благодарность автору

Перевод через Яндекс.Деньги:

Смотрите также

Спонсоры поста

Комментарии

Дальнейшие комментарии временно закрыты. По всем вопросам обращайтесь ко мне по почте, через Вотсап или Вконтакте, см. раздел Контакты

© 2010