Создаем анимацию для сторис в Instagram |
В этом уроке мы не только создадим шаблон с эффектом полароида, используя фотофильтры и формы, но также создадим анимированные фотоэффекты с помощью стандартных инструментов Photoshop.
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.
Создаем новый документ (Ctrl+N) и устанавливаем следующие параметры:
Идем в меню File – Place (Файл – Поместить) и вставляем первое изображение в документ.
Меняем размер изображения до границ документа и нажимаем Enter.
После этого таким же образом размещаем второе изображение.
Нажимаем M, чтобы активировать инструмент Rectangular Marquee Tool (Прямоугольная область) и выделяем весь холст документа.
Выбираем оба слоя и затем идем в меню Image – Crop (Изображение – Кадрировать), чтобы удалить части фотографии за пределами холста.
Кликаем правой кнопкой мыши по первому слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект).
После этого также преобразовываем в смарт-объект второе изображение.
Переименовываем слои в Placeholder 01 (Место для фото 01) и Placeholder 02 (Место для фото 02).
Создаем копии смарт-объектов – правый клик мышкой, затем выбираем Duplicate Layer (Создать дубликат слоя).
Скрываем слои Placeholder (Место для фото).
Перемещаем слои Placeholder (Место для фото) на самый верх панели Layers (Слои).
Теперь нужно изменить размер фотографий. Выделяем слой Photo 01 (Фото 01), нажимаем Ctrl+T и меняем ширину и высоту на 85%.
Тоже самое делаем со следующей фотографией.
Выбираем фоновый слой и нажимаем Shift+F5. Устанавливаем следующие параметры:
Дважды кликаем по слою с первой фотографией, выбираем параметр Stroke (Выполнить обводку). Устанавливаем следующие параметры:
Добавляем те же параметры обводки на панели Layer Style (Стиль слоя).
Создаем первый элемент нашей полосы. Нажимаем U , чтобы создать Rectangle Shape (Прямоугольник), используем следующие настройки:
Выбираем форму и перемещаем ее на 20 пикселей вниз и 15 пикселей вправо от верхнего левого угла.
Дублируем форму и перемещаем ее на 200 пикселей вправо, удерживая Shift.
Теперь создаем еще 18 дубликатов форм и размещаем их на одинаковом расстоянии друг от друга.
Выделяем все формы на панели Layers (Слои), удерживая Shift, а затем щелкаем правой кнопкой мыши и выбираем Merge Shapes (Объединить фигуры).
После этого создаем дубликат вашей новой формы и перемещаем ее на 1800 пикселей вниз, удерживая Shift.
Теперь объединяем нашу новую форму в одну, как мы делали раньше, а затем дважды щелкаем по слою и на панели Layer Style (Стиль слоя) выбираем параметр Color Overlay (Наложение цвета). Устанавливаем следующие параметры:
Устанавливаем Layer Style (Стиль слоя) Outer Glow (Внешнее свечение) со следующими параметрами:
Чтобы создать винтажный фотоэффект, давайте добавим цветокоррекцию в наш документ. Идем в меню Layer – New Adjustment Layer – Curves (Слои – Новый корректирующий слой – Кривые).
Создаем дубликат корректирующего слоя кривые.
Дважды щелкаем по значку первого слоя кривых на панели Layers (Слои) и устанавливаем следующие параметры:
После этого устанавливаем следующие параметры для второго слоя кривых:
Уменьшаем непрозрачность первого слоя кривых до 25%.
Уменьшаем непрозрачность второго слоя кривых до 50%.
Вот как будет выглядеть наше изображение после добавления всех эффектов, перечисленных выше:
Выбираем первые две фотографии и, удерживая клавишу Shift, перемещаем их на 1010 пикселей вправо, чтобы они выходили за пределы холста документа.
Идем в меню Window – Timeline (Окно – Шкала времени) и щелкаем Create Video Timeline (Создать шкалу времени для видео).
Теперь нужно создать первый ключевой кадр. Выбираем первую фотографию и затем щелкаем Keyframe (Добавление или удаление ключевого кадра) рядом с Transform (Позиция), чтобы создать первый ключевой кадр.
Перемещаем индикатор времени на 0: 00: 01: 00, а затем перемещаем фотографию на 1010 пикселей влево, удерживая Shift.
Перемещаем индикатор времени на 0: 00: 02: 00 и нажимаем значок Keyframe (Добавление или удаление ключевого кадра), чтобы создать другой ключевой кадр.
Перемещаем индикатор времени на 0: 00: 03: 00, а затем перемещаем фотографию на 1010 пикселей влево, удерживая Shift.
Выбираем второе фото, а затем перемещаем индикатор времени в 0: 00: 02: 00 и нажимаем значок Keyframe (Добавление или удаление ключевого кадра), чтобы создать первый ключевой кадр для нашего второго изображения.
Перемещаем индикатор времени на 0: 00: 03: 00, а затем перемещаем вторую фотографию на 1010 пикселей влево, удерживая Shift.
Перемещаем индикатор времени на 0: 00: 04: 00 и нажимаем значок Keyframe (Добавление или удаление ключевого кадра), чтобы создать второй ключевой кадр для нашего второго изображения.
Перемещаем индикатор времени на 0: 00: 05: 00, а затем перемещаем вторую фотографию на 1010 пикселей влево, удерживая Shift.
Теперь давайте создадим анимацию для наших фигур. Выбираем слой с фигурами и кликаем правой кнопкой мыши – Convert to Smart Object (Преобразовать в смарт-объект).
Нажимаем Ctrl+T и меняем ширину на 94,45%.
Выбираем слой с формами и перемещаем индикатор времени на 0: 00: 01: 00. Затем нажимам на значок Keyframe (Добавление или удаление ключевого кадра).
Перемещаем индикатор времени на 0: 00: 01: 00, а затем перемещаем формы на 755 пикселей влево, удерживая Shift.
Перемещаем индикатор времени на 0: 00: 02: 00 и нажимаем значок Keyframe (Добавление или удаление ключевого кадра).
Перемещаем индикатор времени на 0: 00: 03: 00, а затем перемещаем формы на 755 пикселей влево, удерживая Shift.
Перемещаем индикатор времени на 0: 00: 04: 00 и нажимаем значок Keyframe (Добавление или удаление ключевого кадра).
Перемещаем индикатор времени на 0: 00: 05: 00, а затем перемещаем формы на 755 пикселей влево, удерживая Shift.
Наша анимация почти готова, поэтому теперь давайте создадим эффект постепенного появления / исчезновения, чтобы все выглядело более плавным. Создаем новый слой (Shift+Ctrl+N), а затем заливаем его любым цветом.
Устанавливаем Fill (Заливка) на 0%.
Переходим на панель временной шкалы и нажимаем кнопку Transitions (Переход). После этого перетаскиваем переход Fade With Black (Выведение изображения в черный) в начало и конец слоя.
Щелкаем правой кнопкой мыши по переходам и изменяем продолжительность на 0,5.
Чтобы сохранить анимацию для Instagram, нажимаем на значок в правом верхнем углу и выбираем Render Video (Экспорт видео).
Устанавливаем следующие параметры на панели Render Video (Экспорт видео):
Если вы хотите изменить изображения, используемые для анимации, щелкаем правой кнопкой мыши по одному из слоев Placeholder (Место для фото), который мы создали первым, и выбираем Edit Contents (Редактировать содержимое).
Помещаем новое изображение поверх старого, нажимаем Alt+F4, чтобы закрыть Placeholder (Место для фото), а затем нажимаем сохранить.
Готово!
Таким образом, мы можем создать анимированный эффект полароида в Photoshop, используя смарт-объекты, фигуры и корректирующие слои.
Автор: Ivan Gromov
Вложение: 6023792_materialy.zip
Рубрики: | Мастер-классы Фотошоп, фотография |
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |