• Авторизация


Урок фотошоп анимации ."Печатающийся текст." 13-03-2014 14:14 к комментариям - к полной версии - понравилось!

Это цитата сообщения Skandalika Оригинальное сообщение

Урок фотошоп анимации ."Печатающийся текст."

Печатающийся текст.
Опять я пишу очень подробный урок в надежде, что выполнение этого урока не составит для Вас особого труда.
1. Открываем новый файл. В данном случае я выбрала размер 650 на 100 пикселей.
Заливаем слой белым цветом (это у нас будет фон).
[показать]
2. Нажимаем на D на клавиатуре для сброса цветов по умолчанию. Берем инструмент Horizontal Type Tool
[показать]
и пишем нужный нам текст черным цветом.
[показать]
3. Растеризируем слой с текстом. Для этого в палитре слоев на слое с текстом нажимаем правой кнопкой мышки и в выпавшем меню выбираем надпись Rasterize Type
[показать]
4. Дублируем слой с текстом. Для этого снова кликаем правой кнопкой мышки в палитре слоев на слое с текстом и выбираем надпись Duplicate Layer...
[показать]
Эту операцию по дублированию слоя нужно повторить столько раз сколько букв и напечатанных знаков в Вашем тексте. В моем случае получилось 16 букв и 1 знак. Значит я дублирую 17 слоев. После этого нужно отключить видимость у всех слоев с текстом кроме самого первого текстового слоя. (отключить видимость - это в палитре слоев нажать на открытый глаз возле представления слоя.)
[показать]
5. Инструментом Eraser Tool на самом первом слое с текстом, у которого сейчас включена видимость, стираем все буквы кроме самой первой.
[показать]
Отключаем видимость у этого слоя с одной буквой.
6. Включаем видимость на следующем слое с текстом и стираем все буквы кроме двух первых.
[показать]
Отключаем видимость у этого слоя с двумя буквами.
7. Включаем видимость у следующего слоя и стираем все буквы кроме трех первых.
Таким образом мы повторяем действия с каждым слоем, но каждый раз оставляем на одну букву больше чем на предыдущем слое. Как Вы заметили – на самом последнем слое с текстом не нужно будет стирать ни одной буквы.
8. После окончания всех этих процедур с стиранием текста нужно отключить видимость на всех слоях с текстом и оставить видимым только слой с белым фоном. В палитре слоев это будет выглядеть так:
[показать]
9. Теперь нам нужно перейти в программу ImageReady. Для этого мы нажимаем на Сtrl+Shift+M. После этого дочерняя фотошопу программа откроется в отдельном окне и наш подготовленный файл с набранным текстом переместится в ImageReady.
Если у вас не включена анимация, то включаем её:
[показать]
10. Теперь нам нужно продублировать кадр с фоном. Для этого нажимаем на эту кнопку (Duplicates current flame) и получится второй кадр с фоном.
[показать]
11. Теперь в палитре слоев нужно включить видимость на самом нижнем слое с текстом (там где одна первая буква).
[показать]
12. Дублируем второй кадр. А в палитре слоев отключаем видимость на слое в одной буквой текста и включаем видимость с двумя буквами текста.
[показать]
13. Дублируем третий кадр. А в палитре слоев отключаем видимость на слое с двумя буквами и включаем видимость с тремя буквами текста. И так продолжаем делать до тех пор пока не используем все слои с текстом.
14. Теперь нужно немного подкорректировать время «печати». Для этого нажимаем на указанную кнопку и выбираем показатель в 0,2 sec.
[показать]
Эти временные показатели меняем для каждого кадра.
15. Нажимаем на кнопку Plays/stops animation и смотрим на результаты нашей анимации
[показать]
16. Теперь осталось правильно сохранить. Проверьте чтоб у вас был выбран правильный формат:
[показать]
17. Сохраняем анимацию только так:
[показать]
18. Итог:
[показать]
И ещё один вариант на данную тему:
[показать]

Автор Алиби.
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Урок фотошоп анимации ."Печатающийся текст." | КреТа - Дневник КреТа | Лента друзей КреТа / Полная версия Добавить в друзья Страницы: раньше»