Фотошоп Анимация - Анимация Графика

• May 18, 2024

В этом уроке по Photoshop мы продолжим создавать анимацию для нашего шаблона обложки видео на Facebook. Мы будем анимировать вторую фотографию на экране.

На данный момент у нас есть первая фотография на экране, а также две строки текста. В сцене 2 мы переместим вторую фотографию на экран. Поскольку это изображение будет находиться над слоем над первой фотографией, оно полностью закроет первую фотографию.

Как только первая фотография покрыта, она нам больше не нужна. Итак, мы обрежем дорожку этой фотографии и, следовательно, удалим фотографию с экрана. Чтобы закончить эту сцену, мы будем постепенно уменьшать текст, готовясь к появлению второй группы текста.

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

Временной код (0: 00: 05: 00) Через пять секунд на временной шкале вторая метка-заполнитель будет скользить по экрану. (продолжительность: .5 сек.)

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

Откройте свой проект в Photoshop и перейдите на временную шкалу. Как вы можете видеть, второе графическое заполнитель находится на слое выше первого графического объекта. В этот момент тракт расширяет всю продолжительность временной шкалы. Но нам не нужно, чтобы это изображение было видимым до пяти секунд на временной шкале. Итак, давайте обрежем трек по временному коду (0: 00: 05: 00). Это будет начальная позиция для слайда в анимации.

1. При необходимости включите видимость [Фоновое изображение здесь - 2] слой на панели «Слои».
   
   
2. Переместите точку воспроизведения к временному коду 0: 00: 05: 00 (см. Скриншот).
   
   
3. Щелкните левый край графической дорожки заполнителя и перетащите вправо на пять секунд на временной шкале.
   
   Нам нужно полностью переместить фотографию с правого края экрана. Это будет исходная позиция для анимации фотографии на экране (см. Скриншот).
   
   
4. Чтобы переместить графику в начальную позицию для анимации, выберите слой, нажмите «Правка» - «Свободное преобразование» и перетащите изображение, пока оно полностью не исчезнет с экрана.
   
   
5. Разверните [Фоновое изображение здесь - 2] слой и нажмите секундомер для свойства Transform, чтобы установить начальную позицию ключевого кадра (см. скриншот).
   
   Теперь давайте оживим второй рисунок обратно на экран.
   
   
6. Переместите точку воспроизведения к временному коду 0: 00: 05: 15. Переместите изображение обратно на экран, совмещая правые края.
   
   Вы должны увидеть второй ключевой кадр, добавленный к свойству Transform.
   
   
7. Наконец, давайте сократим длительность трека оригинала [Фоновое изображение здесь] Нижний слой. Перетащите правый край дорожки к временному коду 0: 00: 07: 00.
   
   Хорошо, теперь давайте исчезнем текст. На этом этапе текстовые слои по умолчанию заканчиваются через пять секунд. Наш первый шаг - расширить треки.
   
   
8. Переместите точку воспроизведения к временному коду (0: 00: 07: 15), который является концом анимации затухания (см. Скриншот).
   
   
9. Перетащите правый край каждой текстовой дорожки, чтобы развернуть дорожки до временного кода (0: 00: 07: 15).
   
   Это будет конечный кадр для анимации затухания. Но сначала нам нужно установить начальный кадр.
   
   
10. Переместите точку воспроизведения к временному коду (0: 00: 07: 00).
    
    
11. Откройте список свойств для Наименование фирмы и Тип бизнеса текстовые слои.
    
    
12. Для обоих текстовых слоев щелкните значок «Секундомер» для свойства «Непрозрачность», чтобы установить начальную непрозрачность для анимации, которая на данный момент составляет 100% (см. Скриншот).
    
    
13. Переместите точку воспроизведения обратно к временному коду (0: 00: 07: 15) и уменьшите непрозрачность двух текстовых слоев на панели «Слои» до 0%.
    
    Вы должны увидеть добавление двух конечных ключевых кадров к временной шкале (см. Скриншот).
    
    

Проверьте свою анимацию и сохраните файл.

Назад | следующий

Copyright 2018 Adobe Systems Incorporated. Все права защищены. Снимки экрана продукта Adobe перепечатаны с разрешения Adobe Systems Incorporated. Adobe, Photoshop является / является либо [a] зарегистрированным товарным знаком (-ами), либо товарным знаком (-ами) Adobe Systems Incorporated в США и / или других странах.

Видео инструкция: Рисованная покадровая анимация в стиле Flash FX в After Effects и Photoshop (May 2024).