» Уроки » Создание анимации текста в Фотошоп

Создание анимации текста в Фотошоп

Сегодня я покажу прием создания анимации текста в фотошоп. В этом уроке будут использованы не только анимация, но и способ записи операций, чтобы ускорить процесс обработки текста. Итак начнем, открываем photoshop, а пока происходит загрузка программы, ищем текст для урока. Я взял стихи о любви.
Итак, создадим документ, копируем текст выбираем в фотошопе инструмент "текст" или нажав на клавишу T. Вставляем свой текст Ctrl+C. Сразу замечу текст у нас состоит из 7 строк, соответственно 7 групп, в них будут размещены слои+эффекты.
Дублируем слой Ctrl+J, в количестве 7 штук, и переносим по 1 слою в папку. Получится вот такая структура.
Здесь обращу ваше внимание, на то что у меня группы не названы, я к сожалению не любитель давать имена(так уж сложилось), но если вы только начинаете изучать фотошоп, то лучше это сделать. Теперь открываем окно анимации, по умолчанию оно скрыто. Здесь 2 пути решения либо вы выбираете режим просмотра Видео (если вы используете CS4 версию), либо просто поставить галочку в главном меню Окно>Анимация. Итак у нас есть окно анимации. Далее в 1 группе 1 слоя щелкним на значке глаза в панели слоев правой кнопкой и выберем показать/спрятать слои. Создадим в панели анимации 5 кадров поставив задержку 0,2 сек.
При выбранном 1 кадре редактируем текст оставляя только одну строчку. Для эффектов текста дублируем еще несколько слоев, примерно 4. И начинаем работать с операциями. Для этого в главном меню выбираем Окно>Операции.
Жмем создать новый набор и назовем его эффекты текста.
Далее нажимаем создать операцию и называем эффект1. Как видите можно даже задать подсветку и функциональную клавишу.
Нажмите отключить запись, нажав на стоп.
Отключаем видимость всех слоев, нажав на глазик возле названия группы. Переходим к 2 кадру, нажав на нем левой кнопкой мыши. Включаем видимость 1 слоя. Теперь нажимаем на запись в палитре слоев. Заходим в Галерею фильтров.Программа спросит растрировать текст жмем ОК. Выбираем фильтр Тушь и ставим параметры как на картинке.
Жмем в палитре операции остановить запись.Получаем вот такой эффект.
Далее выбираем 3 кадр активируем видимость 2 слоя, в предыдущем отключаем видимость. В палитре операции выбираем наш набор операций. Создаем новую операцию называем эффект2. Заходим в Галерея Фильтров. Применяем тот же фильтр Тушь только с такими настройками:
Отключаем запись. Переходим на 4 кадр. Отключаем видимость 2 слоя и включаем 3 слой. В палитре операций создаем новую, называем эффект3. Заходим в Галерея Фильтров. Применяем тот же фильтр Тушь только с такими настройками:
Отключаем запись. Переходим на 5 кадр отключаем видимость 3 слоя и включаем 4 слой. Можете посмотреть анимацию. В итоге у на получается 3 операции.
Создаем новый кадр в окне анимации. Оставляем видимость только последнего слоя(те кадр к которому не применен эффект). Переходим к ранее созданной 2 группе слоев. Создаем несколько дубликатов слоя в группе 2(Ctrl+J 4 штуки). И включаем видимость только 1 слоя в текущей группе. Редактируем его и оставляем только вторую строчку текста.
Создаем 4 кадра в окне анимации нажав на листок. Начинаем применять Операции. Выбираем 6 кадр, 1 слой 2 Группы, и в списке операций выбираем Эффект1, жмем Выполнить операцию(обязательно должен быть выбран слой к которому применяется операция).
Вот что получается:
Отлично идем дальше. Тем же способом применяем Эффект2. Переходим к 7 кадру выключаем видимость 1 слоя в группе 2, включаем 2 слой в группе.Редактируем оставляем 2 строчку, применяем эффект2, выбрав его в списке операций.
Переходим к слою 3 группы 2 включаем видимость, отключая слой 2. Редактируем оставляя все туже 2 строчку, выбираем 8 кадр и применяем Эффект3.
Далее переходим к слою 4 в группе 2. Выбираем 9 кадр. И выключаем видимость 3 слоя и включаем 4 слой.
Сделайте ту же последовательность с остальными группами. Но работайте со 2 строкой стиха, в 3 группе с 3 строкой и так далее. Ну вот почти готовый вариант
Но я хочу добавить красивый фон для целостности. Сделаю это я при помощи градиента.

Похожие материалы:

Патриотическая надпись в Фотошоп
Патриотическая надпись в Фотошоп

Сегодня урок посвященный созданию текста с наложенной на него текстурой, как вы уже успели заметить, текст посвященном России. Ну что ж…

Стеклянный текст в фотошоп
Стеклянный текст в фотошоп

В этом уроке показана простая техника создания, стеклянного текста в фотошоп. Быстро и просто, а также наполнение текста жидкостью.Ну что ж…

Текст из мультфильма Три богатыря
Текст из мультфильма Три богатыря

Этот урок я решил сделать после того как зашел на сайт мультфильма "Три богатыря и Шамаханская царица". Мне очень понравилось оформление сайта и вот…

  • Вконтакте
  • Facebook
  • Комментарии (0)
Сообщить об ошибке