Как да направите проста анимация с помощта на Adobe Illustrator и After Effects

Случвало ли ви се е да правите страхотна илюстрация с Adobe Illustrator и да се чудите какво повече можете да направите с нея? Можете да го импортирате в After Effects и да го превърнете във фантастична анимация. Следвайте, за да видите колко лесно може да бъде.

Създайте илюстрация в Adobe Illustrator

Има различни начини за създаване на илюстрация за бъдеща анимация. Използването на Adobe Illustrator ви предлага интуитивни решения за илюстрации, които могат лесно да бъдат импортирани и разбрани в After Effects. Вие също бихте могли използвайте Photoshop, за да създадете композиция за After Effects, но ще се съсредоточим върху работата с Illustrator.

Когато създавате своя Illustrator документ, задайте го за размера на предвиденото от вас видео (използваме 1920 x 1080). За да започнете нов документ, щракнете Нов файл и изберете вашите размери. Щракнете върху Добре и сте готови да започнете да проектирате.

Използвайте прости форми

Истинско предимство от използването на Illustrator за вашия анимационен дизайн са опциите за търсене на пътя. Можете да проектирате с помощта на прости форми, като елипса или правоъгълник, и с помощта на функциите за търсене на пътя можете лесно да трансформирате тези прости форми в по-сложни илюстрации.

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

Минималистична цветова палитра ще допълни вашата проста анимация - написахме ръководство за създаване автоматизирана цветова палитра в Illustrator.

Работете върху отделни слоеве

Работата върху отделни слоеве в Illustrator е не само добра практика, но е неразделна част за импортирането на вашата илюстрация в After Effects по-късно. Слоевете ще бъдат запазени и можете лесно да анимирате слой по слой.

Всеки елемент от вашия дизайн, който искате да анимирате – или да не анимирате – трябва да бъде на отделен слой. Ако даден елемент е сложен, но няма отделни части, които могат да бъдат анимирани, цялата секция трябва да е на един и същ слой заедно. Всеки слой трябва да бъде преименуван, за да можете да ги следите всички в AE. За да преименувате слой, щракнете двукратно върху текущото му име.

Когато импортирате вашата илюстрация в AE, не само размерите на файла и слоя ще останат същите – по този начин поддържане на вашите елементи в правилните им позиции — но всички анимиращи елементи ще бъдат правилно разделени също така.

Запазване на вашия Illustrator файл

Като завършите илюстрацията си, отидете на Файл > Запиши като и го запазете като AI файл. След като щракнете Запазете, ще се появи изскачащ прозорец. Уверете се, че Създайте PDF съвместим файл е поставена отметка, след което щракнете Добре.

Причината да запазите илюстрацията си като AI файл е, че тя се превръща в жив файл. Ако сте създали своята анимация със същия файл, но по-късно разберете, че искате да промените цвета или аспект на илюстрацията, можете. Всички промени, запазени във файла AI, ще бъдат незабавно отразени в анимацията на After Effects, стига да използвате AI файла.

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

Импортиране на вашия дизайн в Adobe After Effects

След като вашият AI файл е запазен, е време да импортирате илюстрацията в After Effects. AE има три основни области: панел на проекта, времева линия и композиция. Щракнете двукратно в панела на проекта и ще се появи изскачащ прозорец. Намерете вашия Illustrator файл, изберете Импортиране като > Композиция – Запазете размерите на слояи щракнете Импортиране. Уверете се Създаване на композиция се проверява.

Когато се отвори, ще видите две опции за файл в панела на проекта. Единият ще бъде композиционният файл, а другият ще бъде папка на отделните слоеве. Не е необходимо да използвате папката. Плъзнете композиционния файл надолу до времевата линия и вашата илюстрация ще се появи в областта за композиция. Ще видите всичките си слоеве във времевата линия.

Можете да регулирате продължителността на анимацията, като удължите или намалите времевата лента над времевата линия. Това ще бъде дължината на видеоклипа ви при експортиране, но може да бъде променена по всяко време по време на процеса на проектиране.

Трансформирайте в After Effects

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

Ще видите тези опции за трансформиране:

• Точка на закрепване
• позиция
• Мащаб
• Завъртане
• Непрозрачност

До всяка от опциите ще има набор от числа. Тези числа може да са процент, координати или нещо друго. Всеки от тях се отнася до опцията за трансформиране, до която се намират; когато трансформирате част от вашата анимация, числата ще отразяват промяната.

Промяната на опциите за трансформация няма да направи нищо без използването на ключови кадри. Те са най-важната част от анимацията в After Effects.

Работа с ключови кадри

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

С включен хронометър можете да местите индикатора за време – вертикална синя линия с раздел в горната част – по времевата линия на анимацията до места, където искате да се случат елементи от анимация. Промяната на числовите параметри ще добави ключов кадър. За някои опции за трансформиране — като Мащаб или Позиция — можете също ръчно да преместите елемента в прозореца на композицията, вместо да променяте числата.

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

Можете също да копирате и поставите ключов кадър, за да бъде отразен върху друг слой. Например, ако искате няколко слоя да се движат едновременно, можете да копирате ключовите кадри позиция на един слой и след това да ги поставите в друг слой. Те ще залепят там, където се намира индикаторът за време. Избирането на няколко слоя наведнъж и добавянето на ключови кадри към един ще постави един и същ ключов кадър на всички избрани слоеве.

Използване на Easy Ease

Функцията Easy Ease се използва често, но какво прави? Уликата е донякъде в името - улеснява елементите на анимацията.

Добавянето на Easy Ease към ключов кадър дава на опцията Transform по-естествена лекота, вместо внезапен край (или начало). Това е много фина разлика, но може да се каже, че добавя ниво на опит към вашите анимации.

За да използвате Easy Ease, щракнете с десния бутон върху произволен диамант с ключов кадър и отидете на Помощник за ключови кадри > Лесно улеснение. Можете също да използвате прекия път F9 за внедряване на Easy Ease. Диамантът с ключов кадър ще се превърне във форма на пясъчен часовник, за да представлява Easy Ease.

Експортиране на вашата анимация

След като приключите с анимирането в After Effects и сте доволни от това как изглежда всичко, трябва да запазите видеоклипа си. Можеш използвайте плъгини като LottieFiles за създаване на анимации на Lottie от видеоклипа си или можете да експортирате като видео с различни опции за изобразяване.

Отидете на Файл > Експортиране > Добавяне към опашката за изобразяване. Изберете изходна дестинация и щракнете Изобразяване. Можете да оставите вашата анимация да се изобразява без надзор; в зависимост от дължината и броя на елементите може да отнеме известно време. След като приключите с изобразяването, имате вашето анимационно видео.

Трансформирайте своето илюстраторско изкуство в After Effects

Можете да увеличите максимално уменията си в Adobe Illustrator, като превърнете обикновена илюстрация във впечатляваща анимация. Като използвате инструмента за търсене на пътя и слоевете на Illustrator, вие ще оцените инструмента, след като го импортирате в After Effects. Следвайте това ръководство и направете страхотна анимация.

75+ клавишни комбинации на Adobe After Effects, които да направят живота си по-лесен

Прочетете Следващото

За автора