Спонсор поста: Социальные сети. Мода или необходимость?
Немного отвлечемся от темы SEO, работы с партнерскими программами и борьбы с ленью. И поговорим о чисто практических вещах, например, о создании баннера, логотипа или любой другой анимированной картинки.
В крайнее время я стараюсь пробовать достаточно много всякого, просто нарабатывая опыт и расширяя кругозор. На эту тему у меня сейчас много мыслей, которые, скорее всего, выльются в отдельный большой обзор/мини-исследование.
И вот, решил я опробовать баннерную рекламу в качестве рекламодателя (о результатах надо рассказывать в отдельном посте). И первое, с чем я столкнулся – необходимость нарисовать баннер. Пришлось искать информацию и о том, какие баннеры наиболее эффективны, и о том, как эти баннеры, собственно, рисовать.
На момент написания поста результаты моего чудо-творчества можно увидеть справа в сайдбаре и в посте, посвященном новому конкурсу для блоггеров «Ответы на запросы».
От баннера в первую очередь требуется анимация. Давайте посмотрим, как быстро сделать анимированный баннер в формате .gif. Нам понадобится Photoshop (думаю, он есть почти у всех) и ImageReady (идет в комплекте с Photoshop'ом).
В Photoshop'e создаем новое изображение нужного размера (468х60, 150х150 и т.д.) и делаем шаблон, т.е. ставим нужный нам фон, набираем нужный текст и вставляем картинки. При этом каждый элемент баннера, который впоследствии будет анимирован, должен быть на отдельном слое:
Затем сохраняем заготовку для баннера со всеми слоями в формате .psd и открываем полученный файл через Adobe ImageReady. Не забудьте включить отображение слоев.
В первую очередь нам понадобится вкладка Animation (Window – Animation). Там мы можем создать нужное количество кадров и отредактировать каждый из них, включая и выключая слои. После этого, ставим для каждого из кадров время его показа:
Потом нажимаем на кнопку Play и смотрим на результат. Редактируя время показа кадров можно добиться нужного эффекта – от мигания, до перемешения объектов и текста.
Если баннер нужен нам для баннерообменной сети, то необходимо делать его достаточно компактным по размеру. В этом нам поможет вкладка Optimize (Window – Optimize).
Меняя количество цветов (формат при этом обязательно оставляем .gif) и другие настройки мы можем добиться нужного размера. При этом разницу между стандартным и оптимизированным изображением можно увидеть, переключая вкладки Original и Optimized над рисунком.
После того, как мы добьемся желаемого результата, баннер можно сохранять (Save Optimized As). То, что получилось у меня, можно увидеть в начале поста. Фигня конечно, но думаю, этот пост многим пригодился – мне бы он несколько дней назад пригодился точно :)
Как-то так…
А тем временем, статистика не перестает радовать:
хочу стать пожарным
А я космонавтом. Честно-честно.
хачу эффективно работать но лень
Хнык :(
скачать картинки бомжей
Эксгибиционист блин :)
грузчики
Если нормально заплатите и можно работать по ночам, то я готов. А то в качалке уже три недели не был.
А что интересного в поисковых запросах у вас?
Спонсор поста: Лучшее решение для ру-трафа
Реклама в бомжеленте.
Помогите Марине!