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

• Може 3, 2024

В този урок за Photoshop ще започнем да анимираме дизайнерските елементи в нашия шаблон за обложка на видео във Facebook. Всеки елемент е на собствен слой, така че можем да ги контролираме поотделно.

Както можете да видите в този момент, имаме два графични слоя за запазени места в долната част и осем текстови слоя за запълване (вижте екранната снимка). Вече разширихме графичните слоеве до общата продължителност (20 секунди) за нашето видео, но текстовите слоеве все още са зададени на стандартните пет секунди (вижте екранната снимка). Засега е добре, тъй като ние ще придвижваме тези песни по времевата линия, ако е необходимо. За сега нека изключим видимостта (икона на очите в панела Слоеве) на всички слоеве, с изключение на долния.

Сцена 1 кадър по кадър

Временен код (0: 00: 00: 00) Кадър 1: Видеоклипът ще започне с видима графика на долния фон.

Временен код (0: 00: 01: 00) Рамка 30: Една секунда (30 кадъра) след началото на видеоклипа, Име на фирмата текст ще избледнее на екрана. (продължителност: .5 сек.)

Временен код (0: 00: 02: 00) кадър 60: Две секунди след началото на видеоклипа, Вид на бизнеса текстът ще избледнее. (продължителност: .5 сек.)

Ще направим всичко това в панела на Timeline.

В панела Timeline всеки текстов слой има свои собствени свойства, които можем да анимираме.


1. Разгънете слоя „Текстова група“ в панела „Времева линия“, за да се покажат всички слоеве текст (вижте екранната снимка).
   
   
2. Преместете Playhead във времевия код (0: 00: 01: 00) и плъзнете левия ръб на всеки текстов слой към Playhead. Това ще направи текстовите слоеве невидими до Timecode (0: 00: 01: 00).
   
   
3. Разширете Име на фирмата текстов слой, за да се покаже списъка със свойствата. С Playhead at Timecode (0: 00: 01: 00) щракнете върху иконата Stop Watch за свойството Opacity.
   
   Трябва да видите (вижте екрана) малък жълт ключов кадър, добавен към свойството Opacity. Това поставя началото на тази анимация на текстовия слой.
   
   
4. Преместете Playhead 15 кадъра вдясно. Временен код (0: 00: 01: 15)
   
   
5. Само с Име на фирмата избран слой, щракнете върху малкия триъгълник за свойството Opacity в списъка със свойства, за да добавите втори ключов кадър.
   
   Вече трябва да имате две ключови рамки за свойството Opacity.
   
   На този етап текстът все още се вижда и в двете места на ключовите рамки. Нека скрием текста на първия кадър от това избледняване в анимация.
   
   
6. Преместете Playhead обратно към началния кадър. Сега отидете на панела на слоя и намалете непрозрачността на слоя до 0%.
   
   Последната ни задача е да оживяваме Вид на бизнеса текст.
   
   
7. Преместете възпроизвеждащата глава до втората маркировка на правителя на времето (02:00) или времевия код (0: 00: 02: 00). Плъзнете левия ръб на тази песен към Playhead.
   
   
8. Изберете Вид на бизнеса текст и разгънете, за да видите свойствата. Повторете предишните стъпки, за да добавите двете ключови рамки и да намалите непрозрачността до 0% при първия ключов кадър.
   
   

Преместете Playhead обратно в началото на Timeline и кликнете върху бутона Play, за да тествате анимацията. Запазете работата си.

В следващия урок ще използваме свойството Transform, за да анимираме графиката на втория заместител.

Обратно | Следващия

Copyright 2018 Adobe Systems Incorporated. Всички права запазени. Екран (и) на екрана с продукти на Adobe препечатани с разрешение от Adobe Systems Incorporated. Adobe, Photoshop са или са [a] регистрирана търговска марка (и) или търговска марка (и) на Adobe Systems Incorporated в Съединените щати и / или други страни.

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