Як зробити боку звернено світанку в after effects. Малювання After Effects. Переходи та перебивки

Перше, що ми зробимо, переходячи до малювання, поміняємо робочий простір на Paint.

З'явилися панелі Paint, Brushes та Layer. Панель Paint призначена для встановлення параметрів малювання. Розмір і жорсткість пензля ми вибиратимемо в панелі Brushes. Оскільки малювати безпосередньо в панелі Composition не можна, ми будемо використовувати панель Layer. Найкраще малювати при 100% масштабі. Для цього використовуйте в бічному меню панелі пункт Maximize Frame/Restore Frame Size, або натиснувши клавішу на панелі курсору.<~>на клавіатурі.
Створіть суцільний шар білого кольору. Це буде наше полотно, на якому ми будемо практикуватися. Виберемо інструмент Brush Tool. Намалюємо, наприклад, невеликий кухоль.

Цей ефект означає, що ми застосували малювання до цього шару. Мальований елемент відображається у властивостях шару як підшар Brush 1. Дорисуємо до нашого кружечка пелюстки та стебло, так щоб вийшла квітка.

Погляньмо на властивості шару.

Як бачите для кожного елемента малювання, у нас з'являється окремий підшар. Якщо ми виділимо один із шарів і намалюємо що-небудь, новий елементзамінить виділений. Це буває зручно, якщо ви намагаєтеся намалювати щось певне. Ви можете дати ім'я кожному елементу, щоб не плутати їх. Виділяємо елемент, натискаємо Enter, вводимо нове ім'я, і ​​знову натискаємо Enter.

Першим властивістю ефекту малювання бачимо Paint of Transparent. Воно загальне всім елементів. Якщо поставити його в положення On, фоновий шар зникне і залишиться тільки фон у вигляді шахових клітин (якщо у Вас вони не відображаються клацніть по перемикачу Toggle Transparency Grid, він є як на панелі Composition, так і на панелі Layer).

Тепер розгорнемо один із елементів. Тут ми бачимо дві групи властивостей: Transform (властивості трансформації), Stoke Options (властивості малювання), а також анімована властивість Path (форма). Розгорнемо гурт Stoke Options. Якщо ви хочете підкоригувати параметри малювання для вже намальованого елемента, робити це слід саме тут, на панелі Paint ви задаєте параметри тільки для наступних елементів малювання.

Анімуємо властивість Start. Пересунемо лінію редагування в положення 2 секунди, і натиснемо на значення секундоміра. Створено перший ключ. Натиснувши Home, створіть другий ключ. Але змініть значення на 100%. Виконайте попередній переглядна панелі перегляду Composition. Елемент поступово промальовується, але у зворотний бік. Щоб він промальовувався так, як ви намалювали його, анімуйте властивість End самостійно (не забудьте скасувати анімацію властивості Start).
У групі Stoke Options ми можемо змінювати колір пензля (Color), діаметр (Diameter), жорсткість (Hardness), округлість (Roundness), інтервал (spacing), непрозорість (Opacity) та потік (Flow). Як ви могли помітити, всі ці властивості можна анімувати. Тепер змінюючи колір для кожного елемента, розфарбуємо нашу квітку.

Ще один інструмент малювання це гумка (Eraser). Вибравши даний елемент, на панелі Paint стає доступним пункт Erase, який визначає предмет стирання.

Ви можете використовувати гумку не тільки щоб прати намальовані елементи, але й для видалення фону.
Насамкінець хотілося б описати спосіб, що дозволяє намалювати ідеально пряму лінію. Для цього нам знадобиться лінійка. Виконайте команду меню View->Show Rulers. У панелі Layer з'явилися дві шкали: по вертикалі та по горизонталі.
Тепер наводимо курсор на одну з лінійок. Курсор повинен набути вигляду двосторонньої стрілки. Затискаємо ліву кнопку миші та переміщуємо курсор у те місце, де хочемо розташувати лінію.

З серпня 2016 року вивчаю AE, почала працювати у сфері моушен-дизайну, окрім ілюстрацій.

Я підготувала урок для блогу з простою анімацією фігур та ліній. Цей урок призначений для тих, хто вже більш менш добре орієнтується в After Effectsтому якщо вам він здасться складним, то рекомендую подивитися базові урокив мережі. Наприклад, цей міні курс: Вступний курс Illustrator + After Effects.

Нещодавно я закінчила і виклала проект з анімованими лініями-виносками (callouts), і у своєму уроці я розповім вам, як я це робила на найпростішому прикладі.

1. Створюємо в Adobe Illustrator векторний файлз малюнком. У нас callout. Всі лінії без заливання, лише обведення. Зробіть як на малюнку, щоб було зрозуміліше виконувати анімацію. Збережіть файл у aiформаті.

5. Виділяємо шар із файлом. Ідемо в меню Effect > Generate > Fill.

7. Потім розмістимо наш callout по центру. Як і в ілюстраторі: спочатку стрілочка виділення Selection Tool(V)потім рухаємо об'єкт.

8. Виділяємо наш шар, йдемо у меню Layer > Create Shapes from Vector Layer.

9. Тепер нам потрібно розбити один шар на кілька, адже у нас кілька ліній. Можна вручну, але це довго та нудно. Краще завантажити та встановити безкоштовний скрипт ZI_ExplodeShapesLayers(покращена Нова версія). Виділяємо шар і йдемо як і в ілюстраторі File > Scripts. Тиснемо кнопку Explode!

Докладніше, хто не знайшов чи не захотів качати скрипт:
У нас 4 підшари, отже, потрібно ще 3 копії, робимо їх. Потім у першого шару видаляємо 2,3,4 групи. А далі за аналогією. Потім перейменовуємо - виділяємо шар - ENTER - вводимо нове ім'я - ENTER або порожнє місце клік. Повинно вийти 4 шари з окремими лініями.

10. Можна шари розмістити в порядку анімації - спочатку кружок, потім лінії, потім квадратик. А можна й так залишити, на ваше бажання. Ну, всі приготування закінчено. Тепер найцікавіше – анімація вектора. Почнемо з кружечка – з маркера callout.

До речі, поради! Наблизити — видалити у вікні композиція об'єкти можна коліщатком мишки (такий звичний ctrl+- не працює тут, і ctrl 0 теж) або вибравши масштаб у вікні Composition - Magnification ratio popup(ось де цифри з відсотками та стрілочка вниз). А переміщатися вікном композиція можна пропуском — та сама рука (як у люстрі). Також при анімації об'єкта звертайте увагу на центральну якірну точку Anchor Point. Вона має знаходитися в центрі об'єкта, інакше анімація відбуватиметься звідти, де й лежить крапка, а нам у даному випадкунеобхідно від центру. Як виправити – натисніть гарячу клавішу Yі потягніть за крапку, поставте в потрібне місце. Ну що ж, поїхали.

11. Анімація кола. Анімуємо Scale.
Можна увімкнути соло на шарі, тоді буде видно лише коло (значок кружечка або крапки). Потім проставляємо ключі – це і буде наша анімація. Пересуваємо індикатор часу (ось цю лінію із синім наконечником — Current Time Indicator) на 0 секунд 15 кадрів і ставимо ключик - клацаємо по секундоміру поруч зі Scale, значення залишаємо (у мене 450).

Ну ось тепер наше коло ожило - з'являється на початку, плавно блимає в процесі і плавно згасає наприкінці композиції. Натисніть нуль 0, щоб переглянути, а також нуль 0 для закінчення перегляду.

12. Анімація головної лінії.
Виділяємо наступний шар із головною лінією. Натискаємо двічі Uі розкривається весь вміст шару. Використовується, коли потрібно відкрити ті підшари, які були змінені. Дуже зручно. Закрити ще раз U. У процесі роботи самі все зрозумієте. Далі виділяємо підшар Group 3 - Add - Trim Path.

13. Анімація другої лінії.
Зараз навчимося з вами працювати з налаштуваннями самої лінії. Зробимо із звичайної прямої пунктирну лінію та анімуємо її. Двічі Uпо шару з лінією, знаходимо Strokeі розкриємо його значення, натиснувши на стрілочку. Знаходимо параметр Dashesі натискаємо на плюсик + два рази. З'являться значення Dash(кількість точок), Gap(відстань між точками), Offset(анімувати точки). Введемо, припустимо, значення 5 та 5. Тепер знову ALT+ клік за секундоміром у параметра Offsetі вводимо time*n(У мене значення 35).

14. Анімація квадрата. обертання.
Виділяємо шар із квадратом, гаряча клавіша R (rotation). Виділяємо rotationі ALT+ клік за секундоміром. У рядку введення виразу пишемо time*n(У мене значення 250). Можна і за допомогою ключиків вручну - на початку ключик з нульовими початковими значеннями і в кінці ключик (вводимо кількість обертів 0х і градуси +0,0) допустимо 8 обертів і 360 градусів. Вирази значно полегшують та автоматизують роботу. Ну і за аналогією додаємо прозорість на початку появи (на 1 секунді 100 і на нулі 0) і наприкінці згасання (на 14 секунді 100 і наприкінці 0) і F9. Або ж робимо появу та згасання через Trim Path.

Всі! Анімація готова! Наш callout ожив! Тепер зберігаємось. Робимо рендер.
Натискаємо гарячі клавіші CTRL+M(або йдемо в меню).

Оксана Шиловаспеціально для блогу

Підпишіться на нашу розсилку, щоб не пропустити нічого нового:

Іноді виникає необхідність щось намалювати поверх відео файлу, можливо, для того щоб просто створити смішне відео, або ж для якогось серйозного проекту. У цьому невеликому «мануалі», саме про це я розповім Вам.

Тож почнемо:

1. Створюємо нову композицію (якщо ви не знайомі з основами роботи в Adobe After Effects, то про створення нової композиції ви зможете почитати).

2. "Перетягуємо" у вікно проекту програми Adobe After Effects, а потім і в саму композицію, відео, на якому малюватимемо (в даному випадку це Природа.mp4):

3. Тепер двічі «кликаємо» по шару відео файлу та переходимо у вікно цього окремого шару (в даному випадку це Layer: Природа.mp4), де ми й малюватимемо:

4. Коли ми перейшли у вищезгадане вікно, то просто вибираємо інструмент Brush Tool (Ctrl+B). Також у правому нижньому кутку ми бачимо панель інструментів Paint, де можна налаштувати безліч різних параметрівмалювання:

5. Тепер можна спробувати щось намалювати. Я нашвидкуруч намалював кострубате деревце:)

Хочу відзначити той факт, що кожна окрема лінія малюнка створюється на новому«підшару» усередині шару відео файлу. Ви можете гнучконалаштовувати кожен шар (Brush 1, Brush 2… Brush n) виставляючи, наприклад, час появи кожного з елементів малюнка, і навіть, безліч інших параметрів.Для цього слід розгорнути шар відео файлу =>Effects=>Paint.

Я, загалом, описав процес з малювання в програмі Adobe After Effects, все залежить від вашої фантазії. До речі, якщо є проблеми зі збереженням (рендерінгом) готового відео в Adobe After Effects, рекомендую ознайомитися з цим матеріалом.