Как да подготвим графиката на Illustrator за After Effects

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

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



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



За да облекча болката, измислих списък с основи, които всеки илюстратор трябва да знае, когато подготвя графики на Illustrator за After Effects.

01. Създайте множество слоеве

Ако вашата векторна графика е завършена, но имате само един или два слоя в Illustrator, все още не сте готови. За да анимирате новата си графика, ще трябва да отделите всяка част (подслой) в свой собствен слой. Анимацията на един слой, който има много части, има тенденция да дава твърд и непрофесионален резултат.



Например, ако имате лого с три букви, ще искате да направите един слой с всички елементи, съставляващи първата буква, след това друг слой за втората буква и друг за третата. След това можете лесно да анимирате всяка буква независимо в After Effects. Ако току-що сте го запазили като „.ai файл“, без да правите допълнителни слоеве и сте го донесли в After Effects, това ще бъде един плосък слой.

Щракнете върху целевата икона, за да определите кой елемент е кой

Щракнете върху целевата икона, за да определите кой елемент е кой

В панела Illustrator Layer щракнете върху целевата икона до всеки елемент, за да определите кой елемент е кой. Можете също така да превключвате видимостта на всеки елемент, за да видите какъв е елементът.



Създайте нови слоеве, като използвате менюто, показано по-горе

Създайте нови слоеве, като използвате менюто, показано по-горе

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

Преместването на всеки елемент независимо в различни слоеве може да бъде досадно, но има много по-опростен начин. Ако всичко е в един единствен слой, просто изберете този слой и след това изберете ‘Release To Layers (Sequence)’ от менюто на панела Layers. Това ще преобразува всички елементи в слоя в самите слоеве. След това те могат да бъдат изтеглени от този слой, за да попълнят пълния списък със слоеве.

Уверете се, че сте маркирали правилно слоевете си

кое от изброените не е често срещан тип карта с памет?
Уверете се, че сте маркирали правилно слоевете си

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

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

02. Преоразмерете своите монтажни плотове

При импортиране в After Effects има значение размерът на монтажната ви плоча и графиката отвътре. Ако имате 10x10px артборд с малка графика, импортирана в 1920x1080 After Effects композиция, ще е необходимо доста повече работа, за да получите всичко до правилния размер, преди да анимирате. Уверете се, че монтажната ви плоча в Illustrator е мащабирана, така че да е с подобен размер или по-голяма от вашата композиция After Effects.

Уверете се, че монтажната ви плоча е с мащаб, подобен на композицията ви After Effects

Уверете се, че монтажната ви плоча е с мащаб, подобен на композицията ви After Effects

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

Ако имате няколко монтажни дъски, можете да ги запазите като отделни файлове. Когато запазвате файла си, ще бъдете помолени да зададете опциите на Illustrator. Уверете се, че сте поставили отметка „Запазване на всеки монтаж в отделен файл.“ След това можете да отидете до всеки нов файл на Illustrator и да се уверите, че всички слоеве са разделени и наименувани подходящо за анимация.

03. Променете режима на цвят на документа

CMYK е само за печат - задайте своя цветен режим на RGB

CMYK е само за печат - задайте своя цветен режим на RGB

Преди да запазите файла си за импортиране в After Effects, уверете се, че работите в RGB. CMYK е чудесен за печат, но ако преминете към After Effects, шансовете са, че няма да отпечатвате тази версия на графиката си и искате да се уверите, че цветовете се показват правилно във вашата окончателна анимация. Можете да го направите, като отидете на „Файл> Режим на цвят на документа> RGB цвят“.

04. Изберете правилния тип файл

Запазете работата си като ai файл

Запазете работата си като ai файл

Идеалният файлов формат за After Effects е файл на Adobe Illustrator (ai). Избягвайте EPS или SVG файлове, тъй като те няма да се импортират като композиция с много слоеве. Запазете вашето векторно изображение, като отидете на „Файл> Запазване като> Формат: Adobe Illustrator (ai)“.

Уверете се, че сте проверили „Създаване на PDF съвместим файл“

Когато бъдете подканени с повече опции, уверете се, че сте маркирали „Създаване на PDF съвместим файл“, или файлът няма да се импортира правилно в After Effects. Ако аниматорът работи в по-стара версия на After Effects, можете да изберете да запазите като наследена версия на Illustrator в горната част на този ред. В противен случай настройките по подразбиране са страхотни. Щракнете върху „OK“, за да запазите.

05. Внос в After Effects

След като форматирате файла си Illustrator, е време да го импортирате за анимация. В After Effects изберете „File> Import> File“ и изберете вашия Illustrator файл. Ще бъдете подканени как искате After Effects да обработват файла, уверете се, че „Import Kind“ е зададено на „Composition“ или всички тези слоеве, които току-що сте прекарали, разделени, ще бъдат комбинирани обратно заедно.

Настроен на

Задайте „Композиция“, за да запазите слоевете си

Размерите на кадрите зависят от вас. Ако искате всеки слой да остане със същия размер на пикселите като мястото, което заема, изберете „Размер на слоя.“ Като алтернатива, ако искате всеки слой да бъде толкова голям, колкото целият ви монтаж, изберете „Размер на документа“.

Всичките ви слоеве трябва да се показват във вашата хронология

Всичките ви слоеве трябва да се показват във вашата хронология

Когато щракнете върху „OK“, в панела „Проект“ ще бъде създаден нов състав. Щракнете двукратно върху новата ви композиция, за да отвори всичките ви нови слоеве във времевата скала. Всички те трябва да бъдат именувани точно както са били в Illustrator и лесно да се анимират независимо от останалите ви слоеве. Вече сте готови за успех в създаването на възможно най-качествената анимация!

Относно Pluralsight

Pluralsight е корпоративна технологична платформа за обучение, която предоставя унифицирано обучение от край до край за бизнеса по целия свят. Чрез абонаментна услуга компаниите имат право да се движат със скоростта на технологията, увеличавайки уменията, иновациите и ефективността. За безплатен пробен период и повече информация посетете www.pluralsight.com .

Свързани статии: