Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


Изюминка нашего сайта в том, что все файлы хранятся на наших серверах, поэтому Вы получаете круглосуточный доступ ко всем файлам по прямым ссылкам без регистрации! С нашим сайтом Вы забудете про файлообменники!


Урок: Танцующий текст


Создаем «Танцующий текст».


 


1. Создаем новый документ 250 на 500 пикс. В принципе пропорции могут быть любыми, но текст может быть только вертикальным, это надо учесть.
2. Заливаем с помощь инструмента Paint Bucket Tool любой понравившийся Вам цвет
3. Выбираем инструмент Vertical Tape Tool из палитры инструментов. Цвет может быть любым, стоит, однако учесть, что текст должен контрастировать с тоном. Текст необходимо разместить посередине фона и только вертикально
4. Layer > Layer Stile > Blending Option
Выставьте параметры, которые Вам понравиться (этот шаг можно и пропустить)
5. Растрируйте слой с текстом. Layer > Rasterize > Type. Теперь с ним можно будет работать как с картинкой.
6. Соединение слоя текста с слоем фона. Cntrl+E
7. Создайте дубль слоя Layer > Duplicate Layer Задайте название plus.
8. Открываем окно слои Window > Layers выбираем слой plus отключаем напротив этого слоя «глаз» так же как напротив слоя фона.
9. Создаем семь копий слоя plus нажимая Cntrl+J, седьмую копию называем middle
10. Теперь аналогичным образом создаем семь копий с названием minus…
Панель слоев должна выглядеть как на рисунке:


 


 


Урок: Танцующий текст

 


 


Дальше работаем со слоями
11. Выбираем слой plus в палитре Layers и ставим напротив него значок «глаз»
12. Выбираем фильтр Filter > Distort > Shear. И выставляем диаграмму в соответствии с рисунком


 


 


Урок: Танцующий текст

 


 


13. Выбираем следующий слой plus copy и нажимаем cntrl+f дважды
14. Для plus copy 2 > cntrl+f три раза
15. для plus copy 3 > cntrl+f четыре раза.
16. для plus copy 4 > cntrl+f три раза
17. для plus copy 5 > cntrl+f два раза
18. для plus copy 6 > cntrl+f один раз
19. Переходим на слой minus выбрав его на панели слоев.
20 Filter > Distort > Shear. И выставляем диаграмму в соответствии с рисунком


 


 


Урок: Танцующий текст

 


 


21. Выбираем следующий слой minus copy и нажимаем cntrl+f дважды
22. Для minus copy 2 > cntrl+f три раза
23. для minus copy 3 > cntrl+f четыре раза.
24. для minus copy 4 > cntrl+f три раза
25. для minus copy 5 > cntrl+f два раза
26. для minus copy 6 > cntrl+f один раз
Теперь время работать с анимацией. В нашей версии фотошопа – CS 2 можно использовать анимацию в самом фотошопе, если ее нет, то сначала стоит отравить файл в ImageReady. Делается это так File > Edit in ImageReady
Дальнейшие действия и в там и там одинаковые.
27. Windows > Animation
28. В открывшемся окне наводим стрелочку на листок в низу окошка Duplicates selected frame и щелкаем 15 раз. В результате в окне должно получиться 16 frame как на рисунке.


 


 


Урок: Танцующий текст

 


 


29. Теперь выбираем первое окошко в Animation и выставляем среди слоев «глаз» на против слоя фона - Background Если на этом этапе «глаз» есть еще на против какого-нибудь слоя, его следует убрать.
30. Выбираем в Animation окошко с номером 2 и выставляем «глаз»напротив слоя plus.
31. И так далее, следующее новое окно анимации по порядку и следующий новый слой получает «глаз» по порядку с низу вверх.
32. Сохранение. Я использую обычно File > Save for Web параметры могут меняться в зависимости от цветовой гаммы, но формат может быть только GIF иначе анимация не сохраниться.


 


 


Урок: Танцующий текст


Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

комментарии (2)

#1 написал: TaUReN | 7 ноября 2008 14:47
     

чето он не танцует)
#2 написал: naikon | 7 ноября 2008 15:18
     

TaUReN,
ты приблизь его - затанцует :)
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.