The best Adobe Illustrator to After Effects workflow - Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ม.ค. 2025

ความคิดเห็น • 279

  • @motiondesignschool
    @motiondesignschool  4 ปีที่แล้ว +50

    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

  • @Lenniefinch
    @Lenniefinch 4 ปีที่แล้ว +59

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

    • @motiondesignschool
      @motiondesignschool  4 ปีที่แล้ว +9

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

    • @Anttimation
      @Anttimation 4 ปีที่แล้ว +15

      @@motiondesignschool Should have been...

    • @ddumandan
      @ddumandan 4 ปีที่แล้ว +3

      Indeed! 😎👌

    • @ScoopsElagren
      @ScoopsElagren 11 หลายเดือนก่อน

      How can I get overload plugin? Pls

  • @lxomedia
    @lxomedia 2 ปีที่แล้ว +14

    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!

  • @blazingphoenix1000
    @blazingphoenix1000 4 ปีที่แล้ว +9

    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!

  • @Sadman_sakib
    @Sadman_sakib 4 ปีที่แล้ว +27

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

    • @motiondesignschool
      @motiondesignschool  4 ปีที่แล้ว +2

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

  • @ZacSpyrou
    @ZacSpyrou 3 ปีที่แล้ว +11

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

  • @mohit96mb
    @mohit96mb 4 ปีที่แล้ว +1

    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!

  • @novelafilmacademy
    @novelafilmacademy 3 หลายเดือนก่อน

    Excellent tutorial on optimizing the workflow between Adobe Illustrator and After Effects!

  • @Usselino
    @Usselino 3 ปีที่แล้ว +25

    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.

  • @wiewiorka_ojoj4167
    @wiewiorka_ojoj4167 4 ปีที่แล้ว +4

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

    • @motiondesignschool
      @motiondesignschool  4 ปีที่แล้ว +2

      oh, we're doing our best, you're welcome!
      Thank you for subscribing ;)

  • @noicerone
    @noicerone 3 ปีที่แล้ว +1

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

  • @oiganamitio
    @oiganamitio 3 ปีที่แล้ว +1

    Overlord is a MUST

  • @iamxole
    @iamxole 11 หลายเดือนก่อน

    10:45 - okay was smooth and innocent

  • @stanloy
    @stanloy 3 ปีที่แล้ว +1

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

  • @jamskof
    @jamskof 2 ปีที่แล้ว +1

    dammit!!! i was really hoping you would touch on my issue with importing ai into ae! that is when you have clipping paths or photos in masks in ai.. whenever i import i have a whole load of folders coming into ae. its very frustrating as they come in nested. do you now a way of eliminating this problem? i would rather not have to export to psd, go in and pick out say 40 layers that arent in any order and flatten them.

  • @Febeean
    @Febeean 4 ปีที่แล้ว +1

    This video is pure gold. love you

  • @toddmdw
    @toddmdw ปีที่แล้ว

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

  • @raydagon9572
    @raydagon9572 2 ปีที่แล้ว

    The best tutorial on this topic, thank you!

  • @HDsupernova
    @HDsupernova 4 ปีที่แล้ว

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

    • @motiondesignschool
      @motiondesignschool  4 ปีที่แล้ว

      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 :)

  • @LallyOfTheValley
    @LallyOfTheValley 3 ปีที่แล้ว +1

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

  • @maxmagnus777
    @maxmagnus777 3 ปีที่แล้ว

    5:35 Hi, once I convert path to shape layer I can not access path points.

  • @I_am_vikaschandra
    @I_am_vikaschandra 4 ปีที่แล้ว +1

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

    • @ihorkaras9571
      @ihorkaras9571 3 ปีที่แล้ว

      I'm glad it helped you :)

  • @qalamahmadkhazain6220
    @qalamahmadkhazain6220 3 ปีที่แล้ว

    THIS IS THE BEST TUTOR EVERR

  • @nilangpatel9605
    @nilangpatel9605 3 ปีที่แล้ว +10

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

  • @SandunLabs
    @SandunLabs 6 หลายเดือนก่อน +1

    Love you!

  • @1WillyDAVID
    @1WillyDAVID 4 ปีที่แล้ว +2

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

  • @danielvanginkel7081
    @danielvanginkel7081 3 ปีที่แล้ว

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

  • @anas.g
    @anas.g 2 ปีที่แล้ว

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

  • @bloodyshrine1369
    @bloodyshrine1369 ปีที่แล้ว

    Should you keep illustrator open while using after effects?

  • @trumpscousin9854
    @trumpscousin9854 3 ปีที่แล้ว

    5:36 when I try to do this with a filled shape after converting it into an shape from vector layers, i move the outline and the fill separately ( i get a group for each one and hence they're separate) anyway to go about this? any help is really appreciated. thank you!

  • @nadinec7585
    @nadinec7585 2 ปีที่แล้ว

    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!

  • @frandana4184
    @frandana4184 2 หลายเดือนก่อน

    great content dude thx !

  • @alexeyporokhnyak543
    @alexeyporokhnyak543 2 ปีที่แล้ว

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

  • @MP24685
    @MP24685 8 หลายเดือนก่อน

    Thank you, Really simple for beginners like me 😊

  • @sumayahl7464
    @sumayahl7464 2 ปีที่แล้ว +1

    thank you!!!!! really helped me

  • @evearais
    @evearais 2 ปีที่แล้ว

    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 ^_^

  • @idunnoiguess1
    @idunnoiguess1 2 ปีที่แล้ว

    super helpful. Great work!

  • @janiceng6302
    @janiceng6302 ปีที่แล้ว

    How do you get to the illustrator option box where you selected 'Create PDF Compatible File'? I can't seem to find it!

  • @nargiskhatun4116
    @nargiskhatun4116 2 ปีที่แล้ว

    I loved this class!!!

  • @casparroofingchannel
    @casparroofingchannel 3 ปีที่แล้ว

    Thank you for sharing this information. Very helpful

  • @chesmariefrance
    @chesmariefrance 2 ปีที่แล้ว

    Thank you so much for this! Subscribed

  • @quesquare5253
    @quesquare5253 2 ปีที่แล้ว

    mine theres no pop out bar after I click on the Ai to import it. Any help?

  • @dfordesmondg
    @dfordesmondg 10 หลายเดือนก่อน

    i have had this 1 worry since forever!!
    what is better for time line performance, working directly with illustrator layers in aftereffects or converting each illustrator layer to transparent png's and importing them into aftereffects and working that way. would appreciate all expert coments please.

  • @PresencePhotography
    @PresencePhotography 3 ปีที่แล้ว +1

    Hey! I've noticed the free extension now costs. Was that a temporary promotional thing?

  • @theartworkhub
    @theartworkhub 2 ปีที่แล้ว

    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.

  • @benonhisway
    @benonhisway 2 ปีที่แล้ว

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

  • @SonidosEnArmonia_1992
    @SonidosEnArmonia_1992 2 ปีที่แล้ว +1

    If your project is laggy after converting to shape layers, delete the group1 which is in every group 1 within the contents of each layer. In other words so I make myself clear: in every layer go to contents>groupx>and delete group1. You need to do this for every group in every layer.

    • @motiondesignschool
      @motiondesignschool  2 ปีที่แล้ว

      Please clarify your question

    • @SonidosEnArmonia_1992
      @SonidosEnArmonia_1992 2 ปีที่แล้ว

      @@motiondesignschool it isnt a question its a tip if it gets laggy for you too like it did for me.

  • @ohdearpooh
    @ohdearpooh 2 ปีที่แล้ว

    Great video tutorial, but I am disappointed I can't use the script. Is the Motion Tools script compatible with Adobe AE 2022? I downloaded it but after installing, it doesn't show up in my menus anywhere! I did restart multiple times and still can't see it :/

  • @hanifahmad9466
    @hanifahmad9466 4 ปีที่แล้ว +1

    thanks man, you help me so much !

  • @MouseGuardian
    @MouseGuardian ปีที่แล้ว

    Is it a way to import with overlord and keep the stroke profiles from Illustrator? In some of my work I have nice, tapered lines I want to import as they are. In after effects the strokes go back to standard mode, without the taper.

  • @Klausebou
    @Klausebou 4 ปีที่แล้ว +5

    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.

  • @noicerone
    @noicerone 3 ปีที่แล้ว

    I love this channel!

  • @natahw
    @natahw 3 ปีที่แล้ว +8

    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
      @fullhdcoza 3 ปีที่แล้ว

      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

  • @podeserjessie
    @podeserjessie 3 ปีที่แล้ว

    Help me please! Im doing everything right, but the vectors still pixeled when I import them to After Effects. I dont know what to do to open with high quality

  • @AnkitSingh-qm8hy
    @AnkitSingh-qm8hy 2 ปีที่แล้ว

    how to use illustrator gradient into after effect pls help

  • @bukaisakib1955
    @bukaisakib1955 3 ปีที่แล้ว +1

    looks like motion tools v2 is paid now or correct me if I am wrong.

    • @motiondesignschool
      @motiondesignschool  3 ปีที่แล้ว

      Hey! You can purchase the script on our website, or after purchasing the course, the script comes as a bonus for free for three months.

  • @ralphmoreau2768
    @ralphmoreau2768 3 ปีที่แล้ว +6

    What is the advantage to turning vectors into shapes when in aftereffects. I know it's probably more control, but could someone be granular, and tell me specifics. :)

    • @janniboy2766
      @janniboy2766 3 ปีที่แล้ว +3

      Usually just animating the static/rigid shape of illustrator files isn't enough. Converting them into shape layers let's you animate the individual curves and anchor points.

    • @ralphmoreau2768
      @ralphmoreau2768 3 ปีที่แล้ว +3

      @@janniboy2766 Thank you! Very well appreciated.

    • @moe.s6638
      @moe.s6638 2 ปีที่แล้ว +1

      There are both of advantages and disadvantages. For simple illustrator files converting them to shapes is better to gain more control and animation within the shape layer. For large complex heavy illustrator files I dare not convert them to shapes as it will slow down the whole scene. Rather leave them just as illustrator files and aftereffects renders the scene much faster.

    • @ralphmoreau2768
      @ralphmoreau2768 2 ปีที่แล้ว

      Moe .S Nice thank you for the context of a heavy file, will be looking out for that

  • @yousefalkalidi4975
    @yousefalkalidi4975 2 ปีที่แล้ว +2

    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?

  • @catarinapereira493
    @catarinapereira493 3 ปีที่แล้ว +1

    Thank you so much! Great Tutorial ;)

  • @anahitakhalilpour313
    @anahitakhalilpour313 ปีที่แล้ว

    Thanks for this helpful tutorial 👌
    I have a question about importing illustrator files to aftereffects
    I designed a shape with transparency layers in Illustrator but after importing the file to aftereffects, all the effects and transparency of the layers will disappear. I tried many ways to import the file and save the transparency of the layers but they didn't work!🙁🤯
    Thank you so much 🙏

  • @OrianaSuCarta
    @OrianaSuCarta 2 ปีที่แล้ว

    why even if i select layer size on the import the layers that go outside the artboard are cut off 😭
    The layers show on ae as the same size as the original layer but the part of the layer that is outside of the artboard is transparent

  • @Curios_Cat
    @Curios_Cat 3 ปีที่แล้ว

    This video is so helpful! thank you very much for making it!

  • @Yunhaisongtao
    @Yunhaisongtao 3 ปีที่แล้ว

    Does this import thing work for Adobe Animator as well?

  • @pixelmusic6775
    @pixelmusic6775 2 ปีที่แล้ว

    I beg your help, why when I create shape from vector layer, the color becomes gray?

  • @Okay_justcallmekim
    @Okay_justcallmekim 4 ปีที่แล้ว +1

    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
      @motiondesignschool  4 ปีที่แล้ว +1

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

  • @MatthiasSchulthei
    @MatthiasSchulthei 2 ปีที่แล้ว

    Holy Crap I have never watched a video of you before and duuuude I got scared when you suddenly popped up that near to the camera holy crap. But thank you for the good video!

  • @irishduran
    @irishduran 3 ปีที่แล้ว +12

    In the video, he said that the tools he's sharing are free. However, when I click the link, I can see them costing USD 40 or USD45. Are these not free anymore? :)

  • @kurokoru6393
    @kurokoru6393 3 ปีที่แล้ว

    When import file AI to AE i'm always got problem, like convert create shape from vector layer but the selection is not fit the object, always big like artboard AE

  • @yashwantvernekar8622
    @yashwantvernekar8622 4 ปีที่แล้ว +1

    Hey , I am not able to download the free plugin from MDS site. Just a grey screen appears. Can someone help me with this? Thanks in advance.

    • @motiondesignschool
      @motiondesignschool  4 ปีที่แล้ว +1

      Just have checked it. Everything should work. What browser do you use?

    • @yashwantvernekar8622
      @yashwantvernekar8622 4 ปีที่แล้ว

      @@motiondesignschool I am using chrome. And still facing the same issue. Do I need to sign up/login to download?

    • @motiondesignschool
      @motiondesignschool  4 ปีที่แล้ว +1

      @@yashwantvernekar8622 yes, you should sign in to your google account. But if you still have issues you can write to our support team and we will send the script to you manually: support@motiondesign.school

  • @bangiim92
    @bangiim92 ปีที่แล้ว

    how about editable text from Ai to after effects?

  • @葉家豪-n8j
    @葉家豪-n8j ปีที่แล้ว

    1:47 i like this music BGM😆

  • @lookd.east123
    @lookd.east123 3 ปีที่แล้ว

    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

  • @Extraedit
    @Extraedit 2 ปีที่แล้ว

    Quick question, how do you create that rope loop around the branch, please.

  • @MSSAM1987
    @MSSAM1987 2 ปีที่แล้ว

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

  • @hesam.babakhani
    @hesam.babakhani 2 ปีที่แล้ว

    Thank you so much. very helpful

  • @anmaral-saffar5565
    @anmaral-saffar5565 2 ปีที่แล้ว

    This video is very useful.. thx

  • @rafasamurai
    @rafasamurai 3 ปีที่แล้ว

    Motion tools script isn't working on AE 2021, is there any fix around that ?

  • @zeev8436
    @zeev8436 3 ปีที่แล้ว +4

    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?

  • @gokustudio2
    @gokustudio2 2 ปีที่แล้ว

    “program” and click on where it says “aggressive te” and change it to “analog app 1 te”

  • @rameshr1200
    @rameshr1200 2 ปีที่แล้ว

    i imported the files from illustrator to after effects and i animated them , but i changed (increased) the layer size later in ai but now my animation is messed and collapse is there any solution for it?

  • @theatreofmind3156
    @theatreofmind3156 3 ปีที่แล้ว

    Thanks lot for making this free learning content

  • @MarinaVeder
    @MarinaVeder 4 ปีที่แล้ว +1

    Thank you, it was very helpful! ❤️

  • @wiewiorka_ojoj4167
    @wiewiorka_ojoj4167 3 ปีที่แล้ว

    Fantastic tutorial, thank U!

  • @hankcarbeck6227
    @hankcarbeck6227 3 ปีที่แล้ว

    The web page for the Motion Script Tools seems to be broken. It prompts, accepts, and confirms an email subscription, but never provides download or send of the script(s). The page also indicates a link for modification of settings that does not exist on the page.

    • @da5idnz
      @da5idnz 3 ปีที่แล้ว

      Right click the 'Download' button and Open in New Tab - takes you to Google Drive download.

  • @JayceeCrumbs
    @JayceeCrumbs 4 ปีที่แล้ว

    Can After Effects import active layer effects from Illustrator, i.e. 3D Extrude and Bevel or opacity masks?

  • @sonce-traven
    @sonce-traven 7 หลายเดือนก่อน

    Perfect! Thank you

  • @JayKayV
    @JayKayV 2 ปีที่แล้ว

    This is a fantastic video! Thank you so much!

  • @ignaciodominguez5577
    @ignaciodominguez5577 3 ปีที่แล้ว

    Everytime I try to import grahpics charts it´s perfect until I see the lenght of the compositions/layers. They are 1 frame long. Sometimes after creating the shape layer it gets fixed as I can expand it as much as I want, but the rest of the times it gets impossible. Does anyone know other solution?

  • @123arskas
    @123arskas 3 ปีที่แล้ว

    That was so Awesome. Thank you Bro

  • @COD14902010
    @COD14902010 2 ปีที่แล้ว

    GREAT VIDEO 👍

  • @okaricex5801
    @okaricex5801 2 ปีที่แล้ว

    Amazing video thank you so much

  • @ItsJustMeStevie
    @ItsJustMeStevie 3 ปีที่แล้ว

    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.

  • @LifeofhOfficial
    @LifeofhOfficial 3 ปีที่แล้ว

    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.

  • @puyakhalili
    @puyakhalili 3 ปีที่แล้ว

    incredible tutorial! Thanks

  • @andylai852
    @andylai852 3 ปีที่แล้ว

    How to convert imported gradient Ai file to shape? 🙏🏻☺.

  • @Cyber9tech
    @Cyber9tech ปีที่แล้ว

    Cool, I loved it

  • @shahrozatiq5312
    @shahrozatiq5312 3 ปีที่แล้ว

    Cab you please tell me how to make logo like yours?

  • @tinofabel454
    @tinofabel454 3 ปีที่แล้ว

    is it not free anymore the motion tools script??

  • @floopper
    @floopper 3 ปีที่แล้ว +1

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

  • @andrewbredlan417
    @andrewbredlan417 4 ปีที่แล้ว

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