Открытка фотошоп. Анимированный текст
Как и обещала, на странице "Поздравления", я подготовила для Вас урок по созданию открытки в фотошоп, а именно анимационного текста. Такое поздравление будет индивидуальным и неповторимым! Усилия и потраченное время того стоят.
Анимационный текст в Photoshop
1. Для начала выберем открытку, фотографию или другой фон, на котором мы хотим разместить наш анимационный текст.
Я выбрала из своей коллекции фотографий вот эту:
2. Шрифтом Segoe Print из стандартного набора шрифтов пишу нужный текст. У меня розовый текст: "С праздником!"
3. Растрируем текст: жмем клавишу F7; в появившемся меню "Слои (Layers)" щелкаем правой кнопкой по слою с текстом и в выпадающем меню выбираем пункт "Растрировать текст (Rasterize Type)".
4. Инструментом выделяем первую букву и нажимаем Shift+Ctrl+J (вырезаем и вставляем на новый слой).
Возвращаемся на слой с надписью.
Эту операцию повторяем со всеми буквами поочередно.
Сейчас наша надпись разбита на отдельные буковки, причем каждая из них находится на отдельном слое. (Каждому слою с отдельной буквой для удобства дальнейшей работы я присвоила название. В меню слоев кликаем правой кнопкой по слою с буквой и в выпадающем меню жмем на "Параметры слоя". Присваиваем каждому слою название, соответствующее содержащейся в нем букве. Слой с буквой "С" называем С, слою с буквой "П" присваиваем название П и т.д.).
5. Прячем все буквы (закрываем значек напротив всех букв, кроме первой).
6. Теперь разобъем каждую букву на кусочки тем же приемом, что и в пункте 4. Снова берем , и выделяем им часть буквы, затем жмем сочетание клавиш Shift+Ctrl+J (вырезаем на новый слой); возвращаемся на слой с буквой и последовательно вырезаем следующие кусочки, каждый отдельно на новый слой.
И так далее с каджой из букв, повторяя с п.5.
P.S. Важно! Выделение частей букв надо делать очень аккуратно, стараясь не захватить область предыдущего
выделения и соседнюю букву, т. е. выделяем строго по границе.
Самую кропотливую часть закончили. Кто устал, тот может отдохнуть, не забыв сохранить проделанную работу в формате psd.
7. Создаем пишущую ручку. Берем инструмент "Произвольные фигуры" и в настройках выбираем форму ручки.
8. В настройках устанавливаем нужный цвет и режим фигур . Удерживая клавишу Shift (чтобы сохранялись пропорции) рисуем ручку. Расстрируем слой с ручкой (клик правой кнопкой по слою и далее в выпадающем меню выбираем "Расстрировать слой" (Rasterize layers)). Получаем такую картинку:
Далее жмем кнопки Ctrl+T и по появившейся вокруг нашей ручки рамке трансформации щелкаем правой кнопкой мыши. В выпавшем меню выбираем команду "Отразить по горизонтали". Кнопка Enter на клавиатуре - убрали рамку трансформации.
9. Придадим нашей ручке стиль тиснение. Правой кнопкой мыши щелкаем по слою с ручкой, и в выпавшем меню
выбираем "Параметры наложения". Ставим галочку в окошке "Тиснение". Устанавливаем следующие параметры:
В итоге ручка приобрела объем. Теперь можно перейти к написанию текста, т.е. к анимации.
10. Устанавливаем ручку в начале нашего текста, вот так:
11. Открываем палитру "Анимация" через меню "Окно" (Window - Animation). Прячем все слои, кроме фона и ручки. Это будет наш первый кадр.
12. Дублируем кадр (нажимаем на в палитре "Анимация"). Добавляем первый кусочек от буквы "С" (в меню "Слои" напротив слоя с первым кусочком буквы открываем и затем по контуру передвигаем ручку на кончик отрезка.).
13.Затем дублируем 2-й кадр и добавляем следующий кусочек буквы точно так же, как и в п.12.
Выполняем далее эти операции последовательно для каждого кусочка букв нашего текста.
Когда операции с буквами выполнены добавляем для первого кадра 0,5 секунд задержки, для последнего - 2 секунды. Остальные кадры оставляем без изменения: 0 сек. Включаем анимацию и схраняем файл для web и устройств ( Файл->Сохранить для web и устройств).
Вот что у меня получилось:
Надеюсь, что урок Вам понравился и Вы захотите сделать и подарить кому-нибудь открытку со своим анимированным текстом.