Читайте о...

Интересные приёмы в Фотошопе..Часть 7. Анимация текста в Фотошопе


Анимация текста в Фотошопе
(Анимация с появлением и исчезновением текста)

В этом уроке создадим интересную анимацию текста в фотошопе – эффект с появлением и исчезновением текста.

Создаём новый документ (Ctrl + N) размерами 1000х300 пикс.





Создадим дубликат слоя (Ctrl + J). Установим основные цвета: цвет заливки – чёрный, цвет фона - #0512bd (ну или что-либо подобное, на Ваш вкус).


Выбираем инструмент «Градиент»
и протягиваем вдоль документа, зажав клавишу Shift.



Переходим в «Меню > Фильтр > Галерея фильтров > Мокрая бумага» и устанавливаем параметры:
Длина волокна -5; Яркость – 55; Контрастность -73.




Выберите инструмент «Горизонтальный текст»(T) и установите шрифт «Arial Black» размером ~15 пикс. Цвет установите чуть светлее, чем в Градиенте - #4863d8.


И напишите любое слово:




Объедините все слои (Меню > Слой > Объединить слои). Скопируйте этот слой и назовите его «1». Перейдите в Галерею фильтров > Мокрая бумага и выставите параметры:
Длина волокна - 50; Яркость – 0; Контрастность – 73.
Это будет первый кадр анимации




Скопируйте слой «Слой 0» (Ctrl+J) и расположите копию выше всех слоёв. Назовите этот слой «2» и перейдите в Меню –
Фильтр – Галерея фильтров – Мокрая бумага. Параметры:
Длина волокна -50; Яркость – 20; Контрастность – 73.




Продолжайте создавать копии слоя «Слой 0», перемещая его каждый раз на самый верх  («1», «2», «3», «4» и т.д. до слоя «10»).Применяйте к каждому слою фильтр «Мокрая бумага», изменяя только параметры. Значения параметров по слоям:

Слой «3»: Длина волокна – 50, Яркость – 30, Контрастность-73




Слой «4»:Длина волокна-50, Яркость-40, Контрастность-73



Слой «5»:Длина волокна-50, Яркость-50, Контрастност-73.



Слой «6» (здесь начинаем уменьшать длину волокон, остальные параметры не трогаем): Длина волокон-40.



Слой «7»: Длина волокон -30.



Слой «8»: Длина волокон – 20.




Слой «9»: Длина волокна – 10.



Создайте последнюю копию «Слой 0» - «Слой 10» выше всех слоёв. Можно оставить её в том же виде, либо добавить Стиль слоя для нашего текста. Для этого необходимо выделить все наши буквы – выбираем инструмент «Волшебная палочка» с параметрами, как на фото ниже, и щёлкните по каждой букве:




Применяем стиль слоя с параметрами:











Удалите самый нижний слой «Слой 0».
Перейдите в «меню > Окно > Шкала времени (Анимация)». Выделите все слои  и, нажав на значок в правом верхнем углу Шкалы времени, выберете «Создать кадры из слоёв»





Нажмите ещё раз на этот же значок и выберете «Скопировать кадры», затем «Вставить кадры». В появившемся окне «Вклеить кадры» отметьте «Вклеить после выделенной области»:




Затем выбираете «Обратный порядок кадров». Вот примерный порядок действий:



Выделяете все кадры и выставляете время отображения кадра
0,1 или 0,2 сек., кроме 10-го кадра – ему ставим  0,5сек.
Нажимаем на первый кадр – должен быть открыт слой «1», нажимаем на второй – открыты слои «1» и «2» и т.д.
В итоге определяем режим проигрывания «Постоянно», проверяем результат




Для того, чтобы сохранить нашу работу, переходим «Меню Файл > Экспортировать > Сохранить для WEB» (старых версиях Фотошопа просто – Сохранить для WEB).



В открывшемся окне выбираете необходимые параметры (обязательно формат gif). Если надо, уменьшаете размер и нажимаете «Сохранить».



На этом урок закончен. Мы рассмотрели вопрос создания интересной анимации текста в фотошопе – эффект с появлением и исчезновением текста.



Удачи Вам в Вашем творчестве.
Автор – Олег Лодянов (kinoLOG)







Комментариев нет:

Отправить комментарий