Примечание.

В версиях, предшествующих Photoshop CC, некоторые функциональные возможности, описанные в данной статье, могут быть доступны только при наличии Photoshop Extended. Photoshop CC не имеет специальной версии Extended. Все возможности Photoshop Extended доступны в Photoshop CC.

Рабочий процесс анимации временной шкалы

Чтобы анимировать содержимое слоя в режиме временной шкалы, ключевые кадры на панели «Шкала времени» устанавливаются при перемещении индикатора текущего времени к другому времени (или кадру), а затем изменяется положение, непрозрачность или стиль содержимого слоя. Последовательность кадров между двумя существующими кадрами автоматически добавляется или изменяется, равномерно меняя параметры слоя (положение, непрозрачность и стиль) между новыми кадрами, чтобы создать впечатление движения.

Например, если необходимо, чтобы слой постепенно исчезал, установите непрозрачность слоя в начальном кадре на 100 % и щелкните секундомер непрозрачности для этого слоя. Затем переместите индикатор текущего времени на время или кадр, который нужно считать конечным и установите непрозрачность того же слоя равной 0 %. Кадры между начальным и конечным будут автоматически интерполированы, и непрозрачность новых кадров будет равномерно снижена.

Кроме интерполяции кадров анимации можно также вручную создавать покадровую анимацию, рисуя в пустых видеослоях.

Примечание.

Для создания анимации в формате SWF используйте приложения Adobe Flash, Adobe After Effects или Adobe Illustrator.

Для создания анимации во временной шкале используется следующий общий рабочий процесс.

1. Создайте новый документ.

Задайте размер и содержимое фона. Убедитесь, что попикселные пропорции и размерности соответствуют назначению анимации. Должен быть установлен цветовой режим RGB. Если нет особых причин для изменения, оставьте разрешение 72 ppi, битовую глубину 8 бит/канал и квадратную попикселную пропорцию.

Убедитесь, что панель «Шкала времени» открыта. В случае необходимости нажмите стрелку вниз в середине панели, выберите «Создать временную шкалу для видео» в меню, а затем, нажмите кнопку слева от стрелки. Если панель «Шкала времени» находится в режиме анимации кадра, нажмите значок «Преобразовать в шкалу времени видео» в левом нижнем углу панели.

2. Задайте скорость смены кадров на шкале времени в меню панели.

Укажите длительность и частоту кадров. См. раздел Задание длительности и частоты кадров.

3. Добавьте слой.

Слои заднего плана нельзя анимировать. Если требуется анимировать содержимое, преобразуйте задний план в обычный слой или добавьте любой из следующих элементов:

  • Новый слой для добавления содержимого.

  • Новый видеослой для добавления видеосодержимого.

  • Новый пустой видеослой для клонирования содержимого или создания рисованной анимации.

4. Добавьте содержимое к слою.

5. Добавьте слой-маску (необязательно).

Слой-маска может использоваться для отображения части содержимого слоя. Слой-маску можно анимировать для отображения разных частей содержимого слоя в разное время. См. раздел Добавление слоев-масок.

6. Переместите индикатор текущего времени на нужное время или номер кадра, где необходимо установить первый ключевой кадр.

7. Включите установку ключевых кадров для параметра слоя.

Щелкните треугольник рядом с именем слоя. Треугольник с основанием вниз выводит список параметров слоя. Затем щелкните значок «Секундомер», чтобы установить первый ключевой кадр для параметра слоя, который необходимо анимировать. Можно устанавливать ключевые кадры одновременно для нескольких параметров.

8. Переместите индикатор текущего времени и измените параметр слоя.

Переместите индикатор текущего времени на время или кадр, где свойство слоя изменяется. Выполните одно или несколько следующих действий.

  • Измените положение слоя, чтобы создать впечатление движения содержимого.

  • Измените непрозрачность слоя, чтобы содержимое постепенно возникало или исчезало.

  • Измените положение слоя-маски, чтобы отобразить разные части слоя.

  • Включите или отключите слой-маску.

Для некоторых типов анимации, например, для изменения цвета объекта или полного изменения содержимого в кадре, необходимы дополнительные слои с новым содержимым.

Примечание.

При анимации фигур с помощью значка «Секундомер» для свойств «Положение векторной маски» или «Включить векторную маску» анимируется векторная маска, а не слой фигуры.

9. Добавьте дополнительные слои с содержимым и при необходимости измените их параметры.

10. Переместите или отрегулируйте полосу длительности слоя, чтобы задать время появления слоя в анимации.

11. Просмотрите анимацию.

Для воспроизведения анимации используйте элементы управления панели «Шкала времени». Затем просмотрите анимацию в браузере. Просмотреть анимацию можно также в диалоговом окне «Сохранить для Web». См. раздел Просмотр видео или анимации по шкале времени.

12. Сохраните анимацию.

Анимацию можно сохранить в виде анимированного GIF-файла с помощью команды «Сохранить для Web» или в виде последовательности изображений или видео с помощью команды «Просмотреть видео». Вы можете также сохранить ее в формате PSD, который можно импортировать в приложение Adobe After Effects.

Использование ключевых кадров для анимации параметров слоев

Можно анимировать различные свойства слоя, например, положение, непрозрачность и стиль. Каждое изменение может происходить независимо от других изменений или одновременно с ними. Если необходимо анимировать разные объекты независимо друг от друга, рекомендуется создавать их в разных слоях.

Примечание.

Видеоролик об анимировании свойств слоя см. в разделе Использование ключевых кадров со свойствами преобразования.

Ниже представлены примеры анимации параметров слоя.

  • Положение можно анимировать, добавив ключевой кадр к свойству «Положение», затем переместив индикатор текущего времени и перетащив слой в окно документа.

  • Непрозрачность слоя можно анимировать, добавив ключевой кадр к свойству «Непрозрачность», затем переместив индикатор текущего времени и изменив непрозрачность слоя на панели «Слои».

  • Можно анимировать 3D-свойства, например позицию объекта и камеры. (Дополнительную информацию см. в разделе Создание 3D-анимаций.)

 

Для анимации свойств с помощью ключевых кадров необходимо установить, по крайней мере, два ключевых кадра для этого параметра. В противном случае изменения остаются в силе на время длительности слоя.

Каждый параметр слоя имеет значок «Секундомер» , который необходимо щелкнуть для начала анимации. Если секундомер активен для конкретного параметра, новые ключевые кадры автоматически устанавливаются при каждом изменении текущего времени и значения свойства. Если секундомер для свойства неактивен, оно не имеет ключевых кадров. Если значение для параметра слоя вводится при неактивном секундомере, это значение остается в силе на время длительности слоя. Если остановить секундомер, все ключевые кадры для параметра безвозвратно удаляются.

Выбор метода интерполяции

Интерполяция (которую иногда называют вставкой промежуточных кадров) описывает процесс заполнения неизвестными значениями промежутков между двумя известными значениями. В цифровом видео интерполяция обычно означает создание новых кадров между двумя ключевыми кадрами. Например, чтобы постепенно переместить графический элемент на пятьдесят пикселов влево за 15 кадров, надо установить положение этого элемента в первом и пятнадцатом кадре, а затем пометить эти кадры как ключевые. Photoshop интерполирует кадры между двумя ключевыми кадрами. Интерполяция между двумя ключевыми кадрами может использоваться для анимации движения, непрозрачности, стилей и глобального освещения.

Внешний вид ключевого кадра на панели «Шкала времени» зависит от выбранного метода интерполяции.

Линейный ключевой кадр 

Равномерно изменяет анимированное свойство при переходе от одного кадра к другому. (Единственным исключением является свойство «Положение слой-маски», которое может быть либо включено, либо выключено.)

Задержка ключевого кадра 

Сохраняет текущую настройку свойства. Этот метод интерполяции используется для эффектов вспышки или для внезапного появления и исчезновения слоев.

Чтобы выбрать метод интерполяции ключевого кадра, выполните следующие действия:

  1. На панели «Шкала времени» выберите один или несколько ключевых кадров.

  2. Выполните одно из следующих действий.
    • Щелкните правой кнопкой мыши выделенный ключевой кадр и выберите в контекстном меню «Линейная интерполяция» или «Приостановить интерполяцию».

    • В меню панели выберите команду «Интерполяция ключевого кадра» > «Линейная» или «Приостановить».

Перемещение индикатора текущего времени на ключевой кадр

После установки начальных ключевых кадров для свойства отображается навигатор по ключевым кадрам, который можно использовать для перемещения по ключевым кадрам, их установки или удаления. Если навигатор по ключевым кадрам активен (желтый), индикатор текущего времени установлен точно на ключевом кадре параметра слоя. Если навигатор по ключевым кадрам неактивен (серый), индикатор текущего времени находится между ключевыми кадрами. Если на каждой стороне поля навигатора по ключевым кадрам появляются стрелки, с двух сторон от текущего времени существуют другие ключевые кадры для этого свойства.

  • На панели «Шкала времени» щелкните стрелку навигатора по ключевым кадрам. Стрелка влево перемещает индикатор текущего времени на предыдущий ключевой кадр. Стрелка вправо перемещает индикатор текущего времени на следующий ключевой кадр.

Выбор ключевых кадров

  • В палитре «Шкала времени» выполните любое из следующих действий:

    • Чтобы выбрать ключевой кадр, щелкните значок ключевого кадра.

    • Чтобы выбрать несколько ключевых кадров, щелкните их с нажатой клавишей «Shift» или создайте вокруг них область выделения.

    • Чтобы выбрать все ключевые кадры параметра слоя, щелкните имя параметра слоя рядом со значком секундомера.

Перемещение ключевых кадров

  1. На панели «Шкала времени» выберите один или несколько ключевых кадров.

  2. Перетащите выделенные значки ключевых кадров на нужное время. (Если выбрать несколько ключевых кадров, они перемещаются в виде группы с сохранением временных интервалов.)

Примечание.

Чтобы расширить или сузить интервалы в нескольких ключевых кадрах сразу, перетащите первый или последний кадр в выделенной области, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS). Ключевой кадр на противоположном конце выделенной области остается на месте в ходе перетаскивания, что приводит к замедлению или ускорению анимации.

Копирование и вставка ключевых кадров

Ключевые кадры для свойства можно скопировать (например, «Положение») в то же самое свойство в любом слое. При вставке ключевых кадров их смещение от индикатора текущего времени сохраняется.

Одновременно можно копировать ключевые кадры только из одного слоя. При вставке ключевых кадров в другой слой, они появляются в целевом слое как ключевые кадры соответствующего свойства. Самый ранний кадр появляется в текущем времени, а остальные — в относительном порядке. Ключевые кадры остаются выделенными после вставки, поэтому можно немедленно перемещать их по временной шкале.

Примечание.

Одновременно можно копировать и вставлять ключевые кадры для нескольких параметров.

  1. На панели «Шкала времени» отобразите слои, содержащие копируемые ключевые кадры.

  2. Выберите один или несколько ключевых кадров.
  3. Щелкните выделенный ключевой кадр правой кнопкой мыши и выберите «Скопировать ключевые кадры».
  4. На панели «Шкала времени», содержащей целевой слой, переместите индикатор текущего времени в точку, где должны появиться ключевые кадры.

  5. Выберите целевой слой.
  6. В меню панели «Анимация» выберите команду «Вставить ключевые кадры».

Удаление ключевых кадров

  • На панели «Шкала времени» выделите один или несколько ключевых кадров и выполните одно из следующих действий.

    • Щелкните выделенный ключевой кадр правой кнопкой мыши (Windows) или с нажатой клавишей «Control» (Mac OS) и выберите в контекстном меню команду «Удалить ключевые кадры».

    • В меню панели выберите команду «Удалить ключевые кадры».

Создание рисованных анимаций

Если нужно создать рисованную покадровую анимацию, можно добавить к документу пустой видеослой. Добавление пустого видеослоя над видеослоем и последующая настройка непрозрачности пустого видеослоя позволяет видеть содержимое лежащего ниже слоя. Затем можно ротоскопировать содержимое видеослоя, раскрашивая или рисуя в пустом видеослое. См. также раздел Рисование в кадрах видеослоев.

Примечание.

Если нужно анимировать несколько независимых элементов, создайте отдельное содержимое в разных пустых видеослоях.

  1. Создайте новый документ.
  2. Добавьте пустой видеослой.
  3. Нарисуйте содержимое слоя или добавьте содержимое.
  4. (Необязательно) На панели «Шкала времени» включите режим кальки, выбрав «Перейти в режим кальки» в меню панели.

  5. Переместите индикатор текущего времени на следующий кадр.
  6. Нарисуйте содержимое слоя или добавьте содержимое, положение которого несколько отличается от положения в предыдущем кадре.

    Примечание.

    Чтобы добавить пустой видеокадр, дублировать кадр или удалить кадр из пустого видеослоя, в меню «Слой» выберите пункт «Видео слои» и соответствующую команду.

    По мере создания рисованных кадров можно перетаскивать индикатор текущего времени или просматривать созданную анимацию с помощью элементов управления воспроизведением.

Вставка, удаление и дублирование пустых видеокадров

К пустому видеослою можно добавить пустой видеокадр или удалить его. В пустом видеослое можно также дублировать существующие (нарисованные) видеокадры.

  1. На панели «Шкала времени» выберите пустой видеослой и переместите индикатор текущего времени на нужный кадр.

  2. В меню «Слой» выберите пункт «Видео слои» и одну из следующих команд.

    Вставить пустой кадр

    Вставляет пустой видеокадр в выделенный пустой видеослой в текущее время.

    Удалить кадр

    Удаляет видеокадр в выделенном пустом видеослое в текущее время.

    Создать дубликат кадра

    Создает копию видеокадра в текущее время в выделенном пустом видеослое.

Установка параметров кальки

В режиме кальки отображается содержимое, нарисованное в текущем кадре вместе с содержимым в окружающих кадрах. Эти дополнительные кадры появляются с заданной непрозрачностью, чтобы отличить их от текущего кадра. Режим кальки удобен для рисования покадровой анимации, поскольку предоставляет точки отсчета для положения обводки и других изменений.

Настройки режима кальки задают способ отображения кадров до и после включения режима кальки. (См. раздел Обзор панели «Шкала времени».)

  1. В меню панели «Шкала времени» выберите пункт «Параметры кальки».

  2. Задайте следующие параметры.

    Положение кадров кальки

    Задает количество отображаемых предыдущих и последующих кадров. Введите значения в текстовое поле «Кадров до» (предыдущие кадры) и «Кадров после» (последующие кадры).

    Расстояние между кадрами

    Задает количество кадров между отображаемыми кадрами. Например, при значении 1 отображаются смежные кадры, а при значении 2 отображаются обводки, отстоящие на два кадра.

    Непрозрачность, максимум

    Устанавливает процент непрозрачности для кадров, следующих непосредственно до и после текущего времени.

    Непрозрачность, минимум

    Устанавливает процент непрозрачности для последних кадров набора кальки.

    Режим наложения

    Устанавливает вид областей наложения кадров.

    Режим кальки в Photoshop
    Режим кальки

    A. Текущий кадр с одним последующим B. Текущий кадр с одним предыдущим и последующим C. Текущий кадр с одним предыдущим 

Открытие многослойной анимации

Анимацию, сохраненную в прежних версиях Photoshop, можно открыть в виде многослойных файлов Photoshop (PSD). Эти слои помещаются в панель «Шкала времени» в порядке следования, при этом нижний слой становится первым кадром.

  1. В меню «Файл» выберите команду «Открыть» и выберите файл Photoshop.
  2. На панели «Слои» выделите нужные слои и в меню панели выберите команду «Создать кадры из слоев».

    После этого можно редактировать анимацию, сохранить анимированное GIF-изображение при помощи команды «Сохранить для Web» или создать ролик в формате QuickTime с помощью команды «Создать видео».

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет