У многих начинающих Web-дизайнеров рано или поздно появляется вопрос:
"Как нарисовать красивый банер?". В этом уроке я опишу
как создавать эффект появляющегося текста который часто применяют
для производства банера.
Шаг 1: Откройте Photoshop и создайте изображение размером 300x50
пикселей. С помощью инструмента Horizontal Type Tool(T) Напишите
какой-нибудь текст. В моём случае - это Photoshopschool.ru. Теперь
подведите указатель мыши на слой с этим текстом в окне Layers и
щёлкнете правой клавишей. В выпадающем меню выберете Rasterize Layer.
Шаг 2: Продублируйте слой три раза (сочетание клавиш Ctrl+j). Сделайте
самый верхний слой активным и примените к нему эффект Motion Blur(Filter>Blur>Motion
Blur…) с параметрами:
Angle: 0
Distance: 120 px
Шаг 3: Для второго слоя (в моём случае это Photoshopschool.ru copy
2) примените тот же эффект но с параметром Distance равным 60 px.
Для третьего Distance равно 30 px. Последний слой оставьте без изменений.
Теперь нажмите кнопку Jump to ImageReady(Ctrl+Shift+M) на панели
инструментов. Итак, теперь мы в ImageReady. В окне Animation установите
задержку 0,5 секунд и оставьте видимым только слой с бэкграундом
белого цвета. Создайте новый кадр с задержкой 0 секунд. Сделайте
видимым верхний слой. Создайте ещё кадр и сделайте видимым только
второй слой с текстом (Photoshopschool.ru copy 2) и бэкграунд. Создайте
ещё кадр. Видимые слои на нём должны быть третий слой с текстом
(Photoshopschool.ru copy) и бэкграунд. На последнем кадре установите
задержку 1 секунду. Видимые слои - слой с не размытым текстом и
бэкграунд.
Экспериментируйте меняя фильтр Motion Blur на какой-нибудь другой.
Хотя мне кажется, что данный вариант наиболее привлекательный.
|