Как сделать покадровую анимацию в фотошопе
В предыдущей статье я разместил видео о том, как синхронизировать фотовспышку с фотокамерой Fujifilm X-T2, и под этой статьей человек задал вопрос как я делал видео из такого количества фото.
Сегодня расскажу, как в программе Adobe Photoshop, не прибегая к сторонним программам, сделать видео или gif-анимацию из нескольких кадров.
Открываем окно Photoshop. Выбираем "Файл" - "Сценарии" - Загрузить файлы в стек. "
В появившемся диалоговом окне "Обзор" - идем до папки с нужными фотографиями и выбираем те, которые необходимо соединить в видео или gif, на всякий случай кнопку "Сортировать по имени" и "ОК"
В результате чего получаете многослойный документ, в котором каждый отдельный слой это каждый из выбранных вами для загрузки файлов:
Далее в меню "Окно" выбираем пункт "Шкала времени":
Внизу рабочей зоны Photoshop появляется новая вкладка, та самая шкала времени:
Нажимаем кнопку на ней "Создать анимацию кадра" и первый становится первым кадром в будущем слайд-шоу. Теперь на шкале времени в правом верхнем углу клац три точки:
В появившемся меню выбираем "Создать кадры из слоев":
Все ранее созданные слои автоматически добавились в виде кадров слайд-шоу:
Внизу каждого кадра есть вкладка с указанием времени, в течение которого будет воспроизводиться каждый кадр. Это время можно менять - клац по указателю времени воспроизведения:
Таким образом, можно выбрать или из имеющихся временных промежутков, или, нажав "Другое", задать свой собственный промежуток времени. Так же можно выделить два-три-четыре или сразу все кадры и задать время сразу для всех, нажав левой кнопкой мыши на указатель времени на любом из выбранных кадров.
После того, как определились со временем прокрутки каждого фото, можно задать дополнительные настройки:
Количество раз воспроизведения всего ролика - кнопка "Постоянно": можно воспроизводить и смотреть, что у вас получается, размножить нужные кадры или серии кадров, добавлять недостающие кадры, удалять ненужные. Так же можно добавить медиа файлы, например музыку. Но в эти дебри не полезу, разбирайтесь сами, там не сложно.
И вот уже можно переходить к сохранению нашего проекта. "Файл" - "Экспортировать" -
В версиях, предшествующих Photoshop CC, некоторые функциональные возможности, описанные в данной статье, могут быть доступны только при наличии Photoshop Extended. Photoshop не имеет специальной версии Extended. Все возможности Photoshop Extended доступны в Photoshop.
В приложении Photoshop для создания кадров анимации используется панель «Шкала времени». Каждый кадр представляет собой структуру слоев.
Также можно создавать анимацию с помощью шкалы времени и ключевых кадров. См. раздел Создание анимации по временной шкале.
Чтобы создать покадровую анимацию, в Photoshop используется следующий общий рабочий процесс.
Откройте новый документ.
Откройте панели «Шкала времени» и «Слои», если они еще не отображаются. Убедитесь, что панель «Шкала времени» находится в режиме покадровой анимации. В середине панели «Шкала времени» щелкните стрелку вниз, чтобы выбрать «Создать анимацию кадра», а затем нажмите кнопку рядом со стрелкой.
Добавьте слой или преобразуйте слой заднего плана.
Поскольку слой заднего плана анимировать нельзя, добавьте новый слой или преобразуйте слой заднего плана в обычный. См. раздел Преобразование фона и слоев.
Добавьте содержимое к анимации.
Если анимация включает несколько объектов, анимированных независимо друг от друга, или если нужно изменить цвет объекта либо полностью поменять содержимое в кадре, создавайте эти объекты в отдельных слоях.
Добавьте кадр к панели «Шкала времени».
Выделите кадр.
Отредактируйте слои выбранного кадра.
Выполните одно из следующих действий.
Включите или отключите видимость для разных слоев.
Измените положение объектов или слоев, чтобы создать впечатление движения содержимого.
Измените непрозрачность слоя, чтобы содержимое постепенно возникало или исчезало.
Измените режим наложения слоев.
Добавьте к слоям стили.
Приложение Photoshop предоставляет инструменты, которые помогают сохранить одинаковые характеристики слоя в разных кадрах. См. раздел Унификация атрибутов слоев в кадрах анимации.
По мере необходимости добавьте кадры и редактируйте слои.
Количество новых кадров ограничивается только системной памятью, доступной для Photoshop.
С помощью команды «Создать промежуточные кадры» можно создавать новые кадры с промежуточными изменениями между двумя существующими кадрами на панели. Это самый быстрый способ создать впечатление движения объекта по экрану или заставить его постепенно появляться и исчезать. См. раздел Создание промежуточных кадров.
Задайте параметры времени отображения кадра и повторов.
Время отображения можно назначить каждому кадру и задать число повторов, чтобы анимация выполнялась один раз, определенное количество раз или постоянно. См. раздел Указание времени отображения в покадровой анимации и Задание повторов в покадровой анимации.
Просмотрите анимацию.
Для воспроизведения анимации используйте элементы управления панели «Шкала времени». Затем с помощью команды Сохранить для Web просмотрите ее в веб-браузере.
Оптимизируйте анимацию для эффективной загрузки.
Сохраните анимацию.
Предусмотрены разные варианты сохранения анимации кадра.
Анимацию можно сохранить в виде анимированного GIF-файла с помощью команды «Сохранить для Web».
Сохраните файл в формате Photoshop (PSD) для дальнейшей работы с анимацией.
Сохраните последовательность изображений, видео в формате QuickTime или как отдельные файлы. См. также раздел Экспорт видеофайлов и последовательностей изображений.
Добавление кадров является первым шагом при создании анимации. Открытое изображение отображается на панели «Шкала времени» как первый кадр новой анимации. Каждый добавляемый кадр первоначально является дубликатом предыдущего кадра. После этого кадр редактируется с помощью панели «Слои».
Убедитесь, что панель «Шкала времени» находится в режиме покадровой анимации.
Прежде чем начать работу с кадром, необходимо выбрать его в качестве текущего кадра. Содержимое текущего кадра появляется в окне документа.
На панели «Шкала времени» на текущий кадр указывает узкая граница миниатюры кадра (внутри затененной подсветки выделения). Выделенные кадры обозначены затененной подсветкой вокруг миниатюры кадра.
Выбор одного кадра анимации
Выполните одно из следующих действий на панели «Шкала времени»:
Чтобы выбрать следующий кадр последовательности в качестве текущего, нажмите кнопку «Выбрать следующий кадр» .
Чтобы выбрать предыдущий кадр последовательности в качестве текущего, нажмите кнопку «Выбрать предыдущий кадр» .
Чтобы выбрать первый кадр последовательности в качестве текущего, нажмите кнопку «Выбрать первый кадр» .
Выбор нескольких кадров анимации
На панели «Шкала времени» выполните одно из предложенных ниже действий.
Чтобы выбрать несколько последовательных кадров, щелкните второй кадр с нажатой клавишей «Shift». Все кадры, находящиеся между первым и вторым включительно, добавятся к выделенным кадрам.
Чтобы выбрать непоследовательные кадры, щелкайте кадры, которые нужно добавить к выделенным, с нажатой клавишей «Ctrl» (Windows) или «Command» (Mac OS).
Чтобы выбрать все кадры, в меню панели выберите команду « Выделить все кадры».
Чтобы отменить выделение одного кадра из нескольких выбранных, щелкните этот кадр с нажатой клавишей «Ctrl» (Windows) или «Command» (Mac OS).
На панели «Шкала времени» выберите один или несколько ключевых кадров.
- Содержимое объектов в кадрах анимации редактируется с помощью панели «Слои», в которой можно изменять слои изображения, влияющие на этот кадр.
- Чтобы изменить положение объекта в кадре анимации, на панели «Слои» выберите слой, содержащий этот объект, и перетащите его в новое положение.
Можно выбрать несколько кадров и изменить их расположение. Однако, если перетащить несколько несмежных кадров, они размещаются последовательно в новом местоположении.
- Чтобы изменить порядок кадров анимации, в меню панели выберите команду «Обратный порядок кадров».
Кадры, которые нужно разместить в обратном порядке, не обязательно должны быть смежными, можно изменить порядок любых выделенных кадров.
Чтобы удалить выделенные кадры, в меню панели «Шкала времени» выберите команду «Удалить кадр» или щелкните значок «Удалить» и нажмите кнопку «Да», чтобы подтвердить удаление. Можно также перетащить выделенный кадр на значок «Удалить».
Кнопки унификации («Унифицировать положение слоя», «Унифицировать видимость слоя» и «Унифицировать стиль слоя») на панели «Слои» определяют, как изменения атрибутов в активном кадре анимации применяются к остальным кадрам того же слоя. При выбранной кнопке унификации этот атрибут меняется во всех кадрах активного слоя, если кнопка не выбрана, изменения применяются только к активному кадру.
Флажок «Распространить кадр 1» на панели «Слои» также определяет, как изменения атрибутов в первом кадре применяются к остальным кадрам того же слоя. Если этот флажок установлен, изменения атрибута первого кадра затронут все последующие кадры активного слоя относительно первого кадра (сохранив уже созданную анимацию).
Унификация видимости слоя
На панели «Шкала времени» измените атрибут для одного кадра.
На панели «Слои» нажмите кнопку «Унифицировать положение слоя» , «Унифицировать видимость слоя» или «Унифицировать стиль слоя» , чтобы применить измененный атрибут к остальным кадрам активного слоя.Распространить кадр 1
На панели «Слои» установите флажок «Распространить кадр 1».На панели «Шкала времени» измените атрибут для первого кадра.
Измененный атрибут применяется (относительно) ко всем последующим кадрам слоя.
Можно также распространять кадры, выделив группу смежных кадров с помощью клавиши «Shift», и изменив атрибут в одном из выделенных кадров.
Отображение или скрытие кнопок унификации слоев
На панели «Слои» выберите пункт «Параметры анимации», а затем один из следующих параметров.Отображает кнопки унификации слоев, если панель «Шакала времени» открыта.
Отображает кнопки унификации слоев независимо от того, открыта или закрыта панель «Шкала времени».
Скрывает кнопки унификации слоев независимо от того, открыта или закрыта панель «Шкала времени».
Чтобы понять, что происходит при копировании и вставке кадра, думайте о кадре как о дубликате изображения с заданной конфигурацией слоя. При копировании кадра копируются конфигурации слоев (включая видимость, положение и другие свойства каждого слоя). При вставке кадра конфигурация этого слоя применяется к целевому кадру.
На панели «Анимация» выберите один или несколько кадров для копирования.
Выберите один или несколько целевых кадров в текущей или другой анимации.Заменяет выделенные кадры копируемыми. Новые слои не добавляются. Свойства всех существующих слоев в целевых кадрах заменяются свойствами копируемых слоев. При вставке кадров между изображениями новые слои добавляются к изображению, но в целевых кадрах видны только вклеенные слои (существующие слои скрыты).
Вклеить поверх выделенной области
Добавляет содержимое вклеенных кадров как новые слои изображения. При вклеивании кадров в то же самое изображение использование этого параметра удваивает количество слоев в изображении. В целевых кадрах вклеенные слои видны, а исходные скрыты. В нецелевых кадрах вклеенные слои скрыты.
«Вставить перед выделенной областью» или «Вставить после выделенной области»
Добавляет копируемые кадры перед целевым кадром или после него. При вклеивании кадров между изображениями новые слои добавляются к изображению, но в новых кадрах видны только вклеенные слои (существующие слои скрыты).
Чтобы связать вклеенные слои, на панели «Слои» выберите команду «Связать добавленные слои» (необязательно).Этот параметр вступает в силу только при вставке кадров в другой документ. Выберите его, если планируете изменить положение вставленных слоев как единого целого.
Термин твининг (вставка промежуточных кадров) происходит от английского «in betweening», традиционного термина анимации, описывающего процесс создания плавного перехода от одного ключевого кадра к другому с помощью промежуточных кадров. Вставка промежуточных кадров (которую также называют интерполяцией) значительно сокращает время, необходимое для создания таких анимационных эффектов, как постепенное появление или исчезновение, или перемещение элемента в кадре. После создания промежуточные кадры можно редактировать по отдельности.
Команда «Создать промежуточные кадры» используется для автоматического добавления или изменения последовательности кадров между двумя существующими, равномерно меняя параметры слоя (положение, непрозрачность или параметры эффекта) между новыми кадрами, чтобы создать впечатление движения. Например, если нужно, чтобы слой постепенно исчезал, установите непрозрачность слоя в начальном кадре 100 %, а в конечном — 0 %. При создании промежуточных кадров между этими двумя кадрами непрозрачность слоя снижается равномерно во всех новых кадрах.
При выборе одного кадра можно выбрать, между каким кадром создавать промежуточные кадры — предыдущим или последующим.
Если выделить два смежных кадра, новые кадры создаются между ними.
Если выделить несколько кадров, операция создания промежуточных кадров изменит существующие кадры между первым выбранным кадром и последним.
Если выделить первый и последний кадры в анимации, предполагается, что они смежные, поэтому промежуточные кадры добавляются после последнего кадра. (Этот метод полезен, если анимация настроена на повтор несколько раз.)
В версиях, предшествующих Photoshop CC, некоторые функциональные возможности, описанные в данной статье, могут быть доступны только при наличии Photoshop Extended. Photoshop не имеет специальной версии Extended. Все возможности Photoshop Extended доступны в Photoshop.
С помощью приложения Photoshop можно редактировать как отдельные кадры видео, так и файлы последовательности изображений. При редактировании и рисовании на видео кроме инструментов Photoshop можно также использовать фильтры, маски, трансформации, стили слоев и режимы наложения. После завершения редактирования можно сохранить документ как PSD-файл (который можно воспроизводить в других приложениях Adobe, например Premiere Pro и After Effects , или открывать как статичный файл в других приложениях), создать видео в формате QuickTime или сохранить в виде последовательности изображений.
В видеофайле можно работать только с визуальными изображениями, но не со звуком.
При открытии видеофайла или последовательности изображений в Photoshop кадры содержатся в видеослоях. На панели «Слои» видеослой обозначается значком фотопленки . Видеослои позволяют рисовать на отдельных кадрах с помощью инструментов «Кисть» и «Штамп», а также клонировать кадры. Как и при работе с обычными слоями, можно создавать выделенные области или применять маски, чтобы ограничить редактирование определенными областями кадра. Перемещение между кадрами в режиме временной шкалы выполняется на панели «Анимация» (меню «Окно» > Анимация»).
Слои видео не работают, когда панель «Анимации» находится в режиме «Кадр».
К видеослоям, как и к обычным слоям, можно применять режимы наложения, непрозрачность, позиционирование и стили слоев. На панели «Слои» можно также группировать видеослои. Корректирующие слои позволяют применять цветовые и тональные настройки, не внося изменений в видеослои.
Если необходимо редактировать кадры в отдельном слое, можно создать пустой видеослой. Пустые видеослои также позволяют создавать рисованную анимацию.
Видеослой ссылается на исходный файл, поэтому редактирование видеослоя не изменяет исходный видеофайл или файл последовательности изображений. Чтобы сохранить ссылку на исходный файл, удостоверьтесь, что его местоположение относительно PSD-файла осталось неизменным. Дополнительную информацию см. в разделе Замена материала в видеослое.
Можно открывать видеофайлы и последовательности изображений следующих форматов.
Форматы видео QuickTime
MPEG-1 (.mpg или .mpeg)
MPEG-4 (.mp4 или .m4v)
MPEG‑2 поддерживается, если установлен кодировщик MPEG‑2.
Форматы последовательности изображений
Cineon и JPEG 2000 поддерживаются при установленных внешних модулях.
Цветовой режим и битовая глубина
Видеослои могут содержать файлы следующих цветовых режимов и количеством бит на канал (бит/канал).
Градации серого: 8, 16 или 32 бит/канал
RGB: 8, 16 или 32 бит/канал
CMYK: 8 или 16 бит/канал
Lab: 8 или 16 бит/канал
Анимацией называется отображаемая последовательность изображений или кадров. Каждый кадр немного отличается от предыдущего, создавая иллюзию движения или других изменений при быстром последовательном просмотре кадров.
В стандартных выпусках более ранних версий Photoshop панель «Анимация» (меню «Окно», пункт «Анимация») появляется в покадровом режиме, отображая миниатюру каждого кадра анимации. Для перемещения по кадрам, установки параметров повтора, а также добавления, удаления и просмотра анимации используются инструменты в нижней части панели.
Меню панели «Анимация» содержит дополнительные команды для редактирования кадров и длительности временной шкалы, а также для настройки внешнего вида панели. Чтобы просмотреть доступные команды, щелкните значок меню панели.
A. Выбрать первый кадр B. Выбрать предыдущий кадр C. Запуск воспроизведения анимации D. Выбрать следующий кадр E. Создать кадры анимации F. Создание копии выделенных кадров G. Удаление выделенных кадров H. Переход в режим шкалы времени (только для Photoshop Extended) I. Меню панели «Анимация»
Панель «Анимация» можно использовать в покадровом режиме или режиме шкалы времени. В режиме временной шкалы отображается продолжительность кадра и свойства анимации для слоев документа. Для перемещения по кадрам, изменения масштаба временной шкалы, переключения в режим кальки, удаления ключевых кадров и просмотра видео используются инструменты в нижней части панели. Элементы управления на временной шкале используются для настройки длительности кадра для слоя, установки ключевых кадров для параметров слоя и выбора части видео в качестве рабочего участка.
A. Включить воспроизведение аудио B. Уменьшение масштаба C. Регулятор масштаба D. Увеличение масштаба E. Переключение кальки F. Удаление ключевых кадров G. Преобразование в покадровую анимацию
В режиме временной шкалы на панели «Анимация» отображается каждый слой документа Photoshop (за исключением заднего плана) и выполняется синхронизация с панелью «Слои». При добавлении, удалении, переименовании, группировании, дублировании слоя или присвоении ему цвета изменения отражаются в обеих панелях.
Если анимированные слои сгруппированы в виде смарт-объекта, информация об анимации из панели «Анимация» сохраняется в смарт-объекте. См. также раздел Работа со смарт-объектами.
Элементы управления в покадровом режиме
В покадровом режиме панель «Анимация» содержит следующие элементы управления.
Определяет количество повторов воспроизведения при экспорте анимации в виде анимированного GIF-файла.
Время отображения кадра
Определяет продолжительность отображения кадра во время воспроизведения.
Создание промежуточных кадров
Добавляет последовательность кадров между двумя существующими кадрами с интерполяцией (т. е. равномерно изменяя параметры слоя с каждым новым кадром).
Дублирование выделенных кадров
Добавляет кадр к анимации, создавая дубликат выделенного на панели «Анимация» кадра.
Преобразование в анимацию по шкале времени
Преобразует покадровую анимацию в анимацию временной шкалы, используя ключевые кадры для анимации свойств слоя.
Элементы управления в режиме шкалы времени
В режиме временной шкалы панель «Анимация» содержит следующие функции и элементы управления.
Индикатор «Кешированные кадры»
Отображает зеленую полосу, указывающую кадры, которые кешируются для воспроизведения.
Чтобы вставить комментарий в текущее время, в меню панели выберите команду «Редактировать комментарий временной шкалы». Комментарии выводятся в дорожке значков в виде значков . Наводите указатель мыши на значки, чтобы выводить всплывающие подсказки. Дважды щелкните на значке, чтобы изменить комментарий. Чтобы перейти от одного комментария к другому, нажмите кнопку «Перейти к предыдущему» или «Перейти к следующему» в левой части дорожки комментариев.
Для создания таблицы HTML, содержащей время, номер кадра и текст каждого комментария, установите на панели выбора параметров флажок «Экспортировать комментарии временной шкалы».
Преобразовать в покадровую анимацию
Используя ключевые кадры, преобразует анимацию временной шкалы в покадровую анимацию.
Отображение временного кода или номер кадра
Отображает временной код или номер кадра (в зависимости от параметров на панели) для текущего кадра.
Индикатор текущего времени
Перетащите индикатор текущего времени для перемещения по кадрам, изменения текущего времени или кадра.
Дорожка глобального освещения
Отображает ключевые кадры, в которых устанавливается или изменяется глобальный угол освещения для таких эффектов, как «Тень», «Внутренняя тень» или «Тиснение».
Навигатор по ключевым кадрам
Кнопки со стрелками слева от метки дорожки перемещают индикатор текущего времени на предыдущий или следующий ключевой кадр. Щелкните центральную кнопку, чтобы добавить или удалить ключевой кадр в текущем времени.
Полоса длительности слоя
Определяет временное положение слоя в видео или анимации. Чтобы переместить слой во времени, перетащите полосу. Для регулировки (настройки продолжительности) слоя перетащите любой конец полосы.
При работе с видеослоями показывает полосу длительности для измененных кадров. Для перехода к измененным кадрам используется навигатор по ключевым кадрам, расположенный слева от метки дорожки.
Измеряет продолжительность (или число кадров) по горизонтали в соответствии с продолжительностью документа и частотой кадров. (Для изменения продолжительности или частоты кадров выберите «Параметры документа» в меню панели.) На линейке появляются деления и числа, интервалы между ними определяются параметрами масштаба временной шкалы.
Включает или выключает установку ключевых кадров для свойства слоя. Установите этот флажок для вставки ключевого кадра и включения ключевых кадров для свойства слоя. Снимите флажок, чтобы удалить все ключевые кадры и отключить установку ключевых кадров для свойства слоя.
Меню панели «Анимация»
Включает функции, которые оказывают влияние на ключевые кадры, слои, внешний вид панели, применение кальки и настройки документа.
Индикаторы рабочей области
Перетащите синие метки на концах верхней дорожки, чтобы отметить часть анимации или видео, которую нужно просмотреть или экспортировать.
Изменение размера миниатюры
На панели «Анимация» можно изменить размер миниатюр, представляющих каждый кадр или слой.
- В режиме шкалы времени выберите «Не показывать», чтобы вывести только имена слоев.
Переключение единиц измерения шкалы времени
Шкалу времени на панели «Анимация» можно отображать с номерами кадров или с таймкодами.
- Чтобы выбрать единицы измерения, в меню панели «Анимация» выберите пункт «Параметры панели», а затем «Номера кадров» или «Временной код».
- Чтобы переключиться на другие единицы измерения, щелкните с нажатой клавишей «Alt» (Windows) или «Option» (Mac OS) отображение текущего времени в левом верхнем углу временной шкалы.
Отображение или скрытие параметров слоя на шкале времени
При добавлении слоев к документу они появляются в виде дорожек на шкале времени. Разверните дорожки слоев, чтобы показать параметры слоев, которые можно анимировать.
Чтобы отобразить или скрыть параметры слоя, щелкните треугольник слева от имени слоя.Отображение или скрытие слоев на шкале времени
Все слои документа отображаются на шкале времени по умолчанию. Чтобы показать только подмножество слоев, вначале следует установить их в качестве избранных.
В режиме временной шкалы выделите один или несколько слоев на панели «Анимация» и в меню «Показать» выберите команду «Задать избранные слои». Чтобы определить, какие слои должны отображаться, в меню панели «Анимация» выберите пункт «Показать», затем «Все слои» или «Избранные слои».Навигация по шкале времени
В режиме временной шкалы панели «Анимация» выполните одно из следующих действий.- Щелкните номер или местоположение на линейке времени, куда нужно поместить индикатор текущего времени.
- Перетащите отображение текущего времени (в левом верхнем углу временной шкалы).
- Дважды щелкните отображение текущего времени и введите номер кадра или время в диалоговом окне «Задать точное время».
- Используйте элементы управления воспроизведением панели «Анимация».
- В меню панели «Анимация» выберите команду «Перейти», затем параметр временной шкалы.
Панель «Анимация» можно использовать покадрово или в режиме анимации по шкале времени. В покадровом режиме кадры показываются по отдельности, что позволяет задавать уникальные свойства длительности и слоев для каждого из них. В режиме анимации по временной шкале кадры показываются на непрерывной временной шкале. Это позволяет анимировать свойства с помощью ключевых кадров и воспроизводить видеослои.
Перед запуском анимации рекомендуется выбрать нужный режим. Однако в открытом документе можно переходить от одного режима анимации к другому, преобразуя покадровую анимацию в анимацию по временной шкале и наоборот.
При преобразовании с заменой анимации по временной шкале покадровой анимацией можно потерять некоторые интерполированные ключевые кадры. Тем не менее внешний вид анимации при этом не меняется.
На панели «OpenType» выполните любое из следующих действий.- В меню панели «Анимация» выберите команду «Преобразовать в покадровую анимацию» или «Преобразовать в анимацию по временной шкале».
При работе в режиме временной шкалы можно задавать продолжительность и частоту кадров документа, содержащего видео или анимацию. Продолжительность — это общая длина видеоклипа от первого указанного кадра до последнего. Частота кадров или число кадров в секунду (кадров/с) обычно определяется типом вывода: NTSC-видео имеет частоту кадров 29,97 кадров/с, PAL-видео — 25 кадров/с, а кинофильм — 24 кадров/с. В зависимости от системы вещания, DVD-видео может иметь одинаковую частоту кадров с NTSC- или PAL-видео или частоту кадров 23,976. Видео, предназначенное для CD-ROM или Web, обычно имеет частоту кадров от 10 до 15 кадров/с.
При создании нового документа продолжительность временной шкалы по умолчанию устанавливается равной 10 секундам. Частота кадров зависит от выбранного стиля документа. Если речь идет о стилях, не относящихся к видео (например, «Международный формат бумаги»), частота кадров по умолчанию равна 30 кадров/с. Если речь идет о стилях видео, частота кадров равна 25 кадров/с для формата PAL и 29,97 для формата NTSC.
Большинство пользователей привыкли воспринимать Adobe Photoshop как программу, в которой можно редактировать изображения или рисовать статичные картинки. Однако с помощью этого редактора можно делать и анимацию. В этом материале мы расскажем, как создать GIF-анимацию двумя максимально простыми способами.
Покадровая анимация
Покадровая анимация — один из самых легких способов работы с анимацией в Photoshop . Однако стоит быть готовыми к тому, что этот несложный процесс окажется довольно долгим и трудоемким.
Для начала нужно создать новый документ, а затем зайти в меню Window («Окно») и установить галочку напротив пункта Timeline («Шкала времени») . После этого появится окошко, напоминающее видеоредактор. В нем будут отображены все слои, которые на данный момент открыты в документе.
Далее нужно кликнуть на кнопку Create Video Timeline («Создать шкалу времени для видео») , перейти в меню Layers («Слои») , выбрать пункт Video Layers («Слои видео») и создать пустой видеослой.
Теперь ваша задача — нарисовать анимацию покадрово. Это можно делать с нуля либо рисовать поверх готовой картинки, открытой в отдельном слое.
Берем кисть и создаем первый кадр анимации. Далее передвигаем ползунок времени и рисуем содержимое следующего кадра. Чтобы видеть свои действия на предыдущем этапе, нужно кликнуть по меню в правом верхнем углу и выбрать Enable Onion Skins («Перейти в режим кальки») .
Из таких простых, но монотонных действий состоит процесс создания покадровой анимации: шаг за шагом вы должны добавлять очередной элемент будущей движущейся картинки. В данном случае в каждом новом кадре мы рисуем цветной кружок.
Чтобы сделать плавную анимацию, поделите изображение на максимально короткие отрезки. Скорость каждого кадра можно изменить, кликнув по нему правой кнопкой мыши.
Когда основная работа будет закончена, можно поработать над эффектами. Например, добавить на шкалу времени слой с надписью или картинкой. Если понадобится изменить цвет анимации, делайте это так же, как у обычных слоев. Дважды кликните по слою, выберите команду Color Overlay («Наложение цвета»), возьмите нужный цвет, скопируйте стиль слоя и вклейте его на все остальные слои.
В конце нужно сохранить полученную анимацию как видео. Для этого перейдите в меню File («Файл») → Export («Экспортировать») → Render Video («Экспорт видео»). Если нужен формат GIF, выбираем пункт Save for Web («Сохранить для Web»). В открывшемся окошке можно поменять настройки, а затем нажать Save («Сохранить»).
Анимация при помощи «Марионеточной деформации»
GIF-анимацию в Photoshop можно создавать при помощи инструмента Puppet Warp («Марионеточная деформация») . Этот способ гораздо быстрей, чем рисовать анимацию вручную. Вы можете просто взять фотографию или картинку в формате PNG из интернета или личных архивов. Главное — проследить, чтобы у изображения не было фона. Если он все-таки есть, объект придется вырезать.
Итак, откройте изображение в Photoshop и перейдите в панель слоев. Кликните правой кнопкой мыши по созданному нулевому слою и преобразуйте его в смарт-объект. Если собираетесь использовать какие-то эффекты, например, тень или обводку, — примените их с самого первого кадра. Это будет гораздо проще и быстрее, чем позже добавлять что-то на все созданные слои. Далее в том же меню кликните Duplicate Layer («Создать дубликат слоя»).
Потом жмем на меню Edit («Редактирование») и выбираем пункт «Марионеточная деформация». В этот момент картинка покроется сеткой, состоящей из треугольников, а значок курсора превратится в кнопку.
Перед тем, как оживить нашу картинку, нужно «приколоть» ее с помощью кнопок и оставить свободной только те части, которые будут двигаться на GIF-анимации.
Теперь начинается самое интересное: левой кнопкой мыши зажимаем ту часть картинки, которая должна находиться в движении, и слегка тянем в нужную сторону. Затем отпускаем мышь и жмем Enter.
Чтобы анимация была плавной и реалистичной, придется двигать картинку постепенно. Для этого нужно несколько раз повторить весь процесс: копируем слой → двигаем изображение → жмем Enter. В нашем случае понадобилось создать 14 слоев, чтобы «поднять» ухо персонажа и вернуть его в исходное положение.
После того, как вы закончили двигать картинку, нужно выделить все слои, кликнуть по ним правой кнопкой мыши и нажать Rasterize («Растрировать слой») .
Далее начинается работа со «Шкалой времени». Кликаем на Create Frame Animation («Создать анимацию кадра»), переходим в меню, расположенное в правом верхнем углу, и выбираем команду Make Frames From Layers («Создать кадры из слоев»).
Итак, все слои собраны на одной шкале. Если щелкать по ним поочередно, можно увидеть, как картинка движется по заданной траектории. Далее нужно установить время для каждого движения и способ воспроизведения (однократно, постоянно или несколько раз). Можете выбрать из предложенных вариантов или добавить свои параметры. Чтобы посмотреть, как все работает, жмем кнопку воспроизведения.
Если все устраивает — сохраняем нашу анимацию в формате GIF. Для этого в меню «Файл» выбираем пункт «Сохранить для Web».
Теперь вы умеете делать анимацию в Photoshop двумя простыми и доступными способами. Их можно применять при создании баннеров или логотипов, которые помогут украсить любую веб-страницу и сделать ее более запоминающейся.
Если вы всерьез заинтересовались анимацией и дизайном — присмотритесь к профессии веб-дизайнера. Освоив ее, вы будете на профессиональном уровне создавать анимацию для сайтов и приложений, а при желании сможете углубить знания и получить специализацию моушн-дизайнера. Сделать первый шаг к интересной и востребованной профессии поможет курс «Веб-дизайн с 0 до PRO» от Skillbox.
Читайте также: