Анимация текста в фотошопе
Анимация текста в Фотошопе
(Анимация с появлением и исчезновением текста)
В этом уроке создадим интересную анимацию текста в фотошопе – эффект с появлением и исчезновением текста.
Создаём новый документ (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)
Скачать урок в формате PDF и исходник к нему:
Чтобы получить интересные уроки на свой адрес,
введите свои данные в форму подписки ниже:
Временно закрыто комментирование для гостей, нужна обязательная регистрация, ввиду засилья спамботов.
зарегистрируйтесь на сайте, что бы оставлять комментарии!
Подробнее...