Морфинг текста в фотошоп анимации

• May 16, 2024

Пока что в этом постоянном фотошопе^р В анимационном проекте мы создали эффект затухания текста и простую рамочную текстовую анимацию для блики. У нас есть 47 кадров в нашей анимации. Теперь мы изменим текст в слое J3 Designs (название веб-сайта), используя функцию деформированного текста в Photoshop и палитру «Анимация».

1. Чтобы подготовиться к изменению названия веб-сайта, нам нужно добавить новый фрейм (фрейм 48) и установить длительность обратно на 0,1 сек. Нам также необходимо отключить видимость для дизайнер и за слои. Затем включите видимость J3 Designs (название сайта) слой в палитре слоев.
   
   
2. Теперь мы можем начать морфинг. Добавьте новый кадр (кадр 49) в палитру «Анимация». Вернитесь к блику и выберите текст «J3 Designs» с помощью инструмента «Текст». Это позволит вам использовать кнопку «Деформировать текст». Нажмите на кнопку, чтобы открыть диалоговое окно Деформация текста. Установите для раскрывающегося списка «Стиль» значение «Рыба», для переключателя - «Горизонтально», а для ползунков установите значение «0». Закройте диалоговое окно.
   
   
3. Чтобы установить конечный кадр для первой половины морфируемой анимации, добавьте новый кадр (Кадр 50). Выделите текст еще раз и откройте диалоговое окно «Деформация текста». Переместите бегунок Bend на 100 и закройте диалоговое окно.
   
   
4. Для создания морфируемой анимации выберите «Кадры 49 и 50». В меню палитры выберите «Твин». Установите количество кадров в 5 и нажмите ОК. Фотошоп добавит кадры анимации. У вас будет 55 кадров в анимации.
   
   
5. Теперь давайте вернемся в другую сторону с морфом. Добавьте новый кадр (Кадр 56). Выделите текст и откройте диалоговое окно «Деформация». Установите ползунок Bend обратно на 0 и закройте диалоговое окно. Выберите кадры 55 и 56 и создайте еще один ролик продолжительностью 5 кадров. Photoshop добавит кадры анимации, и у вас должно быть 61 кадр в палитре «Анимация».
   
   Теперь мы повторим последние два шага, но на этот раз установим ползунок Bend на -100 вместо 100.
   
   
6. Добавить новый кадр (кадр 62). Выделите текст и откройте диалоговое окно «Текст бородавки». Установите ползунок Bend на -100. Выберите кадры 61 и 62 и создайте еще один ролик продолжительностью 5 кадров. Фотошоп добавит кадры анимации, и у вас должно быть 67 кадров.
   
   
7. Снова добавьте новый кадр (Кадр 68) и установите ползунок Bend обратно на 0. Выберите Кадры 67 и 68 и создайте один последний Твин. Теперь у вас должно быть 73 кадра.
   
   
8. Наконец, мы хотим, чтобы анимация показывала имя сайта (J3 Designs) в течение 2 секунд. Добавьте новый кадр (кадр 74) и установите длительность 2 сек.
   
   

Выберите кадр 1 в палитре «Анимация» и воспроизведите анимацию. Сохраните ваш проект как blinkie2.psd. В следующем уроке мы начнем перемещать наши ошибки и закончим анимацию.

Copyright 2018 Adobe Systems Incorporated. Все права защищены. Снимки экрана продукта Adobe перепечатаны с разрешения Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, элементы Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, фейерверки, содействие, увлечение, Flash Catalyst и Flash Paper является или является [a] зарегистрированным товарным знаком (-ами) или товарным знаком (-ами) Adobe Systems Incorporated в США и / или других странах.

Видео инструкция: Анимация появления текста по буквам в фотошопе (May 2024).