В області цифрового дизайну моушн – графіка стала потужним інструментом комунікації , перетворюючи статичні візуальні ефекти на динамічні та захоплюючі оповідання . В авангарді цієї області знаходиться Adobe After Effects, надійна програма , здатна оживити графіку та створити неймовірні візуальні ефекти . Цей докладний посібник допоможе вам створити привабливу моушн – графіку за допомогою After Effects.
Моушн – графіка – це форма анімації , в якій текстові або графічні елементи анімуються таким чином , щоб розповідати історію або представляти інформацію . Ця форма мистецтва , що широко використовується в рекламних роликах , пояснювальних відеороликах , послідовностях заголовків та цифрових вивісках , привертає увагу аудиторії , роблячи контент динамічним і захоплюючим .
Adobe After Effects (AE) — це програмне забезпечення для цифрових візуальних ефектів та анімаційної графіки , що використовується в процесі постпродакшну фільмів , відеоігор та телевізійного виробництва . AE – це універсальний інструмент , здатний створювати складну анімацію , додавати спеціальні ефекти до відеокліпів та створювати кінематографічні титри , заставки та переходи .
Інтерфейс Adobe After Effects спочатку може здатися складним через безліч вікон та панелей . Ось ключові компоненти :
Панель проекту : тут перелічені всі файли , з якими ви працюєте . Сюди входять відео- та аудіофайли , зображення та композиції .
Панель композиції : тут ви бачите свою роботу . Ця панель пропонує візуальне представлення вашої композиції .
Панель тимчасової шкали : на тимчасовій шкалі ви виконуватимете більшу частину своєї роботи . Це візуальне подання вашої композиції з часом , що дозволяє вам контролювати точки входу та виходу різних шарів у вашій композиції .
Панель інструментів : на панелі інструментів знаходяться інструменти . До них відносяться інструменти вибору , ручні інструменти , інструменти масштабування , інструменти обертання та багато іншого .
Панель «Ефекти та пресети» : ця панель містить список усіх доступних ефектів та пресетів , які може запропонувати After Effects.
Знайомство з цими панелями – перший крок у освоєнні After Effects.
Створити новий проект у After Effects дуже просто . Спершу відкрийте After Effects. Потім перейдіть до файлу > Створити > Новий проект . Щоб створити нову композицію , яка по суті є тимчасовою шкалою , на якій ви розмістите свої медіафайли , перейдіть в «Композиція» > «Нова композиція» . Тут ви можете встановити ім’я композиції , розміри , частоту кадрів та тривалість .
Першим кроком у будь-якому робочому процесі After Effects є імпорт ресурсів , з якими ви працюватимете . Це можуть бути відео , аудіофайли , фотографії або графіка . Перейдіть до меню «Файл» > «Імпорт» > «Файл» ( або просто натисніть Ctrl/Cmd + I). Відкриється діалогове вікно , в якому ви можете перейти до своїх файлів та вибрати їх . Ви можете вибрати кілька файлів , утримуючи клавішу Shift або Ctrl/Cmd під час клацання .
Як тільки ваші активи будуть імпортовані , вони з’являться на панелі проекту . Це хороша практика , щоб тримати свої активи організованими . Ви можете створювати папки ( відомі як «кошики» в After Effects), клацнувши піктограму папки в нижній частині панелі «Проект» або вибравши «Файл» > «Створити» > «Нова папка» .
Кожен шар у After Effects має п’ять основних властивостей перетворення : опорна точка , положення , масштаб , обертання та непрозорість . Ці властивості є фундаментальними для створення анімації .
Точка прив’язки : точка прив’язки – це точка , навколо якої масштабується і обертається шар . За умовчанням точка прив’язки знаходиться у центрі шару .
Положення : властивість положення визначає , де знаходиться ваш шар композиції .
Масштаб : Властивість масштабування дозволяє налаштувати розмір шару .
Обертання : ця властивість дозволяє обертати шар .
Непрозорість : властивість непрозорості керує прозорістю шару .
Анімація в After Effects досягається за допомогою ключових кадрів . Ключовий кадр – це точка на тимчасовій шкалі , де властивість має певне значення . Додаючи ключові кадри до наших властивостей , ми можемо змінювати значення якості з часом , створюючи анімацію .
Створимо просту масштабну анімацію :
Почніть із створення нової композиції ( “Композиція” > “Нова композиція” ), потім створіть новий шар – фігуру ( “Шар” > “Створити” > “Шар – фігура” ).
Вибравши шар , натисніть клавішу S на клавіатурі , щоб відкрити властивість масштабу .
Перемістіть покажчик відтворення на початок тимчасової шкали та клацніть піктограму секундоміра поруч із «Масштаб» . Це додає ключовий кадр .
Тепер перемістіть повзунок вниз за часовою шкалою та збільште значення масштабу . Це автоматично додає ще один ключовий кадр.
Натисніть , щоб відтворити анімацію . Ви повинні побачити , як ваш шар форми збільшується з часом .
Крім роботи з візуальними елементами , After Effects надає комплексні інструменти для анімації тексту . Давайте створимо просту текстову анімацію :
Перейдіть в Layer> New> Text, щоб створити новий текстовий шар .
Використовуючи інструмент «Текст» на панелі інструментів , введіть текст на панелі «Композиція» .
Щоб анімувати текст , ми будемо використовувати меню «Анімація» у правій частині панелі інструментів на панелі тимчасової шкали . Натисніть «Анімація» та виберіть пункт «Непрозорість» .
З’явиться новий Animator 1 та Range Selector 1. Встановіть непрозорість на 0%.
Відкрийте селектор діапазону 1, і ви побачите «Початок» , «Кінець» та «Зміщення» . Вони визначають , до якої частини тексту застосовується анімація .
Перемістіть покажчик відтворення на початок тимчасової шкали і клацніть секундомір поряд з кнопкою «Пуск» , щоб додати ключовий кадр .
Перемістіть курсор відтворення вниз за часовою шкалою та змініть значення «Початок» на 100%. Це додає ще один ключовий кадр .
Натисніть , щоб відтворити анімацію . Ваш текст має з’являтися посимвольно .
After Effects поставляється в комплекті з безліччю ефектів та пресетів , які можуть значно прискорити ваш робочий процес . Їх можна знайти на панелі «Ефекти та пресети» .
Щоб застосувати ефект до шару , можна просто переглянути ефекти на панелі «Ефекти та шаблони» та перетягнути вибраний ефект на шар на панелі «Композиція» або на панелі «Таймлайн» .
Наприклад , якщо ви хочете розмити текст , ви можете перейти до «Розмиття та різкість» > «Розмиття за Гаусом» , потім клацнути та перетягнути його на текстовий шар . Потім з’явиться панель «Елементи керування ефектами» , яка дозволяє настроїти параметри ефекту .
Після того , як ви створили моушн – графіку в After Effects, останнім кроком буде її рендеринг . Рендеринг – це процес експорту вашої композиції у формат , який можна плавно відтворювати .
Ось простий процес рендерингу вашої композиції :
Перейдіть до «Композиція» > «Додати до черги рендерингу» . На панелі “Таймлайн” відкриється вкладка “Черга рендерингу” .
На вкладці Render Queue ви побачите кілька налаштувань . У розділі «Модуль виводу» клацніть посилання поряд з «Без втрат» , щоб встановити параметри формату . Як правило , ви повинні вибрати формат , наприклад , .MP4 або .MOV.
Потім клацніть посилання поряд з Висновок на , щоб вказати місце призначення виводу . Виберіть , де ви хочете зберегти файл і як ви хочете його назвати .
Нарешті , натисніть Render у верхньому правому кутку вкладки Render Queue. Після цього After Effects почне рендеринг вашої композиції .
Пам’ятайте , що рендеринг може зайняти значний час в залежності від довжини та складності вашої композиції .
Готові виходити на новий рівень?
Залиште свої дані – і ми вам підкажемо!
