Создавать баннер мы будем в программе ImageReady, которая инсталлируется вместе с программой Adobe Photoshop.
Шаг первый.
Начать стоит с выбора размера баннера. Для этого в меню «Файл», выберите пункт «Новый файл», затем в появившемся окне задайте размер будущего баннера в пикселях. Например, 250×300.
Всего пару лет назад в Интернете редко можно было увидеть большие баннеры. В основном это были картинки 468×60. Со временем появились новые размеры. А сейчас на каждом сайте руководители проектов сами задают размеры баннеров, которые стоит присылать рекламодателям, в случае если они хотят разместить рекламную картинку на их проекте.
Шаг второй.
Появившуюся белую картинку мы заливаем любым цветом. Затем на ней делаем надпись, ту, которая вам больше всего понравится. Например, «Сегодня шёл снег». Теперь стоит обратить внимание, что в окне «Слои» этих самых слоёв стало два.
Если вы задумаете как-то оформить написанный текст, то в окне «Стили» вы сможете выбрать подходящий вариант путём перетаскивания стилей к тексту.
Шаг третий.
В окне «Слои» вам нужно кликнуть правой кнопкой мыши на слой с фоном и выбрать пункт «Дублировать слой». Затем на продублированном слое делаем ещё одну надпись. Например, «А завтра снега уже не будет». В итоге у вас должно получится четыре слоя.
В дальнейшем вы можете создавать баннеры до неограниченного числа слоёв. А если будет желание, то можно создать настоящий анимированный фильм.
Шаг четвёртый.
В верхнем меню выбираем пункт «Слои», а затем пункт «Склеить с нижним» или «Merge Down». Так у вас должны получиться всего два слоя. Один с фоном и надписью «Сегодня шёл снег», а второй с таким же фоном и надписью «А завтра снега уже не будет».
Шаг пятый.
Для того, чтобы получился настоящий баннер, осталось только в меню «Анимация» выбрать пункт «Сделать кадры из слоёв». У вас должно получится два кадра. Затем стоит выбрать время, в течение которого эти кадры будут видны. По умолчанию оно будет 0 секунд. Выбрать стоит значение от 0,5 до 2 секунд. Больше не советую, в противном случае одна картинка будет висеть довольно долго. А из-за того, что пользователи очень быстро пролистывают страницы на ресурсе, они могут не заметить изменений вашего баннера.
Готово!
Такими баннерами в настоящее время пользуются маленькие компании, так как на создание предложенного рекламного продукта уходит не так уж и много времени. Зато он достаточно эффективен. Более крупные компании создают баннеры с использованием флеш-анимации. Такие баннеры разрабатываются намного дольше и их стоимость намного выше, чем у сделанных в ImageReady.
А так как баннеры в ImageReady вы можете сделать самостоятельно, то стоит задаться вопросом: а нужно ли платить за его создание?
Евгений Дудорев, ссылочку-то я на правильную меняю, на англоязычный ресурс... Будете так себя вести - удалю аккаунт.
0 Ответить
Почти получилось
Очевидно, что я аналогично безрукий и в IR 7.0 (англ) меню «Анимация» и пункт «Сделать кадры из слоёв» тоже не наблюдаю.
0 Ответить
В картинке всё показано))
0 Ответить
Вот теперь понятно, хотя называть это "меню Анимация" весьма спорно. Вообще-то, это закладка. И строчку вы не ту подчеркнули
"Make frames from layers" на две строчки выше...
0 Ответить
Простите, просто в спешке делал. Главное, что у вас получилось сделать баннер дос амого конца)
0 Ответить
О! Теперь получилось! Вот бы еще где-нибудь также кратенько прочитать, как теперь этот банер впихнуть на свою страничку на народе.ру. Просто я дилетант в этом деле, а пытливый ум распирает
Оценка статьи: 5
0 Ответить
На дикарке.ру почетайте.. восхитительнейший ресурс, шикарная женщина, кладезь вебпремудростей, всё легким слогом. Очень рекомендую.
0 Ответить
Спасибо большое, Сергей. Сходила, почитала, понравилось. Действительно легко. Удалось разместить банер: всего-навсего надо было сохранить в gif, а код взяла из банера "Я - автор Школы Жизни"
Оценка статьи: 5
0 Ответить
Здорово! Понравилось и даже почти получилось Не могу только найти меню «Анимация» и пункт «Сделать кадры из слоёв» в англоязычном варианте ImageReady CS2. Может подскажете?
Оценка статьи: 5
0 Ответить