Анимация текста в Фотошопе

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

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

 

Создаём новый документ (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 и исходник к нему:

 

Чтобы получить интересные уроки на свой адрес,

введите свои данные в форму подписки ниже:

 

 

Добавить комментарий

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Ваш аватар к комментарию возможен, если вы зарегистрированы в системе Gravatar. Если нет - зарегистрируйтесь, это бесплатно.


Кто на сайте

Сейчас 327 гостей и один зарегистрированный пользователь на сайте

  • OlegNakroshaev

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Пользователи, внесшие вклад

Вход на сайт

ВСЕ РАССЫЛКИ САЙТА НА EMAIL

 

РАССЫЛКИ ВКОНТАКТЕ

 

 Начните свой путь в мир ФОТОШОПА сейчас!

Основная полезная рассылка сайта.

Соглашение

 

 

 

 

Поиск по сайту

Присоединяйтесь в

Что в сундучке?

  • Текстовых уроков - 1152
  • Видеоуроков - 765
  • Вебинаров и тренингов - 66
  • Практических советов - 167
  • Программ - 7
  • Шаблонов, обоев и клипартов - 368
  • Наборов кистей, фигур - 320
  • Календарей - 117
  • Наборов рамок - 560
  • Книг, журналов - 125
  • Текстур, узоров и фонов - 44
  • Наборов иконок - 28
  • Наборов логотипов - 3
  • Наборов стилей - 51
  • Шрифтов - 78
  • Разное - 70