У многих начинающих 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 на какой-нибудь другой. Хотя мне кажется, что данный вариант наиболее привлекательный. С применением этого эффекта я создал банер для сайта www.photoshopschool.ru