Photoshop Animation - Анимационна графика

• Април 19, 2024

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

В този момент имаме първата снимка на екрана, както и два реда текст. В сцена 2 ще преместим втора снимка на екрана. Тъй като това изображение ще бъде на слой над първата снимка, ще покрие първата снимка напълно.

След като първата снимка бъде покрита, вече нямаме нужда от нея. Така че, ние ще отрежем записа на тази снимка и следователно ще премахнем снимката от екрана. За да завършим тази сцена, ние ще избледним текста, като се подготвяме за втората група текст, която да избледнее.

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

Временен код (0: 00: 05: 00) След пет секунди на времевата линия графиката на втория заместител ще се плъзне на екрана. (продължителност: .5 сек.)

Временен код (0: 00: 07: 00) След седем секунди на времевата линия двата реда текст ще избледнеят. (продължителност: .5 сек.)

Отворете проекта си във Photoshop и отидете на Timeline. Както можете да видите, графиката на втория заместител е върху слоя над първата графика. В този момент трактът удължава цялата продължителност на времевата линия. Но не се нуждаем от това изображение, което да се вижда до пет секунди по времевата линия. Така че нека отрежем записа на Timecode (0: 00: 05: 00). Това ще бъде началната позиция за слайда в анимацията.

1. Ако е необходимо, включете видимостта на [Основно изображение тук - 2] слой в панела Слоеве.
   
   
2. Преместете Playhead към Timecode 0: 00: 05: 00 (вижте екранната снимка).
   
   
3. Щракнете върху левия ръб на графичната песен на заместителя и плъзнете вдясно до пет секунди на Timeline.
   
   Трябва да преместим снимката напълно от десния ръб на екрана. Това ще бъде началната позиция за анимиране на снимката на екрана (вижте екранната снимка).
   
   
4. За да преместите графиката в начална позиция за анимацията, изберете слоя, щракнете върху Редактиране - Безплатна трансформация и плъзнете графиката, докато тя не е напълно извън екрана.
   
   
5. Разширете [Основно изображение тук - 2] слой и щракнете върху стоп часовника за свойството Transform, за да зададете ключова рамка за начална позиция (вижте екранната снимка).
   
   Сега нека анимираме втората графика обратно на екрана.
   
   
6. Преместете Playhead в Timecode 0: 00: 05: 15. Преместете графиката обратно към екрана, като съответствате на десните краища.
   
   Трябва да видите втория ключов кадър, добавен към свойството Transform.
   
   
7. И накрая, нека да съкратим продължителността на записа на оригинала [Основно изображение тук] долния слой. Плъзнете десния край на записа до Timecode 0: 00: 07: 00.
   
   Добре, сега нека избледним текста. В този момент текстовите слоеве все още завършват на стандартните пет секунди. Първата ни стъпка е да разширим пистите.
   
   
8. Преместете Playhead към Timecode (0: 00: 07: 15), което е краят на избледнялата анимация (вижте екранната снимка).
   
   
9. Плъзнете десния край на всяка текстова песен, за да разширите песните до Timecode (0: 00: 07: 15).
   
   Това ще бъде крайната рамка за избледнялата анимация. Но първо трябва да зададем началната рамка.
   
   
10. Преместете Playhead във времевия код (0: 00: 07: 00).
    
    
11. Отворете списъка Свойства за Име на фирмата и Вид на бизнеса текстови слоеве.
    
    
12. И за двата текстови слоя щракнете върху иконата Stop Watch за свойството Opacity, за да зададете стартовата непрозрачност на анимацията, която в този момент е 100% (вижте екранната снимка).
    
    
13. Преместете Playhead обратно към Timecode (0: 00: 07: 15) и намалете непрозрачността на двата текстови слоя в панела Слоеве до 0%.
    
    Трябва да видите двете крайни ключови рамки, добавени към времевата линия (вижте екранната снимка).
    
    

Тествайте анимацията си и запазете файла си.

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

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

Инструкции Видео: Компютърна графика (Урок1) (Април 2024).