Анимация Photoshop - обложка для Facebook видео

• May 6, 2024

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

Графика

Поскольку это шаблон, вы будете использовать графику-заполнитель, которую мы преобразуем в смарт-объекты. Вы можете заменить общие изображения заполнителей фотографиями вашего клиента.

Обложка для видео в Facebook должна быть 820 x 462 пикселей с разрешением 1080. Поскольку у двух наших графических изображений будет один наклонный край слева, нам понадобится заполнитель графики размером 920 x 462 пикселей, что на 100 пикселей шире экрана.

При выборе фотографий вашего клиента (см. Скриншот) они также должны иметь размер 920 x 462 пикселей. Кроме того, мы будем размещать текст слева от этих фотографий, поэтому в этой области должно быть меньше деталей. Фотографии, используемые в нашем примере клиента, взяты из Upsplash (см. Ссылки ниже).

Планирование анимации

1. Первая сцена начинается с одной фотографии уже на экране и заканчивается Наименование фирмы заполнитель текста исчезает на экране.
   
   
2. Следующая сцена начинается с текста-заполнителя, оставшегося на экране, а вторая фотография скользит по экрану справа, заменяя исходную фотографию. Сцена закончится исчезновением текста заполнителя.
   
   
3. В третьей сцене остается вторая фотография, а затем появляется следующая группа текста-заполнителя, по одной строке текста за раз. Этот текст будет слоганом и кратким списком услуг, предлагаемых бизнесом, таких как кейтеринг, освещение и украшения. Наконец, мы добавим призыв к действию в виде номера телефона, адреса электронной почты или URL-адреса веб-сайта.
   
   
4. Во время четвертой и последней сцены текст-заполнитель исчезнет, ​​а первая фотография снова появится на экране справа. Завершение последней сцены той же фотографией, которая была на временной шкале в первом кадре видео, позволит плавному циклу видео.
   
   

Примечание. Фотографии и текстовые слои являются просто заполнителями и могут быть легко изменены в шаблоне по мере необходимости для вашего клиента.

Давайте начнем.

Используемые фотографии:
//unsplash.com/photos/JlnZGMegZaI
//unsplash.com/photos/iTFwsm6kb2g

следующий

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

Видео инструкция: Как сделать 3D ФОТО ДЛЯ FACEBOOK в фотошопе (May 2024).