Motion Design for Beginners | Illustrator & After Effects Animation Tutorial

Поділитися
Вставка
  • Опубліковано 1 жов 2024

КОМЕНТАРІ • 285

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

    Check out Jess' new video, The Principles of Motion Design: ua-cam.com/video/0N0NHlvMEWs/v-deo.html

  • @VisionbyNoble
    @VisionbyNoble 6 місяців тому +15

    From someone that isn't good at drawing.... she made me feel that I can create whatever I want from what I imagine. This has much value. I'll be closely related to her videos, and social media.

  • @longbttms4255
    @longbttms4255 Рік тому +39

    This was a super helpful tutorial!! I started using AE a couple years ago to make transition videos and fan edits, but this video introduced a whole new world of both AE and Ai to me. Thank you so much, and I can't wait to start making my own motion designs :))

  • @sophiehowie2640
    @sophiehowie2640 Рік тому +193

    I have used Adobe Illustrator for the past 4 years, so I am not a beginner in this program, however I am new to After Effects. This video is apparently for 'Beginners' but I can tell you it is most certainly not for beginners. Jess is clearly familiar with both programs, and because of this, assumes that you are too. If you are a beginner in either program you will find it very overwhelming when many many things are assumed by Jess. Such as what colours to use, the dimensions of the page, the units of measurement used, shortcuts and what each button does. You are never given any dimensions for the image you are creating and are just supposed to eyeball it. This video took much longer than 1 hour to complete as I had to replay sections numerous times to catch Jess' quick, sudden movements. Jess also seemed to be figuring out steps as she went, which resulted in more work than necessary for both herself and the viewer. Along with jump-cuts which cut out important information, such as keeping the grey background separate from the sticker (which causes problems later on when you spin the image or create a 'sticker' animation). I did finish the video and end up with the desired result, but the journey was certainly not enjoyable or easy. Almost took me back to the frustration I felt during the last year of my Bachelor's Degree. Sometimes you are better just to teach yourself.

    • @michaelandrade3321
      @michaelandrade3321 Рік тому +9

      Yeah I felt this

    • @PridaridayMiketew
      @PridaridayMiketew Рік тому +14

      its ok ur doing great! it took me two hours to recreate the orange but i ended up making a dog which was fun!

    • @xpressxclusive
      @xpressxclusive Рік тому +10

      I know the feeling it’s just a little fast paced for me but that’s the advantage of having the vid cause u can always go back and replay a section

    • @thymick5581
      @thymick5581 Рік тому +31

      Hello... Thanks anyway... I think your Bachelor Degree did not teach you to be polite. Try a Master Degree. Make video is not easy, maybe other people managed to do what this video shows and helps them, why so much anger

    • @irisiris82799
      @irisiris82799 Рік тому +5

      Thanks for the heads up!! Esp detailing which part is missing 👍🏻 Helps w/ setting the right expectations for this vid. Gonna check out some absolute beginner 101 before coming back to this!! Just had a suuuper frustrating self learning with the donut blender video (was fuming 🙈🙈) 🤣 really can’t handle another one thts out of my reach so soon

  • @Evie_Ruby
    @Evie_Ruby 2 місяці тому +1

    If you import a file from illustrator, make sure to import it as a composition instead of footage because it will appear as one flat object which is not helpful.

  • @theworst5820
    @theworst5820 3 місяці тому +5

    As a complete beginner at adobe, I'm glad such accessible tutorials like these exist. It rlly helps to follow a professionals workflow as a guide.
    But it would have rlly helped to have keyboard shortcuts used on screen. I tend to get hardstuck very frequently on certain parts.
    Like the using the transform tool on the eye, couldn't figure out how ot what shortcuts used to drag out on top and bottom points at the same time. And just resorted to using the anchor tool manually on all points.

  • @frenzysplash9405
    @frenzysplash9405 2 місяці тому +1

    When I import my file , my illustration goes bright and looks different to my illustration on illustrator - why’s this the case?

  • @BenSussmanpro
    @BenSussmanpro 8 місяців тому +8

    I’m new to AE & animation and your process appears quite intricate. How you go thru the process and explain all of it in only an hour is just incredible! It’s gonna take me hours to learn each cog in the wheel, but you explained everything in such good detail - thanks!!

  • @Mr.agniva
    @Mr.agniva Рік тому +9

    Badly needed

  • @a1videoprod
    @a1videoprod Рік тому +13

    i appreciate you making this but found it difficult to keep up. Our illustrator layouts don't look the same so it would have been nice to make sure ours looked the same when beginning. I appreciate you treating me like i know what I'm doing but I don't and thats why I was watching this tutorial. Also found it difficult to keep pace without knowing what buttons you are clicking. Some other tutorials include a graphic in the button left or right that indicate if a key is being clicked so we can follow short cuts.

    • @TutsPlusTom
      @TutsPlusTom Рік тому +3

      Thanks for the feedback on this one, we're working on some more beginner motion design tutorials and always want to make sure we're doing our best to get the methods across so I'll take this on board and we'll try to spell things out a bit more on the next one!
      As someone currently learning, is there anything that you're really keen to get more of an understanding of when it comes to motion design?

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

      When I started AE, AI, PS and the rest, I bought keyboard covers for each program. They've got all the hot keys and shortcuts on them, color coded. Used them for years. It really doesn't take long before even four-key shortcuts are unconscious though. Most useful key for tutorials, however, is the space bar. Try that first.

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

      Agreed, seems more of an intermediate level type of tutorial

  • @pauline-fr6wh
    @pauline-fr6wh 14 днів тому +2

    Thank you for not using background music. I was able to focus on the advices which were very helpful!

  • @antoinebeauchamp7361
    @antoinebeauchamp7361 Рік тому +23

    One of the best tutorials I've ever watched! Amazing job :)

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

    I'm struggling to make the hand where there are gaps in the fill layer. And you just happened to skip that bit of the tutorial.. Not sure why lol. Any help would be appreciated!

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

    why not trace the hand from the logo, instead downloading a pack of different hands, just a bit confused

  • @JetSetPizza
    @JetSetPizza Рік тому +36

    fellow australian this is awesomeeeeeeeeeeee
    the tools are so cohesive and powerful now, makes me excited to apply animation to things im working on ! thanks
    im working on using illustration in design as a graphic designer- but i notice 3d and animation trends are hitting and its something i always liked back in school but it was not nearly as accessible for me

  • @michaelandrade3321
    @michaelandrade3321 Рік тому +6

    This is great but it feels more like a follow along than a tutorial, and most follow alongs always skip something seemingly minor but end up frustrating the hell out of me when I try to imitate. Would love to see a hotkey displayer or something like that.
    Short story shorter: You're going to get frustrated

  • @3dtechnik
    @3dtechnik 6 місяців тому +12

    This is one of the best graphics/animation tutorials I've seen in a while. Great and direct explanations, happy tone and no self-centered advertisements. This is awesome!

  • @GuyunZhongli-ow4ti
    @GuyunZhongli-ow4ti Рік тому +1

    I used Illustrator for quite some years so it was easy to follow thru but Im a total noob to AE and I find it hard to follow thru, really losing my mind here

  • @atnafuabebe5889
    @atnafuabebe5889 Рік тому +5

    I cant wait to join you guys! Please inform us the time and we will convert it to our time zone so that we can rearrange our program

  • @nadeesharathnayake9181
    @nadeesharathnayake9181 Рік тому +9

    we want more tutorials like these envato😍

  • @noahgels7292
    @noahgels7292 9 місяців тому +2

    I'm at 8 Minutes and I feel like I already learned more than in 13 years of school. Very nice video, already a happy user of your stock platform!

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

    For a beginner AE, this is too fast. I didnt understand what btn or why you were pressing them either. :(

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

    This is not beginners tutorial because she is assuming half of the things. Which a beginner will certainly not no.

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

    It seems common practice for Ae tutorials not to show how to export your file, do I use the render tab in after effects or do I export using Media Encoder? How do I get the transparent background? Your tutorial, like most similar tutorials leave the beginner wondering what now.

  • @Amelianz
    @Amelianz 2 місяці тому +1

    Omg! I really loved this tutorial, it is so clear and Jess is explaning step by step that there is no way to get lost! Thank you so much, for such valuable content, I learned a lot! ❤

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

    a good tutorial but a bit too fast for "beginner" level

  • @stephanzammit
    @stephanzammit Рік тому +3

    From a fellow Envato Author.
    Great video!
    Includes a lot of detail! 👏

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

    Artists: Steve Gavan, Lauren Martin, Yeye Weller, Adam the illustrator

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

    Is it such a fashion in America now, to add a rasp in your voice?

  • @tariqalexanderwaheed476
    @tariqalexanderwaheed476 Рік тому +10

    I really love this tutorial 🙂 I like things where I can learn from workflows of different Motion Artists.

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

    41:12
    "which is not where arms rotate from 😂"
    Thank you! Now I will never forget to set my anchor points for animation :)

  • @ParadoxIsPlaying
    @ParadoxIsPlaying Рік тому +3

    Genuinely speaking , I am a professional graphic designer and a video editor ....... I was looking for a vid to get me started with motion graphics ....This was hands down the best one I have seen

  • @denisehodges6257
    @denisehodges6257 Рік тому +4

    I’ve used Ai for over 30 yrs and I’ve learned several things from your workflow process

  • @AnthonyMartinez-pk5fg
    @AnthonyMartinez-pk5fg Рік тому +1

    thanks for creating this video. however this definitely is not a beginners video because there is not enough teaching on the fundamentals of how things work in a true beginners video. But I'll subscribe and look out for your future content and I look forward to it.

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

    why can't I separate my Adobe Illustrator files into layers in After Effects?

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

    "What else does an orange have on its face? Probably a nose" - fantastic tutorial with great style and pacing, thanks :)

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

      This part makes me chuckle every time!

  • @Evie_Ruby
    @Evie_Ruby 2 місяці тому

    pen tool (continuing path after path has been closed
    Round corners got cut off after expanding a curve
    17:14

  • @angelosang.5423
    @angelosang.5423 Рік тому +4

    Loved this tutorial! Also loved that there's no music so I could put the one I wanted :D

  • @motemedia4309
    @motemedia4309 Рік тому +9

    I love this workflow. Thank you! 😊

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

    I don't know anything about this two apps, can I still do this tutorial(beginner )

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

    If you get really annoyed animating individual layers while everything else isn't visible, you're not alone. It's always going to be annoying.

  • @55shamim
    @55shamim 19 днів тому

    Madam, This is Great job ...................... Thanks is not enough.................

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

    I’m a novice I don’t know if you can help with online classes … please

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

    वीडियो 📽 से भी ज्यादा आपकी मुस्कान 🧏‍♀प्यारी है....❣

  • @GraceFile
    @GraceFile 8 днів тому

    For the sticker back, you can actually just select None in the drop down menu and then change the background color in the color box.

    • @envatotuts
      @envatotuts  6 днів тому +1

      Hi! That's a great tip for adjusting the sticker back! Thanks for sharing! 😊
      Cheers!

  • @adiesyiahnoor172
    @adiesyiahnoor172 2 місяці тому

    Drawing eyes: creating layers for animation --> in this part I can't do it. every time I pull the shape down after pressing E, the shape is not the same as in the video. the shape is not oval but flat. can you provide a solution?

    • @envatotuts
      @envatotuts  2 місяці тому

      Hi! This might help:
      Selection: Make sure you have the shape selected before using the Transform tool.
      Constrain Proportions: When you pull the shape to scale it, hold down the Shift key. This constrains the proportions, ensuring the shape remains oval and doesn't get flattened.
      Transform Panel: For precise control, you can use the Transform panel (Window > Transform). Here, you can input exact width and height values to maintain proportions.
      Direct Selection Tool: If the shape still doesn't look right, use the Direct Selection Tool (A) to adjust the individual anchor points of the shape.
      Undo and Try Again: If you make a mistake, use Ctrl + Z (Windows) or Cmd + Z (Mac) to undo and try again.
      Cheers!

  • @brisapena3323
    @brisapena3323 Рік тому +6

    Such a great tutorial!!! I started using AE only a year ago and haven't worked in it in a bit, this was a great refresher and I learned new stuff too. Thank you so much for this tutorial!

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

    Nice tutorial, very helpful. Thanks! God bless you!

  • @journeyofadigitalartist5021
    @journeyofadigitalartist5021 8 місяців тому

    could you please recommend specifications for my new computer? I'm struggling with a 12 gb computer.

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

    Cool and helpful tutorial, but one think i missed. And I think its really important... How can I export my Animation? How can I export an Movie /GIF or what ever?

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

    Rafael Correia, is from Brazil designer. I love this workflow. Thank you!

  • @muyideenolashile3593
    @muyideenolashile3593 Рік тому +4

    Thank you envato

  • @Jenan-q9q
    @Jenan-q9q Рік тому +1

    what name of this illustration ??

  • @xyzgaming7917
    @xyzgaming7917 8 місяців тому

    Love the video! Just one question, wouldn't it be best to change all the AI files into vector shapes in AE straight away? Is there a particular reason for leaving the files as illustrator files in the animation? Thanks x

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

    Everything is awsome, but please get rid of those creaking intonations in your voice, sometimes they are just terribly annoying, and it's difficult to perceive what you say((

  • @barkahisme
    @barkahisme Рік тому +5

    this is amazing! stright to the point and clear, thank you for the amazing work!

  • @natashamaritz7412
    @natashamaritz7412 5 місяців тому

    This was a FANTASTIC tutorial. BUT how do I save this now? x

  • @Evie_Ruby
    @Evie_Ruby 2 місяці тому

    Option shift - scale down from middle
    transform e is useful when you only want to scale down certain anchor points (I think)

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

    I liike your work and style, u keep it very simple and basic
    Please make tutorial on kinetic Ttyypograhy

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

    Great tutorial! Thank you! Here are two things that I know for sure: I will learn or I will fall in love. Or maybe both. No matter, I will start following you!

  • @notpermanent-wu7tu
    @notpermanent-wu7tu Рік тому

    Keep up the good work man. You deserve subscribe and a like, Thank you dude.

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

    Very good content of. Vedio. Informative. Thank u for sharing it.

  • @m.asifhussain1730
    @m.asifhussain1730 Рік тому

    youre so beautiful ma'am I love you.

  • @alok-desai
    @alok-desai 4 місяці тому

    Exactly what I was looking for. Thank you so much.

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

    thanks bro..sub and like

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

    my shape builder tool is not working. please help me...i don't know why.. its not working, but when i select the tool it shows me the arrow with a no symbol circle... is that mean i can't use this tool in my pc?

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

    I'm using an older version of illustrator and I can't simplify the pill shape in the way seen in the video. Is there another way to join the paths?

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

    Very informative video, im a beginner and i think you moving too fast, please tell us other alternatives instead of using shortcuts

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

    it is easy if you are in the developer mode

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

    I am a newbie who is curious about graphics and animation and would like to do it myself. This video gives me an initial insight into the logic of the process. I'm glad to receive valuable information, thanks a lot for sharing!💯👍👍👍

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

    Why didn't you use shape builder tool in 00:20:12 ? i think it had been easy from pathfinder.

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

    Nice, in the first 5 seconds you basically told me, I am not really allowed to watch the video

  • @werqaferaw
    @werqaferaw 4 дні тому

    sat down for 3 hours but beaten all my fears of after effects. worth it!

    • @envatotuts
      @envatotuts  4 дні тому

      Hi! That's fantastic to hear! Glad you pushed through and found it worth the time. Keep it up! 💪
      Cheers!

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

    The masking didn't work. The image looks hazy cuz of the texture on top of it after I clicked multiply. What do I do? i used an image downloaded from Pinterest.

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

    Looking forward to it!

  • @mm.ontana
    @mm.ontana Рік тому

    i was just at the start of the video, and i was already like no! im just an architect who wants something different!

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

    Very nice! what's your full name Jess?

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

    Animation starts from 38:54

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

    Amazing skill and beautiful work

  • @Evie_Ruby
    @Evie_Ruby 2 місяці тому

    51:39

  • @Evie_Ruby
    @Evie_Ruby 2 місяці тому

    48:30

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

    i have 17 year subscription Thank you so much !!!! I subs to you and like

  • @Evie_Ruby
    @Evie_Ruby 2 місяці тому

    38:52

  • @Evie_Ruby
    @Evie_Ruby 2 місяці тому

    35:42

  • @Evie_Ruby
    @Evie_Ruby 2 місяці тому

    34:31

  • @Evie_Ruby
    @Evie_Ruby 2 місяці тому

    31:39

  • @Evie_Ruby
    @Evie_Ruby 2 місяці тому

    28:35

  • @Evie_Ruby
    @Evie_Ruby 2 місяці тому

    16:25

  • @Evie_Ruby
    @Evie_Ruby 2 місяці тому

    21:13

  • @Evie_Ruby
    @Evie_Ruby 2 місяці тому

    19:40

  • @Evie_Ruby
    @Evie_Ruby 2 місяці тому

    14:33

  • @Evie_Ruby
    @Evie_Ruby 2 місяці тому

    12:11

  • @Evie_Ruby
    @Evie_Ruby 2 місяці тому

    7:20

  • @Evie_Ruby
    @Evie_Ruby 2 місяці тому

    3:22

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

    which format do you use to save your artwork for animation please
    ?

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

    yeap!

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

    Thank you so much for this amazing tutorial! 😇❤

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

    I nearly didn't watch this because the subject, a very bright ghastly label, was not at all appealing. (I'm a 69 year old nerd. I hope to use Ai (etc) for much more subtle, maybe technical, designs.) HOWEVER: I'm so glad I watched. I learned so much. 👍 You should get commission from Adobe as I'm about to buy their stupidly expensive CCloud. Your coverage of Ai -> Ae is great and has made me much less scared of Ae.
    You've got the usual comments from people who are too lazy to pause or go back a few seconds. The pace is completely subjective to the person watching. I'm not a beginner, but I have used Ai very little - the pace was right for me. It's tempting to criticise the style of the workflow/presentation - I don't think I'll be working like that, but it's always good to see how someone else works and works very effectively.
    I've been looking for Ai tutorials for technical drawing (diagrams etc), but there seems to be very little available - suggestions welcome 🤓. Many (many) years ago I found Ai so frustrating that it didn't work like CorelDraw 😆.

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

      You can try out our Illustrator course: ua-cam.com/video/Ib8UBwu3yGA/v-deo.html

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

    As a beginner in after effects I was completely lost almost soon as the after effects part of the tutorial started.

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

    Wow...I'm so not leaving here...Lfg✨🚀