Photoshop Animation - Facebook Video Cover

• Може 8, 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

Далі

Авторські права 2018 Adobe Systems Incorporated. Всі права захищені. Знімки екрана продуктів Adobe перевидано з дозволу Adobe Systems Incorporated. Adobe, Photoshop є або є зареєстрованою торговою маркою, або торговою маркою Adobe Systems Incorporated у США та / або інших країнах.

Відео Інструкція: Facebook cover animation video [Tamil] - Learn Photoshop CC - 31 | Pirabu Chandran (Може 2024).