Делаем анимированную фотографию для Инстагра
Часть 1. Как подготовить документ
Шаг 1
Используйте команду Ctrl+N для создания нового документа со следующими настройками: 1080x1080 пикс.; разрешение (Resolution) — 300 пикс/дюйм.
Шаг 2
Перейдите в меню Файл>Поместить встроенные (File>Place) и поместите изображение в центре документа.
Шаг 3
Теперь нам нужно преобразовать наше изображение в смарт-объект. Щелкните правой кнопкой мыши на слое с изображение и выберите Преобразовать в смарт-объект (Convert to Smart Object).
Шаг 4
После этого давайте создадим дубликат смарт-объекта: Щелкните правой кнопкой мыши > Создать дубликат слоя (Duplicate Layer).
Шаг 5
Создайте еще четыре дубликата смарт-объекта, точно также, как и в предыдущем шаге. После этого вы сможете легко изменить изображение во всех смарт-объектах, просто заменив фотографию в первом смарт-объекте.
Шаг 6
Теперь давайте создадим фигуры для нашего шаблона. Выберите инструмент Прямоугольник (U, Rectangle), чтобы создать форму прямоугольника, и используйте следующие настройки: Ширина (Width): 432; Высота (Height): 432.
Шаг 7
После этого создайте вторую фигуру со следующими настройками: Ширина (Width): 594; Высота (Height): 594; Нет заливки; Обводка (Stroke): 81.
Шаг 8
Создайте третью фигуру со следующими настройками: Ширина (Width): 756; Высота (Height): 756; Нет заливки; Обводка (Stroke): 81.
Шаг 9
Создайте четвертую фигуру со следующими настройками: Ширина (Width): 918; Высота (Height): 918; Нет заливки; Обводка (Stroke): 81.
Шаг 10
Для последней формы используйте следующие настройки: Ширина (Width): 1080; Высота (Height): 1080; Нет заливки; Обводка (Stroke): 81.
Шаг 11
Нажмите V и выберите все слои с нашими фигурами, а затем нажмите на кнопки Выравнивание центров по горизонтали и Выравнивание центров по вертикали.
Шаг 12
Теперь нам нужно переместить каждую фигуру ниже каждого смарт-объекта.
Шаг 13
Сделайте основной смарт-объект и фоновый слой невидимым.
Шаг 14
Теперь выберите первый смарт-объект и щелкните правой кнопкой мыши > Создать обтравочную маску (Create Clipping Mask).
Шаг 15
Создайте обтравочную маску для каждого смарт-объекта, используя тот же метод, что и в предыдущем шаге.
Шаг 16
Чтобы упростить работу с нашими слоями, нам необходимо создать группу слоев. Выделите каждый смарт-объект и фигуру к нему, а затем нажмите значок Создать новую группу. У нас должно получиться 5 групп.
Часть 2. Как создать цветовые эффекты
Шаг 1
Чтобы создать черно-белый фильтр, мы будем использовать карту градиента. Выберите первый смарт-объект и перейдите в Слой > Новый корректирующий слов > Карта градиента (Layer > New Adjustment Layer > Gradient Map).
Шаг 2
После этого щелкните правой кнопкой мыши > Создать обтравочную маску (Create Clipping Mask).
Шаг 3
Теперь создайте еще одну карту градиента выше, но используйте следующие цвета #21382e; #3d3b6d; #fd605b.
Шаг 4
Выберите слой с только что созданной картой градиента и создайте еще одну обтравочную маску.
Шаг 5
Создайте еще одну карту градиента с обтравочной маской во второй группе со следующими цветами #31444b; #843332.
Шаг 6
Теперь давайте создадим еще одну карту градиента с обтравочной маской, как и раньше, но для третьей группы слоев. Для этого воспользуемся следующими цветами #16172b; #df7136.
Шаг 7
Для следующей группы слоев используйте карту градиента со следующими цветами #dd0a00; #fe7f32.
Шаг 8
Для последней группы слоев используйте карту градиента со следующими цветами #5b673f; #a23c2d.
Шаг 9
Теперь нам нужно, чтобы наше изображение выглядело немного потускневшим. Перейдите в Слой > Новый корректирующий слой > Экспозиция (Layer > New Adjustment Layer > Exposure) и используйте следующие настройки: Сдвиг (Offset): +0.0200.
Часть 3. Как создать анимацию из статичного изображения
Шаг 1
Чтобы начать создание анимации, откройте Окно > Шкала времени (Window > Timeline), а затем нажмите Создать временную шкалу видео (Create Video Timeline).
Шаг 2
Выберите смарт-объект в первой группе слоев, нажмите Ctrl+T и поверните изображение на -180°, удерживая кнопку Shift (примечание переводчика: или просто щелкните правой кнопкой мыши > Повернуть на 180°).
Шаг 3
Выберите смарт-объект во второй группе слоев, а затем нажмите Ctrl+T и поверните изображение на -90°, удерживая кнопку Shift (примечание переводчика: или просто щелкните правой кнопкой мыши > Повернуть на 90° против часовой).
Шаг 4
Выберите следующий смарт-объект, а затем нажмите Ctrl+T и поверните изображение 180°.
Шаг 5
Выберите смарт-объект в четвертой группе слоев, а затем нажмите Ctrl+T и поверните изображение на 90°, удерживая кнопку Shift (примечание переводчика:или просто щелкните правой кнопкой мыши > Повернуть на 90° по часовой).
Шаг 6
Выберите последний смарт-объект, а затем нажмите Ctrl+T и поверните изображение 180°.
Шаг 7
Откройте первый смарт-объект на панели Шкала времени (Timeline) и переместите индикатор времени на 0:00:00:00. После этого нажмите значок таймера рядом с Перспектива (Transform), чтобы создать первый ключевой кадр.
Шаг 8
Переместите указатель времени на 0:00:02:00, а затем поверните смарт-объект на 180°, удерживая кнопку Shift.
Шаг 9
Откройте второй смарт-объект на панели временной шкалы и создайте первый ключевой кадр на 0:00:00:00. Переместите индикатор времени на 0:00:02:00 и поверните смарт-объект на 90°, удерживая кнопку Shift.
Шаг 10
Откройте следующий смарт-объект на панели временной шкалы и создайте первый ключевой кадр на 0:00:00:00. Переместите индикатор времени на 0:00:02:00 и поверните смарт-объект на 180°, удерживая кнопку Shift.
Шаг 11
Откройте четвертый смарт-объект на панели временной шкалы и создайте первый ключевой кадр на 0:00:00:00. Переместите индикатор времени на 0:00:02:00 и поверните смарт-объект на -90°, удерживая кнопку Shift.
Шаг 12
Откройте последний смарт-объект на панели временной шкалы и создайте первый ключевой кадр на 0:00:00:00. Переместите индикатор времени на 0:00:02:00 и поверните смарт-объект на 180°, удерживая кнопку Shift.
Вот как наша анимация должна выглядеть после перечисленных выше манипуляций.
Шаг 13
Теперь нам нужно создать анимацию для цветовых эффектов. Откройте черно-белый фильтр на панели временной шкалы и переместите индикатор времени на 0:00:00:00. После этого нажмите значок таймера рядом с непрозрачностью, чтобы создать первый ключевой кадр.
Шаг 14
Переместите индикатор времени на 0:00:04:00 и измените Непрозрачность (Opacity) слоя на 0% на панели Слои.
Шаг 15
Дублируйте этот слой четыре раза, щелкнув правой кнопкой мыши > Создать дубликат слоя (Duplicate Layer) и поместите каждый дубликат фильтра над каждым смарт-объектом. Анимация этого слоя копируется вместе со слоем.
41.jpg
Шаг 16
Выберите карту градиента в первой группе слоев, а затем переместите индикатор времени на 0:00:00:00. После этого нажмите значок таймера рядом с непрозрачностью, чтобы создать первый ключевой кадр.
Шаг 17
Переместите индикатор времени на 0:00:02:00 и измените Непрозрачность (Opacity) слоя на 0% на панели Слои.
Шаг 18
Теперь нам нужно скопировать ключевые кадры. Выберите два ключевых кадра, удерживая кнопку Ctrl, а затем щелкните правой кнопкой мыши и нажмите Копировать (Copy).
Примечание переводчика: ключевые кадры — это маленькие ромбики на временной шкале, именно их необходимо выделять.
Шаг 19
Откройте карту градиента в следующей группе слоев. После этого щелкните значок Таймер» рядом с панелью Непрозрачность (Opacity) на панели Временная шкала (Timeline) и щелкните правой кнопкой мыши > Вставить (Paste).
Шаг 20
Теперь давайте создадим копии ключевых кадров для всех градиентных карт, как мы делали это раньше.
Часть 4. Как визуализировать анимацию для Instagram
Шаг 1
Чтобы сохранить анимацию для Instagram, нам нужно щелкнуть значок в правом верхнем углу и выбрать Экспорт видео (Render Video).
Шаг 2
Задайте следующие настройки в панели Экспорт видео (Render Video): Формат (Format): H.264; Размер (Size): размер документа; Диапазон (Range): все кадры (All Frames). А затем нажмите кнопку Рендеринг (Render).
Часть 5. Как заменить изображение, используемое в шаблоне
Шаг 1
Если вы хотите изменить изображение, используемое для анимации, то щелкните правой кнопкой мыши > Редактировать содержимое(Edit Contents) на смарт-объекте, который мы создали вначале.
Шаг 2
Поместите новое изображение над старым, нажмите Alt+F4, чтобы закрыть файл, а затем нажмите Сохранить (Save).
Отличная работа! Всё готово!
Таким образом, мы можем создать анимированный шаблон в Adobe Photoshop с использованием смарт-объектов.
