Блог стального бомжа

Спонсор поста: Социальные сети. Мода или необходимость?

Немного отвлечемся от темы 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). То, что получилось у меня, можно увидеть в начале поста. Фигня конечно, но думаю, этот пост многим пригодился – мне бы он несколько дней назад пригодился точно :)

Как-то так…

А тем временем, статистика не перестает радовать:

хочу стать пожарным
А я космонавтом. Честно-честно.

хачу эффективно работать но лень
Хнык :(

скачать картинки бомжей
Эксгибиционист блин :)

грузчики
Если нормально заплатите и можно работать по ночам, то я готов. А то в качалке уже три недели не был.

А что интересного в поисковых запросах у вас?