Photoshop Animation - анімаційний текст

• Може 2, 2024

У цьому підручнику Photoshop ми почнемо анімувати елементи дизайну в нашому шаблоні відео обкладинки Facebook. Кожен елемент знаходиться на своєму шарі, тому ми можемо керувати ними окремо.

Як ви бачите на даний момент, у нас є два графічні шари заповнювача у нижній частині та вісім шарів тексту заповнення (див. Скріншот). Ми вже розширили графічні шари до загальної тривалості (20 секунд) для нашого відео, але текстові шари все ще встановлені за замовчуванням п'ять секунд (див. Скріншот). Наразі це нормально, оскільки ми будемо рухати ці треки за тимчасовою шкалою. Поки що, давайте вимкнемо видимість (піктограма очей на панелі шарів) усіх шарів, крім нижнього шару.

Сцена 1 кадр за кадром

Тимчасовий код (0: 00: 00: 00) Кадр 1: відео розпочнеться із зображення графіки внизу фону.

Тимчасовий код (0: 00: 01: 00) Кадр 30: Одну секунду (30 кадрів) після початку відео, Найменування фірми текст зникне на екрані. (тривалість: .5 сек)

Тимчасовий код (0: 00: 02: 00) Кадр 60: Дві секунди після початку відео, Вид бізнесу текст зникне. (тривалість: .5 сек.)

Ми все це зробимо на панелі "Шкала".

На панелі "Шкала" у кожного текстового шару є свої властивості, якими ми можемо анімувати.


1. Розгорніть шар «Текстова група» на панелі «Шкала», щоб відобразити всі шари тексту (див. Скріншот).
   
   
2. Перемістіть Playhead у часовий код (0: 00: 01: 00) та перетягніть лівий край кожного текстового шару до Playhead. Це зробить шари тексту невидимими до часового коду (0: 00: 01: 00).
   
   
3. Розгорніть Найменування фірми текстовий шар для відображення списку властивостей. За допомогою Playhead за часовим кодом (0: 00: 01: 00) натисніть значок стоп-годинника для властивості Opacity.
   
   Ви повинні побачити (див. Знімок екрана) невеликий жовтий ключовий кадр, доданий до властивості Opacity. Це встановлює початок цієї анімації текстового шару.
   
   
4. Перемістіть Playhead 15 кадрів праворуч. Тимчасовий код (0: 00: 01: 15)
   
   
5. Тільки з Найменування фірми вибраного шару, клацніть невеликий трикутник для властивості Opacity у списку властивостей, щоб додати другий ключовий кадр.
   
   Тепер у вас має бути дві ключові рамки для властивості Opacity.
   
   На даний момент текст все ще видно в обох місцях ключових кадрів. Давайте приховаємо текст на першому кадрі цього в’янення в анімації.
   
   
6. Перемістіть Playhead назад до початку кадру. Тепер перейдіть до панелі шару і зменшіть непрозорість шару до 0%.
   
   Наше останнє завдання - оживити Вид бізнесу текст.
   
   
7. Перемістіть Playhead за двома другими позначками на лінійці часу (02:00) або часовому коді (0: 00: 02: 00). Перетягніть лівий край цієї доріжки до Playhead.
   
   
8. Виберіть Вид бізнесу введіть текст і розгорніть, щоб побачити властивості. Повторіть попередні кроки, щоб додати два ключових кадри та зменшити непрозорість до 0% під час першого ключового кадру.
   
   

Перемістіть Playhead назад до початку шкали часу та натисніть кнопку Відтворити, щоб перевірити анімацію. Збережіть свою роботу.

У наступному посібнику ми будемо використовувати властивість Transform для анімації графіки другого заповнювача.

Назад | Далі

Авторські права 2018 Adobe Systems Incorporated. Всі права захищені. Знімки екрана продуктів Adobe передруковані з дозволу Adobe Systems Incorporated. Adobe, Photoshop є або є зареєстрованою торговою маркою, або торговою маркою Adobe Systems Incorporated у США та / або інших країнах.

Відео Інструкція: How to Make Lower Third Animation in Photoshop (Може 2024).