Motion Design for Beginners | Illustrator & After Effects Animation Tutorial

Поделиться
HTML-код
  • Опубликовано: 3 дек 2024

Комментарии • 293

  • @envatotuts
    @envatotuts  8 месяцев назад +6

    Check out Jess' new video, The Principles of Motion Design: ruclips.net/video/0N0NHlvMEWs/видео.html

  • @3dtechnik
    @3dtechnik 8 месяцев назад +15

    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!

  • @sophiehowie2640
    @sophiehowie2640 Год назад +209

    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 Год назад +16

      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 Год назад +11

      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

    • @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

    • @GLORYBOYY
      @GLORYBOYY Год назад +3

      I would say this is actually beginner level. I’ve used illustrator for some time enough to learn the basic which are finding out what does what blah blah, a bit of shortcuts. I consider that at least to be beginner level.

  • @BenSussmanpro
    @BenSussmanpro 10 месяцев назад +9

    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!!

  • @theworst5820
    @theworst5820 5 месяцев назад +6

    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.

  • @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

  • @pauline-fr6wh
    @pauline-fr6wh 2 месяца назад +5

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

  • @noahgels7292
    @noahgels7292 11 месяцев назад +4

    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!

  • @longbttms4255
    @longbttms4255 Год назад +40

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

  • @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

  • @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

  • @raghu.calligraphy
    @raghu.calligraphy 5 дней назад

    Amazing tutorial. The instructor's detailed explanation is just fantastic.

    • @envatotuts
      @envatotuts  4 дня назад +1

      Glad it was helpful!💚

  • @denisehodges6257
    @denisehodges6257 Год назад +4

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

  • @Werqspace
    @Werqspace 2 месяца назад +1

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

    • @envatotuts
      @envatotuts  2 месяца назад

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

  • @SimonGreenwoodUK
    @SimonGreenwoodUK Год назад +4

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

    • @Envato_Tom
      @Envato_Tom Год назад

      This part makes me chuckle every time!

  • @nadeesharathnayake9181
    @nadeesharathnayake9181 Год назад +9

    we want more tutorials like these envato😍

  • @Amelianz
    @Amelianz 5 месяцев назад +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! ❤

  • @antoinebeauchamp7361
    @antoinebeauchamp7361 Год назад +22

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

  • @itsamandaedison
    @itsamandaedison Месяц назад

    Definitely had to see the after effects part prior to trying the after effects part because some people had said it was a bit complicated to follow. It isn't the simplest of videos, but it not super difficult either. You need a basic understanding of what happens in after effects when certain options are used to have a quicker understanding of what is going. This was a fun tutorial to follow although I didn't get the exaaact same result :)

    • @envatotuts
      @envatotuts  Месяц назад

      Hi! We appreciate your insight! It’s great to hear that you found the tutorial fun, even if the results weren’t exactly the same. Every step in the learning process counts! Thanks for sticking with it and sharing your thoughts! Cheers!

  • @angelosang.5423
    @angelosang.5423 Год назад +4

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

  • @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!

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

  • @Antiacida
    @Antiacida Год назад

    THIS SAVED MY LIFE! I'M ETERNALLY GRATEFUL!

  • @muyideenolashile3593
    @muyideenolashile3593 Год назад +4

    Thank you envato

  • @Hamoae
    @Hamoae 8 месяцев назад

    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!

  • @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!💯👍👍👍

  • @RCSDesignTeclab
    @RCSDesignTeclab Год назад +1

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

  • @Evie_Ruby
    @Evie_Ruby 4 месяца назад

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

  • @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.

    • @Envato_Tom
      @Envato_Tom Год назад +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

  • @motemedia4309
    @motemedia4309 Год назад +9

    I love this workflow. Thank you! 😊

  • @stephanzammit
    @stephanzammit Год назад +3

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

  • @55shamim
    @55shamim 2 месяца назад

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

  • @arielli14
    @arielli14 Год назад

    This so thorough and clear!!!! Thank you so much for the tutorial, I love the soothing vibe of your narrative, it really help clam newbie who is frustrated as me.

  • @barkahisme
    @barkahisme Год назад +5

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

  • @STRAIGHTP
    @STRAIGHTP Год назад

    01:02:32 Time Remapping! oh man i coulda used this in the past. Great tutorial btw. 🤘🏼

  • @smlkmyg
    @smlkmyg 8 месяцев назад

    Amazing skill and beautiful work

  • @natashamaritz7412
    @natashamaritz7412 7 месяцев назад

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

  • @foggynights3079
    @foggynights3079 Год назад +2

    Looking forward to it!

  • @alok-desai
    @alok-desai 6 месяцев назад

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

  • @sengsoknin3342
    @sengsoknin3342 Год назад

    Working ! Thank you so much. Very easy and without errors

  • @DengYonnie
    @DengYonnie Год назад

    thanks a lot i dont know why your video didn't came before.thanks bro.really

  • @Evie_Ruby
    @Evie_Ruby 4 месяца назад +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.

  • @nancymannaerts9559
    @nancymannaerts9559 Год назад

    amazing, im a first year design student and this was such a good tut :)!

  • @paulowens1359
    @paulowens1359 Год назад

    what took Jess 2 hrs took me 2 days, mainly to absorb all the new tricks I learned

  • @REARFANG
    @REARFANG Год назад +1

    OMG This is so Great!
    Thank you for making this.
    I'm designer but I learned a lot from this!

  • @Melpal22
    @Melpal22 Год назад

    Such a good teacher and tutorial. Thank you!

  • @TheISOPatronne
    @TheISOPatronne 6 месяцев назад

    Thank you so much for this amazing tutorial! 😇❤

  • @onkar5404
    @onkar5404 6 месяцев назад

    Animation starts from 38:54

  • @springrolljacky
    @springrolljacky Год назад

    I was just wondering how to do this too, This is great!

  • @coppercomposer
    @coppercomposer Год назад

    Always loved envato courses. Thank you!

  • @elxaviben
    @elxaviben Год назад

    This was amazing. I learned so many things!

  • @saosomalen436
    @saosomalen436 8 месяцев назад

    Thank you for sharing! It is really helpful

  • @raquelalves769
    @raquelalves769 Год назад +2

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

  • @kygiaiuong9190
    @kygiaiuong9190 Год назад

    This tutorial is so helpful. Thank you!

  • @aoulmihichem5740
    @aoulmihichem5740 Год назад +2

    Thank you! I love this workflow. 👏

  • @wislainesantosdeoliveira8085
    @wislainesantosdeoliveira8085 Год назад

    thanks a lot BRO you saved my life

  • @m_antoni1157
    @m_antoni1157 Год назад

    works like a charm. Many many thanks

  • @amy_virgo_12
    @amy_virgo_12 Год назад

    so cute! im just getting started with adobe so im excited to start creating

  • @notpermanent-wu7tu
    @notpermanent-wu7tu Год назад

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

  • @abdullahaljalil5218
    @abdullahaljalil5218 7 месяцев назад

    Great tut ✌️

  • @anavaca7463
    @anavaca7463 Год назад

    Very elegant💎💎💎

  • @Evvns
    @Evvns Год назад

    IT'S ALWAYS THE UNDERRATED VID THAT'S LEGIT! THANK YOU!

  • @omaverick2870
    @omaverick2870 Год назад

    This is so nice to watch and learn. Thank you Envato

  • @slgraphics
    @slgraphics Год назад

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

  • @angelaallwine3273
    @angelaallwine3273 Год назад +15

    This was an interesting video. It was a good attempt to make a beginner tutorial with programs that are too complex to be considered "beginner" programs. I always find it interesting to see how other people use Illustrator and the tools that are available. Everyone uses them differently. I found the workflow to be chaotic since it was not nearly as organized as I would do things. Doing art in Illustrator is time consuming and small things can reduce the time, for example having a color palette ready instead of using eyedropper tools and searching for your colors can save time during the creation process. I think something to show what keys were being pushed would have been helpful. Keyboard shortcuts are used often in Illustrator. There are often many different ways to do one thing in Illustrator. I noticed that there were many tools she used that I rarely ever use. So, I think it is good for beginners to know that there are more ways than one to do something in Illustrator. Some ways are more frustrating or time consuming than others. I would have preferred if she had not been so fidgety since this was a tutorial. Continually moving things around and guestimating are not great in a tutorial. Some people like to know exact numbers for sizes, locations, etc. Fidgety is fine in a normal creation process but for a tutorial the viewer probably doesn't want to wait around for you to figure out where you want things and what size you want them. It is too much of a distraction for someone who is a beginner and trying to learn these programs. Illustrator is a frustrating program to learn and work with for a beginner, it isn't the type of program you can just jump into. So, a beginner tutorial creator needs to remember that beginners already feel overwhelmed and intimidated when using Illustrator. It would have been good to explain why she chose the tools and keyboard shortcuts that she chose since there are so many ways to do one thing in Illustrator. A beginner wants to know the "right" or "best" way of doing something and it helps them to know why a person chooses one option over another at times. If you are a beginner: There is no "right" way, there are just a ton of options for you to choose from and you have to decide which ones you like the best. I hope the person who made this tutorial makes more, but also takes a step back to be in the mind of a beginner so that she can adequately address their needs and concerns. It is difficult to take that step back when you are experienced but it is necessary. All in all, it was a good video that is more for advanced users rather than people just learning.

  • @_damnitdana
    @_damnitdana Год назад

    seriously great tutortial!!

  • @РаисаМаксимов
    @РаисаМаксимов Год назад

    Ой, ну что за красотка! Я в восторге!

  • @ivanalcantara1985
    @ivanalcantara1985 6 месяцев назад

    Excelente producción!

  • @MastersGraduate2023
    @MastersGraduate2023 Год назад

    You are clever. Thank you for your creative tutorial.

  • @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?

  • @zeynepdoganay559
    @zeynepdoganay559 11 месяцев назад

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

  • @dianekim8963
    @dianekim8963 Год назад

    this was amazing!

  • @texcialgraphics1299
    @texcialgraphics1299 Год назад

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

  • @stephaniegarcia5107
    @stephaniegarcia5107 Год назад

    Love this. Thank you.

  • @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!

  • @tangdynasty789
    @tangdynasty789 Год назад

    Thank you very much for this information. I needed it very much

  • @mavelynedzon3766
    @mavelynedzon3766 Год назад

    Very useful video please more video like this

  • @goodvibes9480
    @goodvibes9480 Год назад

    Muchas gracias!El mejor!

  • @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.

  • @ThePointPlay
    @ThePointPlay Год назад

    love this workflow tyyyy

  • @ni-A46631
    @ni-A46631 Год назад

    Glad to see a woman teaching after effects

  • @Dgaming_gamer
    @Dgaming_gamer Год назад +1

    I love this video so much

  • @Sangram-IND
    @Sangram-IND Год назад

    ❤❤❤ thankyou so much very helpful 😊

  • @Vethorzinho
    @Vethorzinho Год назад

    fricking amazing, I learned a lot! thank you!!

  • @Evie_Ruby
    @Evie_Ruby 4 месяца назад

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

  • @nadamagdi5566
    @nadamagdi5566 Год назад

    this is so helpful thank you!

  • @TineSeason
    @TineSeason Год назад

    You're a god.

  • @ReelNut
    @ReelNut Год назад

    Great tutorial. Could you please explain what exactly does expand appearance do in Illustrator?

  • @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.

  • @klonexofficial
    @klonexofficial Год назад

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

  • @kundanstatusofficial2939
    @kundanstatusofficial2939 Год назад

    THANKS IT WORKS

  • @dev_jono
    @dev_jono Год назад +1

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

  • @GraceFile
    @GraceFile 2 месяца назад

    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  2 месяца назад +1

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

  • @ochenjonah
    @ochenjonah Год назад

    Gracias muchos my friend this was above and beyond

  • @awelliwika
    @awelliwika Год назад

    Great tutorials 🤩Thank you! More!

  • @BeniYuuhi
    @BeniYuuhi Год назад

    Amazing tutorial thank you!! :))

  • @trigsart9279
    @trigsart9279 Год назад +1

    Cant wait

  • @laionpessoa1668
    @laionpessoa1668 Год назад

    So awesome, so helpful! Thank you!!

  • @muhammadhanifshahzad1853
    @muhammadhanifshahzad1853 Год назад

    great job bro