Adobe Illustrator to After Effects - Getting Started with Logo Animation

Поділитися
Вставка
  • Опубліковано 16 лип 2024
  • Hello everyone! Welcome back to my youtube channel. In this video, I show you the best adobe illustrator after-effects workflow tutorial. Getting started with logo animation.
    Here is my workflow for taking an illustrator file and preparing it for Adobe After Effects
    I hope you guys find this video useful. If you loved the video, make sure to like 👍 smash that subscribe ❤️ button for more videos and click the notification 🔔 bell. Don’t forget to share with your friends and family. We would love to hear your opinions, comment down below.
    👉Subscribe Here: / @jonjagsnee
    Follow me on social?!?
    Instagram: @JonJagsNee
    Twitter: @Jagsywagsy
    Snapchat: Jags
    ➤Suggested Videos:-
    ✅ After Effects In Camera Transitions:
    • TRANSITIONS with the A...
    ✅ Kids Commercial Project Breakdown:
    • Kids Commercial Projec...
    ✅ Laowa Probe Lens Test with TOYS:
    • Laowa Probe Lens Test ...
    ☀Relevant Hashtags:
    #illustrator #illustration #graphicdesigner #design #graphicdesign #sketch #draw #illustrationartists #painting #instaart #logo #designer #creative #digitalillustration #vector #adobe #graphic #branding
  • Фільми й анімація

КОМЕНТАРІ • 82

  • @andrewp1513
    @andrewp1513 3 роки тому +4

    Thanks Jon. I finally decided to learn this stuff today, and I’m glad you’re the first video I’m seeing.

  • @ithamarlowe6158
    @ithamarlowe6158 7 місяців тому +1

    This was and is the best video on importing your work from illustrator to aftereffects. You are amazing and just gained a new subscriber.

  • @ScottJeschke
    @ScottJeschke 2 роки тому

    Thanks for a great video! I rewatch this literally every time I have a new AE animation

  • @larshaukenfrers
    @larshaukenfrers 6 місяців тому

    This channel needs way more recognition! Helped me out so much. Clearly and quickly explained👍

  • @abdoodesign
    @abdoodesign 3 роки тому +1

    I am so glad that I find your channel bro, thanks a lot.

  • @beewoonang5605
    @beewoonang5605 2 роки тому

    Thanks Jon, this is exactly what I need to know to start doing my assignment.

  • @trinale7562
    @trinale7562 3 роки тому +1

    love love love this

  • @anaschafik6109
    @anaschafik6109 2 роки тому +1

    learned so much, thanks for posting.

  • @emersonvisuals
    @emersonvisuals 4 роки тому +1

    Thanks so much for the video! Learnt a lot on logo animation :)

  • @andrewstanford639
    @andrewstanford639 3 роки тому

    Thanks Jon, have a nice weekend.

  • @evaju3171
    @evaju3171 3 роки тому

    This is super helpful, thank you so much for sharing!

  • @ritik.designs
    @ritik.designs 3 роки тому

    You deserve alot more subs and likes. Very well explained!

  • @chloesaville6093
    @chloesaville6093 3 роки тому

    This was so helpful. Thank you so much!

  • @juzual4251
    @juzual4251 3 роки тому

    Thank You so much :) This helped me a lot.

  • @steffyromana1792
    @steffyromana1792 2 роки тому

    Thank you this helped me a lot!

  • @callumgrimmer
    @callumgrimmer Рік тому

    Finally a good video regarding this, cheers

  • @Amanda-th7si
    @Amanda-th7si 3 роки тому

    This is super cool, thank you!

  • @Adityakittoo
    @Adityakittoo 11 місяців тому

    Thank you so much !

  • @failfly1
    @failfly1 3 роки тому

    very helpful, thank you so much!

  • @zminpi
    @zminpi 3 роки тому

    Thank you so much, I like it !

  • @learymark
    @learymark 2 роки тому

    We love this video!

  • @gui.almusic
    @gui.almusic 3 роки тому

    LOVELY thank u so much

  • @MrAodunlami
    @MrAodunlami 3 роки тому

    Dude, you're the dopest! Thank you, brother.

    • @MrAodunlami
      @MrAodunlami 3 роки тому

      Hey Jon Jags Nee, do you have a tutorial on logo animation? If not would you be willing to make one? I really enjoyed this one of found it very useful. Thanks.

  • @HITPESIVADIYA
    @HITPESIVADIYA 3 роки тому

    Love your hair dude

  • @Motions_AP
    @Motions_AP 2 роки тому +6

    Love this! Side note: If you have any Illustrator based effects like drop shadows and gradient ramps, you'll ave to remove them first as they don't convert properly wen creating tape layers from AI layers in After Effects. And Yes, name your layers people! ^-^

    • @neutronproductionsco
      @neutronproductionsco 2 роки тому

      Neither does it like a change in opacity!

    • @chiarapanozzo6800
      @chiarapanozzo6800 2 роки тому

      so if you have some gradient effect you have to remove it and than re-do it in A.Effects ? Thank you if you can answer😉

  • @thirdeye4deebrain
    @thirdeye4deebrain Рік тому +1

    As soon as your video intro started, I thought "Yeah, this is the guy who's going to lead me into the promised land of Logo FX!" Thanks my friend, love your charisma and enthusiasm! You have a new subscriber 👍

    • @JonJagsNee
      @JonJagsNee  Рік тому +1

      Thanks Charles :) Appreciate you joining the party! Hit me up if you ever have any questions!

    • @n3lsonhamad
      @n3lsonhamad 9 місяців тому

      Same here 😅,

  • @ang_cs6284
    @ang_cs6284 Рік тому

    Hi! Thanks for the info. I want to learn more about preparing my files so a motion designer can use them. I would love to find a video that explains how to prepare the graphic design file (Illustrator/Photoshop) to hand out to a motion designer with all those tips and tricks of what works and what doesn't.

  • @marceloaguires
    @marceloaguires Рік тому

    Best video on the subject

  • @dhankaniaryannarendra8504
    @dhankaniaryannarendra8504 2 роки тому

    sir you're just to underrrated

  • @tressaburnett-testa5105
    @tressaburnett-testa5105 3 роки тому

    THANK YOUUUU

  • @gokulmg1
    @gokulmg1 2 роки тому

    thanks... thank you... very much

  • @n3lsonhamad
    @n3lsonhamad 9 місяців тому

    I'm a motion graphics amateur, I use AE alot, Loved the article. Please, make a video to show how to animate layers in AE

  • @reiniskarolis1582
    @reiniskarolis1582 3 роки тому

    thanks!

  • @araputrevor5654
    @araputrevor5654 2 роки тому

    thax alot

  • @nnikoleetnovak7059
    @nnikoleetnovak7059 4 роки тому +2

    It's very good, but you should tell e.g: create null object with these keyboard combination... or you can change transparency here.. these are small things but they can be se helpful if you're a beginner :) Thank you. i can't wait the next video.

    • @annaangold9922
      @annaangold9922 Рік тому +2

      Had the same problem and looked it up: enter Command+Option+Shift+Y for Mac or Ctrl+Alt+Shift+Y for Windows :)

  • @lulubeloo
    @lulubeloo 7 місяців тому

    Thanks, this helped a bunch!
    I mostly do frame by frame 2D animation, but when vector gets involved, I start seeing red. I hate vector with a passion.

    • @JonJagsNee
      @JonJagsNee  7 місяців тому +1

      Me too, man…. Me too 😅

  • @OmexavLifeztyle
    @OmexavLifeztyle 2 роки тому

    Do you have any videos of how I can keep the quality when working in illustrator and after effects

  • @josearielortiz2055
    @josearielortiz2055 2 роки тому

    Can you shows how you managed to animate the Whalebird? I’m trying to make a character wave and change expressions and I’m kind of new to After Effects.

  • @hardytvmalaysia5303
    @hardytvmalaysia5303 3 роки тому

    thx

  • @nathanthorne4023
    @nathanthorne4023 Рік тому

    Hold alt and shift and you center in place

  • @gagarinrout2034
    @gagarinrout2034 4 роки тому

    How much storage (file size) space does a 2D animation of 10 mins occupies ?

  • @SgtDonovan
    @SgtDonovan 3 роки тому

    Great video!

    • @JonJagsNee
      @JonJagsNee  3 роки тому

      Thanks man! Really appreciate you taking the time to watch it!

  • @maxmagnus777
    @maxmagnus777 3 роки тому

    So how do I get all the paths of the whale? I convert ai file to shape in AE and I can not access points of (as an example) a circle I converted.

  • @derpderp9281
    @derpderp9281 4 місяці тому

    At 2:35, release to layers (sequence), not sure if its an update but you no longer need to select every single object in your layer, just select the layer and then "release to layers" (I tried selecting everything and the option was blocked lol)

  • @IsuruRandika
    @IsuruRandika Рік тому

    You can WHALEBIRD to convert to editable text

  • @andrewstanford639
    @andrewstanford639 3 роки тому +1

    Hi Jon, have you done any simple videos where you animate a simple logo please? I'm new to Aftereffects and finding it quite difficult. Thanks Andy

    • @JonJagsNee
      @JonJagsNee  3 роки тому

      ua-cam.com/video/AjMAlgV0FI8/v-deo.html
      bam! :D

  • @marceloaguires
    @marceloaguires 11 місяців тому

    Bro whats the best to export that animation

  • @adeelazam4636
    @adeelazam4636 16 днів тому

    How we can import stroke in after effects from illustrator?

  • @pixeldesert2775
    @pixeldesert2775 4 роки тому +1

    Good content bro. Liked it. Be friends

  • @Glow0110
    @Glow0110 3 роки тому +1

    Is there a follow up video to this that shows how to actually animate that logo once you did all this setup?! Thanks!

    • @JonJagsNee
      @JonJagsNee  3 роки тому

      Not this exactly but this was my follow up!
      ua-cam.com/video/AjMAlgV0FI8/v-deo.html

  • @learn1ngchannel
    @learn1ngchannel Місяць тому

    Found your video.

  • @andrewstanford639
    @andrewstanford639 3 роки тому +2

    Thanks Jon. Brilliant tutorial and you present the working method so clearly. What is your link for watching more tutorials please? really appreciate it thank you. Best Andy UK

    • @JonJagsNee
      @JonJagsNee  3 роки тому

      Thanks Andy! Much appreciated. Subscribing here would be the best way to stay up to date :)

  • @AnkhManRaw
    @AnkhManRaw 4 роки тому +1

    Really nice vid. How do you create a null object?

    • @JonJagsNee
      @JonJagsNee  4 роки тому +1

      CTRL + Alt + Shift + Y OR go to Layer > New > Null Object :)

  • @SBCskitzo
    @SBCskitzo Рік тому

    This video is amazing it has helped but you didnt get to the point of making another video showing how to actually animate the logo. Is there a video for that?

  • @mathewngila4593
    @mathewngila4593 Рік тому

    what is null object

    • @JonJagsNee
      @JonJagsNee  Рік тому

      press CTRL + Shift + Alt + Y
      It will create a null object. A null object is a layer in your after effects timeline that does not appear in your video or your art but you can use it as a tool to store data or control objects. You can use it to move many layers at once or act as a separate anchor point for an animation. I'll make a tutorial on this soon :)
      - Jags

  • @aronnangombe5654
    @aronnangombe5654 2 роки тому

    After i import the file all i see is a dark background

  • @semihsn489
    @semihsn489 2 роки тому

    hey punisher

  • @derpderp9281
    @derpderp9281 4 місяці тому

    the logo I'm animating has 60 layers 💀
    thanks for the tips

  • @teabagNBG
    @teabagNBG 2 роки тому

    im having trouble with all of my illustrator files... they are all shapes no paths... if i import them into after effects i often get weird results with empty spaces inside.... whats the best way to create illustraor a file for after effects? nevermind i keept watching and exactly saw what was causing my problem ... thanks :D i subscribed

    • @JonJagsNee
      @JonJagsNee  2 роки тому

      I don’t have a tutorial on it (yet) but look up image trace in illustrator! That should help 😊

    • @teabagNBG
      @teabagNBG 2 роки тому

      @@JonJagsNee thx all good i just had to many shapes... i had to either split them or import them seperatly and edit them a lil bit
      all good :D

  • @kuroketsueki9059
    @kuroketsueki9059 3 роки тому

    I imported my AI file into AE but it's all black and my logo is not showing. Help?

    • @JonJagsNee
      @JonJagsNee  3 роки тому

      AI and AE don't like to work with gradients so if your shape layers in AI have gradients on them, then the color won't transfer over and you'll have to rebuild it in AE :)

  • @sagargajjar9843
    @sagargajjar9843 3 роки тому

    Sorry. it's not work in After effect cs6

  • @backyardchickenfarmer38
    @backyardchickenfarmer38 3 роки тому

    your video is missing animation process..

  • @GonselFly
    @GonselFly 3 роки тому

    In the thumbnail, I thought she's a girl. Hehe

  • @isramelaek931
    @isramelaek931 Рік тому +1

    you are girl or boy?

  • @dutchgirl2
    @dutchgirl2 4 роки тому

    learned so much, thanks for posting.