В данном уроке по Анимации в Фотошопе мы создадим Танцующий текст с использованием фильтра.
Результат:
Приступаем к уроку по работе с Adobe PhotoshopЭтап 1. Создаем новый документ
250 на 500 пикс. В принципе пропорции могут быть любыми, но текст может быть только вертикальным, это надо учесть.
Этап 2. Заливаем с помощь инструмента
Paint Bucket Tool любой понравившийся Вам цвет.
Этап 3. Выбираем инструмент
Vertical Tape Tool из палитры инструментов.
Цвет может быть любым, стоит, однако учесть, что текст должен контрастировать с тоном.
Текст необходимо разместить посередине фона и только вертикально.
Этап 4. Layer > Layer Stile > Blending Option;
Выставьте параметры, которые Вам понравиться
(этот шаг можно и пропустить).
Этап 5. Растрируйте слой с текстом.
Layer > Rasterize > Type. Теперь с ним можно будет работать как с картинкой.
Этап 6. Соединение слоя текста с слоем фона
Ctrl+E.
Этап 7. Создайте дубль слоя
Layer > Duplicate Layer Задайте название
plus.
Этап 8. Открываем окно слои
Window > Layers выбираем слой
plus отключаем напротив этого слоя
«глаз» так же как напротив слоя фона.
Этап 9. Создаем семь копий слоя
plus нажимая
Ctrl+J, седьмую копию называем
middle.
Этап 10. Теперь аналогичным образом создаем семь копий с названием
minus…
Панель слоев должна выглядеть как на рисунке:
Дальше работаем со слоями.
Этап 11. Выбираем слой
plus в палитре
Layers и ставим напротив него значок
«глаз».
Этап 12. Выбираем фильтр
Filter > Distort > Shear. И выставляем диаграмму в соответствии с рисунком:
Этап 13. Выбираем следующий слой
plus copy и нажимаем
ctrl+f дважды.
Этап 14. Для
plus copy 2 > ctrl+f три раза;
Этап 15. для
plus copy 3 > ctrl+f четыре раза;
Этап 16. для
plus copy 4 > ctrl+f три раза;
Этап 17. для
plus copy 5 > ctrl+f два раза;
Этап 18. для
plus copy 6 > ctrl+f один раз;
Этап 19. Переходим на слой
minus выбрав его на панели слоев.
Этап 20. Filter > Distort > Shear. И выставляем диаграмму в соответствии с рисунком:
Этап 21. Выбираем следующий слой
minus copy и нажимаем
ctrl+f дважды;
Этап 22. для
minus copy 2 > ctrl+f три раза;
Этап 23. для
minus copy 3 > ctrl+f четыре раза;
Этап 24. для
minus copy 4 > ctrl+f три раза;
Этап 25. для
minus copy 5 > ctrl+f два раза;
Этап 26. для
minus copy 6 > ctrl+f один раз;
Теперь время работать с анимацией. В нашей версии фотошопа –
CS2 можно использовать анимацию в самом фотошопе, если ее нет, то сначала стоит отравить файл в
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 иначе анимация не сохраниться.
Результат:
Автор: Боль
При копировании данного урока, активная ссылка на наш форум
http://forum.photo-manual.ru/ обязательна.