Рисуване в After Effects. Как да нарисувам нещо върху видео файл? (с помощта на Adobe After Effects) Мощни уроци за After Effect

Понякога става необходимо да нарисувате нещо върху видео файл, може би просто за да създадете забавен видеоклип или за някакъв сериозен проект. В този малък „наръчник“ точно това ще ви кажа.

И така, нека започнем:

1. Създаваме нова композиция (ако не сте запознати с основите на роботите в Adobe After Effects, тогава можете да прочетете за създаването на нова композиция).

2. „Плъзнете и пуснете“ в прозореца на проекта Adobe After Effects и след това в самата композиция, видеото, върху което ще рисуваме (в този случай това е Nature.mp4):

3. Сега „щракваме“ два пъти върху слоя на видео файла и отиваме в прозореца на този отделен слой (в този случай това е Layer: Nature.mp4), където ще нарисуваме:


4. Когато се преместим в горния прозорец, просто избираме Brush Tool (Ctrl + B). Също така в долния десен ъгъл виждаме лентата с инструменти Paint, където можете да конфигурирате много различни опции.рисунка:


5. Сега можете да опитате да нарисувате нещо. Аз съм на припрянонарисувах възлесто дърво :)

Бих искал да отбележа факта, че всяка отделна линия на чертежа се създава на нов"подслой" в рамките на слоя на видео файла. Можете гъвкавонастройте всеки слой (четка 1, четка 2 ... четка n), като зададете например времето на появяване на всяка от частите на картината, както и много други параметри.За да направите това, трябва да разширите слоя на видео файла =>Effects=>Paint.


Аз, най-общо, описах процеса на рисуване в Adobe After Effects, тогава всичко зависи от вашето въображение. Между другото, ако има проблеми със запазването (рендирането) на готовото видео в Adobe After Effects, препоръчвам ви да се запознаете с това материал.

Може би знаете, че имаме няколко проекта в различни ниши, един от които е проектът VideoSmile.ru. Посветен е на темата за видеото (монтаж, специални ефекти, 3D и др.) и е разработен от нашия екип от 2011 г.

Знам, че сред моята публика има хора, които се интересуват от тази посока, затова помолих момчетата от VideoSmile да подготвят поредица от уроци за моите абонати за най-популярната програма за обработка на видео - Adobe After Effects. Това е един вид "Photoshop" в света на видеото.

Решихме, че това трябва да са практически уроци, след изучаването на които човек ще може да направи някои полезни анимирани елементи за своите видеоклипове. Такава поредица от уроци беше успешно създадена и днес имам удоволствието да ви я представя.

Въведение в After Effects

В първото видео ще се запознаете с функциите на After Effects и ще разберете къде можете да го изтеглите.

Създаване на 4 ефектни скрийнсейвъра. Част 1

В този урок ще се запознаете с интерфейса на програмата, ще настроите работното пространство и ще изучите основните панели на програмата. Това е и мястото, където ще създадете своя проект и първата композиция в рамките на този проект.


Създаване на 4 ефектни скрийнсейвъра. Част 2

Тук ще продължите да създавате няколко варианта на стартовия екран и ще научите още няколко важни инструмента на After Effects по пътя.


Преходи и прекъсвания

В това видео ще научите как да правите висококачествени преходи от началния екран към самото видео, както и да приложите няколко прекъсвания, които ще ви бъдат полезни по време на редактиране. Освен това ще научите как да използвате стандартните преходи, които идват с After Effects извън кутията.


Долни трети и умира

Най-вероятно сте забелязали, че в различни видеоклипове с участието на хора се появяват анимирани табели, които показват името и фамилията на лицето, както и името на неговата фирма и вид дейност. Тези плочи са лесни за създаване в After Effects и в този урок ще научите как да ги направите сами.


Анимирани текстови елементи

В последния урок на този мини-курс ще научите как да създавате текстови анимирани блокове, с които можете да добавяте важна текстова информация към вашите видеоклипове.

Уча AE от август 2016 г., започнах да работя в областта на motion design, в допълнение към илюстрациите.

Подготвих урок за блог с проста анимация на форми и линии. Този урок е предназначен за тези, които вече са повече или по-малко запознати с After Effects, така че ако ви е трудно, тогава препоръчвам да разгледате основните уроци в мрежата. Например този мини курс: Въвеждащ курс Illustrator + After Effects.

Съвсем наскоро завърших и публикувах проект с анимирани линии на надписи (облачки) и в моя урок ще ви разкажа как го направих, използвайки най-простия пример.

1. Създавайте в Adobe Illustrator векторен файлс рисунка. Имаме надпис. Всички линии нямат запълване, а само линия. Направете както на снимката, за да стане по-ясно изпълнението на анимацията. Запазете файла в aiформат.


2. Импортиране в After Effects. Има няколко начина. Кликнете два пъти в прозореца проекти изберете файла в падащото меню. Или през Explorer - изберете файл и го плъзнете в прозореца с мишката проект. Можете също да влезете Меню Файл > импортиране > файли изберете нашия файл. Забележка! Трябва да стои кадрив полето внос AsИ ние не поставяме отметки в никакви квадратчета.


3. Създайте нова композиция в After Effects. CTRL+Nили през менюто Композиция > Нова композиция. Задаваме настройките - пишем името, имаме 30 кадъра (frame rate) и 15 секунди (Duration) продължителност на анимацията, задаваме и размерите на самата композиция 1920x1080. Кликнете - OK.


4. Плъзнете импортирания векторен файл от прозореца с мишката проектна времева линия- долната част на работното пространство, където всъщност ще анимираме нашите линии.

5. Изберете файловия слой. Да отидем в менюто Ефект > Генериране > Запълване.


Избираме бял цвят.


6. Слоят е избран. След това щракнете върху втората икона Растеризиранедо името на слоя (ако не се виждат икони, тогава в долната част на времевата линия има Превключватели/режими- щракнете и изгледът на слоя ще се промени - иконите ще се появят вдясно).


Сега нашите линии са ясно видими. Трябва да ги попитате Мащабмащаб. Можете да разширите слоя в параметрите Трансформиране > Мащабвъведете стойност, задавам от 450 до 450. Или горещ клавиш С- незабавно показва само една скала от всички параметри на трансформация на обекта. Има бързи клавиши за всички функции и е много удобно. Да, всеки слой или обект може да се трансформира и тези настройки са във всеки слой.

7. След това ще поставим нашето надпис в центъра. Както в illustrator: първо избор със стрелка Инструмент за избор (V), след което преместете обекта.

8. Изберете нашия слой, отидете в менюто Слой > Създаване на форми от векторен слой.


И след това действие вече ще имаме 2 слоя. Можем да изтрием нашия първи векторен оригинален слой. Изберете и натиснете ИЗТРИЙ. Не забравяйте да запазите проекта - Ctrl+Shift+S. Съвет - периодично натискайте магията ctrl+s.

9. Сега трябва да разделим един слой на няколко - в крайна сметка имаме няколко реда. Можете ръчно, но е дълго и скучно. По-добре е да изтеглите и инсталирате безплатен скрипт ZI_ExplodeShapesLayers(подобрен нова версия). Изберете слоя и отидете както в illustrator Файл > Скриптове. Щракнете върху бутона Експлодирай!


Всички слоеве се разбиват отделно и можете отново да изтриете нашия оригинален слой, той е най-долният. И ръчно ще трябва да копирам (копиране на слоя - CTRL+D) слой толкова пъти, колкото има подслоеве - линии, след това изтрийте допълнителните подслоеве от новия копиран слой и преименувайте.

Повече подробности, които не са намерили или не са искали да изтеглят скрипта:
Имаме 4 подслоя, така че имаме нужда от още 3 копия, ние ги правим. След това на първия слой изтриваме 2,3,4 групи. И по-нататък по аналогия. След това преименувайте - изберете слоя - ENTER - въведете ново име - ENTER или щракнете на празно място. Трябва да получите 4 слоя с отделни линии.

10. Можете да подредите слоевете в реда на анимацията - първо кръг, след това линии, след това квадрат. И можете да го оставите както искате. Е, всички приготовления приключиха. Сега най-интересната част е векторната анимация. Нека започнем с кръг - с маркер за надпис.

Между другото, съвети! Можете да увеличите мащаба - премахнете обекти в прозореца за композиция с колелцето на мишката (такова познато ctrl + - не работи тук и ctrl 0 също) или като изберете мащаба в прозореца Композиция - изскачащ прозорец с коефициент на увеличение(тук са числата с процентите и стрелката надолу). И можете да се движите около прозореца на композицията с интервал - същата ръка (както в полилей). Освен това, когато анимирате обект, обърнете внимание на централната опорна точка Анкерна точка. Той трябва да се намира в центъра на обекта, в противен случай анимацията ще се проведе от мястото, където се намира точката, а в този случай се нуждаем от центъра. Как да коригирате - Натиснете клавишна комбинация Y, и плъзнете точката, поставете я на правилното място. Е, да тръгваме.

11. Кръгова анимация. Ние анимираме Мащаб.
Можете да включите солото на слоя, тогава ще се вижда само кръгът (икона на кръг или точка). След това оставяме ключовете - това ще бъде нашата анимация. Преместете индикатора за време (този ред със син връх - Индикатор за текущо време) за 0 секунди 15 кадъра и поставете ключа - щракнете върху хронометъра до Мащаб, оставете стойността (имам 450).


Преместете в началото на композицията до нула - и променете стойността на нула (незабавно въведете стойността на размера и автоматично се въвежда нов ключ). След това напредваме за 3 секунди - 450, за 3 секунди 15 кадъра - 300, след още 5 кадъра - ще бъдат 3 секунди 20 кадъра - 450 и отново повтаряме на 6 секунди, 6.15 и 6.20 - задайте същите стойности - 450/300/450. След това по същия начин на 9 и 12 секунди на приблизително същото разстояние. И сега правим избледняване в края на композицията - 14 секунди 15 кадъра - 450, на 15 секунди в самия край - 0. След това щракнете върху F9- гладки клавиши.


Можете да добавите ключ по друг начин - щракнете върху диаманта до хронометъра и след това променете стойността) . Можете да се движите по времевата линия с клавишите СТРАНИЦА НАГОРЕи СТРАНИЦА НА. Движете индикатора по-внимателно! Не местете самия слой! Ако нещо CTRL+Zда ти помогна.

Е, сега кръгът ни оживя - появява се в началото, мига плавно в процеса и избледнява плавно в края на композицията. За да прегледате, натиснете нула 0 и за да прекратите прегледа също нула 0.

12. Анимация на основната линия.
Изберете следващия слой с основната линия. Натиснете два пъти Uи разкрива цялото съдържание на слоя. Използва се, когато трябва да отворите тези подслоеве, които са били модифицирани. Много удобно. Затвори - още веднъж U. В процеса на работа ще разберете всичко. След това изберете подслоя Група 3 - Добавяне - Изрязване на пътя.


Разкриване на параметрите Подрязване на пътяи задайте стойността на КРАЙ. Слагам 75%. Този индикатор отговаря за това колко процента линията ще бъде показана в анимацията: 100% - напълно, 0% - съответно линията няма да бъде показана. Оптимално - от около 50 до 95%. Индикаторът е в началото на композицията. След това анимираме. Затягаме ALTи щракнете върху параметъра хронометър изместване(точно отдолу Край) и въведете израза в реда, който се появява - време*н(където n е число, указващо броя на оборотите или скоростта на анимацията).


Пуснете песента (нула) и вижте какво ще се случи. Можете да промените стойността КРАЙи сравнете анимацията, изразът не трябва да се променя. По този начин постигнете най-интересния и оптимален резултат. Сега нека добавим линиите, които също да изчезват и изчезват. Можете също да направите това с прозрачност. Непрозрачност. Изберете слоя - натиснете клавиша Tи на 1 секунда задайте стойност на 100, на нула в началото на композицията - 0. След това преместваме 14 секунди - 100 и в края на композицията задаваме 0. F9- гладка. Между другото, за да изберете всички клавиши наведнъж, можете да ги изберете внимателно с мишката и да щракнете F9или най-лесният начин е да изберете самия параметър Непрозрачности всички ключове ще бъдат избрани наведнъж.

13. Анимация на втория ред.
Сега ще научим как да работим с вас с настройките на самата линия. Нека направим пунктирана линия от обикновена права линия и я анимираме. Два пъти Uпо протежение на слоя с линията, намираме Удари разширете стойностите му, като щракнете върху стрелката. Намиране на параметъра тиретаи кликнете върху плюса + два пъти. Ще се появят стойности Тире(брой точки), празнина(разстояние между точките), изместване(анимирани точки). Представяме, да предположим, стойностите 5 и 5. Сега отново ALT+ щракнете върху хронометъра до параметъра изместванеи влезте време*н(имам стойност 35).


Сега изберете Съдържание - Добавяне - Изрязване на пътяи на 1 секунда Крайклавиш 100, на нула 0, на 14 секунди 100 и накрая 0. Изберете клавишите и изгладете F9.

14. Квадратна анимация. Завъртане.
Изберете слой с квадрат, клавишна комбинация R (въртене). Ние разпределяме завъртанеи ALT+ щракнете върху хронометъра. Във входния ред на израза записваме време*н(имам стойност 250). Можете също да използвате клавишите ръчно - в началото на ключа с нула начални стойностии в края на ключа (въведете брой обороти 0x и градуси +0.0) да кажем 8 оборота и 360 градуса. Изразите значително улесняват и автоматизират работата. Е, по аналогия добавяме прозрачност в началото на появата (при 1 секунда 100 и при нула 0) и в края на разпадането (при 14 секунди 100 и в края 0) и F9. Или избледняваме навътре и навън Подрязване на пътя.

Всичко! Анимацията е готова! Нашият надпис оживя! Сега да спестяваме. Правим рендер.
Натискане на горещи клавиши CTRL+M(или отидете в менюто).


Кликнете отсреща изходен модулнадясно на стрелката и изберете формата от мен MOV+PNG+АЛФА(или MOV+PNG). И натискаме Рендиране, изчакайте, докато изобразяването е в ход. След това гледаме резултата. Видеоклипът ще бъде записан в същата папка като вашия проект.

Оксана Шиловаособено за блога


Абонирайте се за нашия бюлетин, за да не пропуснете нищо ново:

Първото нещо, което ще направим, когато преминем към рисуване, е да променим работното пространство на Paint.

Появиха се панелите Paint, Brushes и Layer. Панелът Paint е предназначен за настройка на параметрите на чертежа. Ще изберем размера и твърдостта на четката в панела Четки. Тъй като не можем да рисуваме директно в панела Composition, ще използваме панела Layer за това. Най-добре е да рисувате в 100% мащаб. За да направите това, използвайте странично менюелемент от панела Увеличете рамката/Възстановете размера на рамката или задръжте курсора на мишката върху панела, натиснете клавиша<~>на клавиатурата.
Създайте плътен бял слой. Това ще бъде нашето платно, върху което ще се упражняваме. Изберете инструмента за четка. Например, нека нарисуваме малък кръг.

Този ефект означава, че сме приложили картина към този слой. Начертаният елемент се показва в свойствата на слоя като подслой на Brush 1. Нека добавим листенца и стъбло към нашия кръг, така че да получим цвете.

Нека да разгледаме свойствата на слоя.

Както можете да видите, за всеки чертожен елемент имаме отделен подслой. Ако изберем един от слоевете и нарисуваме нещо, новият елемент ще замени избрания. Това е полезно, ако се опитвате да нарисувате нещо конкретно. Можете да дадете име на всеки елемент, за да не ги объркате. Изберете елемента, натиснете клавиша Enter, въведете ново име и натиснете отново Enter.

Първото свойство на ефекта на рисуване, което виждаме, е Paint of Transparent. То е общо за всички елементи. Ако го поставите в позиция "Включено", фонов слойфонът под формата на шахматни клетки ще изчезне и ще остане само фонът под формата на шахматни клетки (ако не се показват за вас, щракнете върху превключвателя за превключване на прозрачна решетка, той е наличен както в панела Композиция, така и в панел със слоеве).

Сега нека разширим един от елементите. Тук виждаме две групи свойства: Transform (свойства за трансформация), Stoke Options (свойства за рисуване), както и анимирано свойство Path (форма). Разгънете групата Опции на Стоук. Ако искате да коригирате параметрите на чертане за вече начертан елемент, трябва да го направите тук, в панела Paint, задавате параметрите само за следващите елементи на чертеж.

Анимирайте свойството Start. Преместете реда за редактиране на позиция 2 секунди и щракнете върху иконата на хронометър. Първият ключ е създаден. Създайте втори клавиш, като натиснете клавиша Home. Но променете стойността му на 100%. Завършено предварителен прегледв панела Изглед на композиция. Елементът се изтегля постепенно, но в обратна страна. За да го накарате да рисува по начина, по който сте го нарисували, анимирайте сами свойството End (не забравяйте да деанимирате свойството Start).
В групата Stoke Options можем да променим цвета на четката (Color), диаметъра (Diameter), твърдостта (Hardness), заоблеността (Roundness), разстоянието (spacing), непрозрачността (Opacity) и потока (Flow). Както можете да видите, всички тези свойства могат да бъдат анимирани. Сега, като променим цвета на всеки елемент, ще оцветим нашето цвете.

Друг инструмент за рисуване е Eraser. С избирането на този елемент елементът Erase става достъпен в панела Paint, който задава обекта за изтриване.

Можете да използвате гумата не само за изтриване на нарисуваните елементи, но и за премахване на фона.
И накрая, бих искал да опиша метод, който ви позволява да начертаете идеално права линия. За това се нуждаем от владетел. Изпълнете командата от менюто View->Show Rulers. В панела със слоеве се появиха две скали: вертикална и хоризонтална.
Сега задръжте курсора на мишката върху една от линийките. Курсорът трябва да се промени в двустранна стрелка. Затягаме ляв бутонмишката и преместете курсора до мястото, където искаме да поставим линията.