Марка анімаційного бампера - коротка
У цьому підручнику ми створимо коротку версію бампера для анімації бренду для відео маркетингової кампанії. З цієї короткої версії ми створимо довший більш детальний бампер. Кожен бампер може використовуватися багатьма способами, такими як початок чи закінчення трейлера для книги, навчальне відео та інші види відео маркетингу. Продукт, який ми продаємо, - це моя серія електронних електронних книг для створення та маркетингу програм для книг.

Коротка версія анімації бампера буде містити найважливіші брендові активи; символ миші, підзаголовок книги "Все, що вам потрібно, це миша", а також назва та адреса компанії.

Довга версія буде мати аналогічну, але більш тривалу анімацію. Частина анімації бампера, яка є загальною для обох версій, - це вигнута лінія малюнка, що маскує анімацію на початку, та елементи брендування, згадані вище.

Лінія малювання маски анімації

Під час цієї анімації на екрані є три елементи дизайну. Шар фонового градієнта залишається статичним. Вигнута лінія png також залишається статичною, і шар маски рухається вправо, створюючи ілюзію, що вигнута лінія починається малюватися на екрані.

  1. Відкритий екран. Коли відкриється вікно Налаштувати запис, натисніть X у лівому куті, щоб закрити діалогове вікно. Ми не будемо розпочинати цей проект, створюючи екранну ролю.

  2. На панелі меню ScreenFlow у верхній частині робочого столу натисніть Файл - Новий порожній документ.

  3. У діалоговому вікні Створення пустого документа встановіть встановлену висоту 1080p HD, що дасть вам ширину екрану 1920 та висоту 1080. Це найбільша роздільна здатність екрана, запропонована на YouTubeR.

  4. Заповнимо порожню шкалу часу, починаючи з градієнта фонового зображення jpg. У меню Menubar натисніть кнопку Вставити - Виберіть і перейдіть до свого jpg. Ви побачите, що jpg з’являється на полотні та на часовій шкалі як невеликий прямокутний брусок у верхній доріжці.

  5. Наш бампер триватиме 5 секунд. Тож продовжимо фоновий шар на 5 секунд, перетягнувши правий край. Покладіть курсор миші на край, поки ви не побачите подвійну стрілку і перетягніть край до позначки 5 секунд на шкалі часу. Можливо, вам знадобиться розгорнути тимчасову шкалу, щоб відобразити менші кроки, використовуючи повзунок "збільшення шкали часу" внизу робочої області.

  6. Імпортуйте вигнуту лінію png. Він повинен автоматично розміщуватися у вертикальному центрі екрана та на доріжці над фоновою доріжкою. Як бачите, Доріжки позначені назвою зображення, яке вони містять.

  7. Зараз ми імпортуємо графічну маску. Як і в кривій лінії png, вона буде автоматично розміщена в центрі екрана.

  8. Нарешті, ми імпортуємо аудіо .mp3. Як бачите, він не додається на екран, а додається до Доріжки на часовій шкалі.

    Ми хочемо, щоб ефект маскування починався, як тільки починається відео і триває 3 секунди. Ефект викликається переміщенням маски по екрану і виявленням рядка нижче. Це можна зробити за допомогою простої Відео дії до шару маски.

  9. Виберіть Доріжку масок на часовій шкалі та поставте скрубер на початку часової шкали. На панелі "Властивості відео" натисніть кнопку "Додати відео дії" внизу. Ви побачите невеликий прямокутник, доданий до Доріжки масок. Це являє собою Відео Дію. Перетягніть край прямокутника Дія до позначки 3 секунди на шкалі часу.

  10. Помістіть Scrubber в кінці прямокутника відео дії та виберіть Слід маски ще раз.

  11. Графіка масок вже знаходиться в початковому положенні для анімації. Тепер ми встановимо кінцеве положення для графіки маски. Перетягніть зображення маски праворуч, поки вона не вимкнеться з екрана. Утримуйте клавішу Shift, щоб перемістити маску по прямій лінії.

    Тепер, коли у нас є основні елементи на шкалі часу, протестуйте анімацію, розмістивши Scrubber на початку Timeline та натиснувши кнопку відтворити над Timeline.

    Далі ми додамо мишку та інші елементи брендингу.

    Скріншоти ScreenFlow, які використовуються з дозволу Telestream.


    Відео Інструкція: Кап-кап - дитячі пісеньки - Наталія Май - З любов'ю до дітей (Може 2024).