Photoshop Animation - Анімаційна графіка

• Може 21, 2024

У цьому підручнику Photoshop ми продовжимо створювати анімацію для шаблону обкладинки відео у Facebook. Ми анімуємо другу фотографію на екрані.

На даний момент у нас з'явилася перша фотографія на екрані, а також два рядки тексту. У Сцені 2 ми перемістимо другу фотографію на екран. Оскільки це зображення буде на шарі над першою фотографією, воно повністю покриє перше фото.

Після того, як перша фотографія прикрита, вона більше не потрібна. Отже, ми обріжемо доріжку цієї фотографії, а тому знімемо фотографію з екрану. Закінчивши цю сцену, ми будемо зникати з тексту, готуючись до вицвітання другої групи тексту.

Сцена 2 Кадр за кадром

Тимчасовий код (0: 00: 05: 00) Через п’ять секунд на шкалі часу графіка другого заповнювача заповзе на екран. (тривалість: .5 сек)

Тимчасовий код (0: 00: 07: 00) Через сім секунд на шкалі часу два рядки тексту зникнуть. (тривалість: .5 сек)

Відкрийте свій проект у Photoshop та перейдіть до шкали часу. Як бачимо, графіка другого заповнювача знаходиться на шарі над першим графіком. У цей момент урочище продовжує всю тривалість Тимчасової шкали. Але нам це зображення не потрібно, щоб воно було видно до п'яти секунд на шкалі часу. Тож давайте обріжемо доріжку за тимчасовим кодом (0: 00: 05: 00). Це буде вихідне положення для слайда в анімації.

1. Якщо потрібно, увімкніть видимість [Фонове зображення тут - 2] шар на панелі «Шари».
   
   
2. Перемістіть Playhead у часовий код 0: 00: 05: 00 (див. Скріншот).
   
   
3. Клацніть лівий край графічної доріжки із заповненням та перетягніть праворуч на п'ять секунд на шкалі часу.
   
   Нам потрібно повністю перемістити фотографію з правого краю екрану. Це буде вихідним положенням для анімації фотографії на екрані (див. Скріншот).
   
   
4. Щоб перемістити графіку у вихідне положення для анімації, виберіть шар, натисніть «Правка - вільна трансформація» та перетягніть графіку до повного вимкнення екрана.
   
   
5. Розгорніть [Фонове зображення тут - 2] шару та натисніть Стоп-годинник для властивості Transform, щоб встановити ключовий кадр вихідного положення (див. скріншот).
   
   Тепер давайте анімацію другої графіки повернемо на екран.
   
   
6. Перемістіть Playhead у часовий код 0: 00: 05: 15. Перемістіть графіку назад на екран, відповідні праворуч.
   
   Ви повинні побачити другий ключовий кадр, доданий до властивості Transform.
   
   
7. Нарешті, давайте скоротить тривалість треку оригіналу [Фонове зображення тут] нижній шар. Перетягніть правий край доріжки до часового коду 0: 00: 07: 00.
   
   Гаразд, тепер давайте згадаємо текст. На цьому етапі текстові шари все ще закінчуються за замовчуванням п'ять секунд. Наш перший крок - розширення доріжок.
   
   
8. Перемістіть Playhead у часовий код (0: 00: 07: 15), що є завершенням зникаючої анімації (див. Скріншот).
   
   
9. Перетягніть правий край кожного текстового треку, щоб розширити доріжки до часового коду (0: 00: 07: 15).
   
   Це буде завершальним кадром для згасаючої анімації. Але спочатку нам потрібно встановити початковий кадр.
   
   
10. Перемістіть Playhead у часовий код (0: 00: 07: 00).
    
    
11. Відкрийте список властивостей для Найменування фірми і Вид бізнесу текстові шари.
    
    
12. Для обох текстових шарів клацніть піктограму Стоп-годинник для властивості Opacity, щоб встановити початкову непрозорість для анімації, яка в цей момент становить 100% (див. Скріншот).
    
    
13. Перемістіть Playhead назад до часового коду (0: 00: 07: 15) та зменшіть непрозорість двох текстових шарів на панелі «Шари» до 0%.
    
    Ви повинні побачити, що два кінцеві кадри ключів додаються до шкали часу (див. Скріншот).
    
    

Перевірте свою анімацію та збережіть файл.

Назад | Далі

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

Відео Інструкція: How to Make Adobe Photoshop Like Photo Strip Effect in PowerPoint 2016 Tutorial (Може 2024).