Блуждая по страницам всемирной паутины, вы неоднократно натыкались на
красивые анимированные баннеры к которым так и тянется мышка, чтобы на
него нажать. Теперь и у вас есть возможность создавать "анимашки" и
помещать их на свой сайт! И всего-то нам понадобиться приложение,
входящее в стандартный пакет Adobe Photoshop, а именно Adobe ImageReady.
Запускаем! Создаём новое изображение размером, к примеру, 468х60
(стандартный размер баннера). Установите цвет переднего плана на синий
(#0000FF), а фон на красный (#FF0000).
Вы, конечно, можете использовать другие цвета, или вообще взять для фона
какое-либо изображение. Экспериментируйте!
Следующим шагом будет использование фильтра "clouds" (filter>>Render>>Clouds).
Отлично! Теперь несколько раз применим фильтр "difference clouds" (filter>>Render>>
Difference clouds). У вас должно получиться примерно такое:
Фон почти
готов! Осталось только один штрих: фильтр "Lens flare" (Filter>>Render>>Lens
Flare). Выберете по вашему усмотрению вид линзы и нажмите OK. Класс! Вот
и всё, фон готов! Приходим непосредственно к изготовлению анимации.
Напишите какое-нибудь слово, например "WEB-мастер". Теперь применим к
тексту "стили слоя". Выбираем Layer>>Layer Style>>Stroke (обвести). Цвет
белый. Теперь повторяем Layer>>Layer Style, только теперь выбираем "drop
shadow" (отбросить тень). Цвет тени тоже белый (кому не нравиться, может
выбирать другие цвета). Нажимаем OK.
Вы спросите: "Я где же собственно анимация?" Терпение, друзья,
терпение!
Переходим к работе с окном "Animation".
Нажатием на кнопку
дублируем предыдущие "слайды". Всего создаём три "слайда". Дважды
дублируйте слой с вашим текстом в окне Layers. У нас получилось три слоя
с текстом. Выделите первый слайд в окне "Animation" и сделайте видимым
только первый слой с текстом (уберите значок
напротив
слоя).
Перейдите на второй слайд в окне "Animation". Сделайте видимым
второй слой с текстом и уберите первый слой. Помните как вы делали
обводку текста через Layer style? Отлично! Измените цвет обводки на, к
примеру, красный. OK?
Повторим такое же со слайдом #три: убираем первый
слой и ставим третий текстовый слой, изменяем цвет обводки на зелёный.
Класс! 99% работы проделано! Настраиваем скорость анимации: в окне "Animation"
под каждым слайдом поставьте 0,5 sec. А вот теперь
можно нажать на кнопочку Play
! Ну как? Если вы
всё правильно сделали, то у вас должно получиться примерно такое:
Если у вас хватает фантазии, то вы сможете сделать
отличный баннер для своего сайта! Главное понять алгоритм
выполнения всех действий! Удачи!
Автор:
GREEF
Источник:
http://greef.jino-net.ru
