The best Adobe Illustrator to After Effects workflow - Tutorial

In this tutorial, our motion graphics designer & tutor Ihor Karas(IG: @ihor.fish) will reveal our workflow and tell you everything you should know about working with Adobe Illustrator layers in After Effects from import to proper ways of working with layers on the timeline and tools to optimize your workflow.
Tools that were shown in the video:
FREE Motion Tools Script by Motion Design School with a detailed tutorial:
motiondesign.school/products/...
Overlord by BattleAxe:
www.battleaxe.co/overlord
Character Tool(by Motion Design School):
aescripts.com/character-tool/
-------------------------------------------------------------------------------------
Our courses:
motiondesign.school/collectio...
Masterclasses:
motiondesign.school/collectio...
Participate in our referral program to get a 50$ credit for your next course and... a special 50$ gift for your friend. Don't miss the opportunity to get a great holiday present for your friend and colleague:
motiondesign.school/pages/ref...
---------------------------------------------------------------------------------------
There is a wide range of topics considered in this video, so here are the timecodes for your help:
00:00 - Intro
00:37 - Import AI files to AE
02:01 - AI files Preparation
03:48 - Work with pure Illustrator Layers on the Timeline
05:01 - Convert to Shape Layers
06:38 - Problems you may deal with
09:14 - Overlord
13:27 - Motion Tools
16:24 - Outro

[@motiondesignschool]

There is a wide range of topics considered in this video, so here are the timecodes for your help(they are also on the timeline):
00:00 - Intro
00:37 - Import AI files to AE
02:01 - AI files Preparation
03:48 - Work with pure Illustrator Layers on the Timeline
05:01 - Convert to Shape Layers
06:38 - Problems you may deal with
09:14 - Overlord
13:27 - Motion Tools
16:24 - Outro

[@jibranshaikh4297]

3

[@lxomedia]

One video that answers questions I have since 2009. Although I don't need it now but it does feel good knowing this. So shout out to Motion Design School for creating this. Appreciate the each line of helpful tips written and deliver by the charismatic host!

[@ZacSpyrou]

I never thought of giving Motion Graphics a go, up until this point! Inspirational! Thank you!

[@blazingphoenix1000]

Thank you so much for this I recently graduated with my bachelor's in graphic design but this just shows you that you never stop learning even when you get your degree!

[@motiondesignschool]

🙏 true

[@Sadman_sakib]

It's too important for beginners who have to know about these process. Thank you for sharing 😘

[@motiondesignschool]

Yeah, that's very important! You're welcome 💚

[@Usselino]

Very Good! Overlord is a must. You can also export elements directly from the Illustrator artboards by right-click and save them as PDF. This could fix some problems too. Also make shure your
artboard is in RGB-Color to avoid most of the colorshifts that can occur.

[@mrCetus]

I’m so glad I found your channel. Everything is sooo well explained! Subbed and liked. Thank you!

[@noicerone]

Motion Tools Script by Motion Design School has made my work so easy and efficient.
Thanks man!

[@Lenniefinch]

Overlord is one of the best plugins I’ve ever used for Adobe programs.

[@motiondesignschool]

definitely, it could have been an Adobe software feature :)

[@Anttimation]

@@motiondesignschool Should have been...

[@ddumandan]

Indeed! 😎👌

[@ScoopsElagren]

How can I get overload plugin? Pls

[@1WillyDAVID]

awesome guys, thanks for sharing all this key information, really appreciate it

[@evearais]

Thank you so much! I'm so glad that I found this video tutorial, and that I know now I can rearrange the layers inside After Effects ^_^

[@raydagon9572]

The best tutorial on this topic, thank you!

[@Febeean]

This video is pure gold. love you

[@stanloy]

I'm so glad I clicked on this video. Will definitely check the overlord plugin 👍

[@nadinec7585]

Your Plugin Motion Tools is absolutely fantastic! In some cases Overlord is not convenient, and when I convert the layers inside AE they have this big border. The Remove Artbord feature is very useful to remove this big border!

[@danielvanginkel7081]

Thank you for clearing up that you can just best use the 'create, create shapes from vector layer' approach.

[@zeev8436]

Great video, thanks! (And great plugins, bought both.)
Question: Do you know of a 'quick & easy' way to import multiple Ai artboards as separate layers/comps in Ae?

[@MSSAM1987]

Awesome! Very good explanation. Thank you so much for creating this video :)

[@benonhisway]

Wow! Thanks a lot! This helped me so much! 🙌🏼🙌🏼

[@mohit96mb]

OH MY GOD! THANKS!
That tip @ 4:00 is gonna change my motion design life.
Never knew this was so easy. I wish I googled it instead of just assuming that's how it worked!

[@motiondesignschool]

After Effects is full of such "small nuances"

[@MP24685]

Thank you, Really simple for beginners like me 😊

[@hanifahmad9466]

thanks man, you help me so much !

[@theatreofmind3156]

Thanks lot for making this free learning content

[@puyakhalili]

incredible tutorial! Thanks

[@chesmariefrance]

Thank you so much for this! Subscribed

[@idunnoiguess1]

super helpful. Great work!

[@LallyOfTheValley]

I use overlord about 1000 times a day, cannot recommend it enough!!

[@sehbaanabbasi]

hey there this vid was absolutely helpful
the art board corners in shape layers were annoying me
motion tool set is very helpful thanks for making it available for us

[@HDsupernova]

Amazing tool and the best about it is that it's free and have feature that aren't included in other similar tools

[@motiondesignschool]

Thanks! We have included in this script all the essential features we use every day. Hope you won't need much more of other scripts opened permanently :)

[@catarinapereira493]

Thank you so much! Great Tutorial ;)

[@JuliaZieger]

This is a fantastic video! Thank you so much!

[@nargiskhatun4116]

I loved this class!!!

[@qalamahmadkhazain6220]

THIS IS THE BEST TUTOR EVERR

[@CasparRoofingChannel]

Thank you for sharing this information. Very helpful

[@MarinaVeder]

Thank you, it was very helpful! ❤️

[@motiondesignschool]

Glad to help 😉

[@yixuewang919]

omg Thank u so much! Just solved my problem!

[@wiewiorka_ojoj4167]

Fantastic tutorial, thank U!

[@I_am_vikaschandra]

Minddddddddddd Blowing tricks
I always stuck that but you save my life bro
Keep it up!

[@ihorkaras9571]

I'm glad it helped you :)

[@theumaginationstudio]

Thank you! It was very helpful!! :) :)

[@sonce-traven]

Perfect! Thank you

[@faridatuamiduwahab2787]

This was helpful. Thank you

[@natahw]

Thank you for this video tutorial. Very helpful indeed. What is the downside of working with shape layers instead of illustrator layers in AE in terms of processing speed? Overlord definitely is the greatest tool out there. Is there a way of avoiding system slowdown when working with shape layers for big projects? Any tips and tricks to tackle this issue would be highly appreciated.

[@FullhdCoZa]

Would love to see a comparison / conclusion on this topic.
I know that loads of shape layers drastically reduce processing power, but then again so do (continuously rasterized) Ai Layers as they're 'continuously' refreshing vector data.
But assume shape layers would act & result the same..
Though a single Ai layer of a vector texture would render a lot quicker than the same texture converted to a shape
.
Perhaps they are essentially identical only when they're continuously rasterized? Some clarity or conclusion would be great

[@andrewbredlan417]

Great video, and I'm definitely checking out that free plugin! Cheers!

[@motiondesignschool]

💜

[@123arskas]

That was so Awesome. Thank you Bro

[@sumayahl7464]

thank you!!!!! really helped me

[@noicerone]

I love this channel!

[@oiganamitio]

Overlord is a MUST

[@hesam.babakhani]

Thank you so much. very helpful

[@yousefalkalidi4975]

Hi: Thank you for a great tutorial, and to introduce those interesting tools that will make the workflow from illustrator quite easier. If I decide to export some illustrator files into After Effects, should I draw the artwork in RGB mode in illustrator? In that case, will I still be required to press the continuous rasterization button above the layers in After Effects?

[@HemaBaraka]

Thank you so much for make such video ☺️

[@noksopaa]

Great video! Thank you.

[@okaricex5801]

Amazing video thank you so much

[@Cyber9tech]

Cool, I loved it

[@toddmdw]

thanks for this. This convoluted process make you realise how out-of-date AfterEffects is as a technology (and most adobe apps actually!)

[@alexeyporokhnyak543]

Create a PDF File was a very important detail! Thanks!

[@MrArch_]

Thank you very much...I loved it 💕

[@motiondesignschool]

you're welcome man ;)

[@glormond]

Very useful video!

[@XcessLaff]

Thank you 😊 it's really helpful

[@motiondesignschool]

It's a pleasure to be of help 🙂

[@anmaral-saffar5565]

This video is very useful.. thx

[@legionsquad6111]

Cheers man!

[@aleemk17]

So helpful :)

[@azddines4077]

Thank you bro its cool

[@Leckerleckerbananabear]

this is the best lecture

[@donutboy9576]

Thank you! :)

[@isabelagaldino1481]

you saved my life

[@shouriya3]

thanks man!!

[@AsGraphicspk458]

Very good

[@MinoDebnar]

thanks a lot, Ihor :)

[@aemvisuals]

great tutorial, tysm, learned more than on my bachelor lol

[@m4r_art]

Brilliant!

[@fahimmuntasirniloy]

thanks a lot man

[@iamxole]

10:45 - okay was smooth and innocent

[@COD14902010]

GREAT VIDEO 👍

[@alekseyavtushko2680]

thank you. really

[@HydrePunisher187]

Freakin useful thanks ✌️✌️

[@nilangpatel9605]

Thanks for making such wonderful tips. Actually, the free plugin which was mentioned is not free but 40$.

[@jigneshspatil2724]

Thank you so much 🔥

[@motiondesignschool]

You're welcome :)

[@ahmadali-xs3zr]

hell yeah great tutorial always u win our hearts with ur great tips , next tutorial on logo animation plz hyperkey one as u promised , we are more excited for that and project files of that one ..will help us as u have provided in some of previous ones .. just keep that momentum for future ❤❤hope for tutorial in one or 2 days and also source files too.. 👍
thanks once again

[@motiondesignschool]

man, it's on its way ;) not in 2 days but still

[@ahmadali-xs3zr]

@@motiondesignschool hell yeah can't wait to see it , also plz provide us project files too , and thanks in advance for fast reply, ❤❤❤

[@hodikat1378]

OMG 😍😍😍😍 Thank You So Much 💖💖💖💖💖.
You are The beeeeeeeest 💘💖💗💖💖💖💗💖💗🔥🔥🔥

[@agudal8503]

Great video! Suscribed!

[@user-xr7qs6zg1f]

Fantastic video

[@sergey_bin]

thx, very helpful!

[@motiondesignschool]

Doing our best! You're welcome 👍

[@uncletrick1]

Super helpful!

[@motiondesignschool]

Thanks a lot ;)

[@aqildanish7700]

i downloaded. its works :)))

[@youvnasalian2224]

whoa, thank youuuuuuuuuuuuuuuu

[@bcs2677]

Verry NIce thanks

[@LifeofhOfficial]

Nice tutorial. Just wondering if you guys can recommend a laptop for a smooth after effects / motion designs playback and fast render. I want to learn after effects and I need a machine to use for motion graphics and probably 3D. I'm thinking of getting the new 16in M1 Max MacBook. Would love to hear your thoughts. Thanks.

[@azddines4077]

we Need Such as this

[@patrickconnolly_pitt]

Well done

[@motupatluvlog6336]

nice logo & sound

[@hosseineditor2165]

Awesome 👍

[@lifeofminato829]

when did this script became free? wow i just found out. The tip you shared just made the project I'm working on so much easier. Thanks Alot

[@motiondesignschool]

This script always has been free ;) We're glad we helped you!

[@anas.g]

Are you serious, tell me if this is helpful, this is more than just helpful, amazing information and explanation

[@genioindomavel25]

thanks

[@Moonben]

have a nice time!! Thank you for sharing the great video. I'm rooting for you with Like and Full Watch.
Your video is the best

[@motiondesignschool]

OMG, thank you!

[@ItsJustMeStevie]

Thank you for this video. Question: Can we use Repeater on an AI file? I’ve tried to use it but it doesn’t spin correctly.

[@z1982_]

Once converted in shape layers, are the vector still pixel free ? I mean, can we zoom in without quality loss ? Thanks, nice video !!

[@JesusQuero95]

Yes

[@theartworkhub]

What is your recommended CPU? I'm currently on Ryzen 5 5600g with RTX 2060 6G, thinking of upgrading CPU because I finally bough a GPU.

[@natashapennalima8131]

amazing

[@Klausebou]

It's almost like Adobe hasn't updated the foundations of these software packages in decades, creating the necessity of sluggish workarounds or use of third party plugins like Overlord...
But nice overview on your side, thx.