Еловков, HTML, CSS, JavaScript, учебники, фото, проги, софт, полезно, бесплатно, дорог, ПОС, ППР, СНиП, ГОСТ, ВСН
разработка и дизайн сайта: Tur , особая благодарность сайту gostemilov.ru и его админитратору Gostemilov , GRAFу , и другим, При копировании материалов с настоящего сайта - ссылка на сайт обязательна Супер сайт - QWER.h15.ru - Все для вебмастера QWER.h15.ru - все для организации строительства дорог

...:   раздел: Главная / Статьи / Появляющийся текст  :...
главная тема раздела:..
 
..:материалы раздела

 

 

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



 

 

 

 

 

 

  Яндекс цитирования     Rambler's Top100     Rambler's Top100     Рейтинг@Mail.ru
Сайт управляется системой uCoz