Motion Design for Beginners | Illustrator & After Effects Animation Tutorial
HTML-код
- Опубликовано: 3 июн 2024
- Learn how to animate in Illustrator and After Effects in this motion design course for beginners.
Find all the Envato Elements trending fonts and assets used in this video here: elements.envato.com/collectio...
Are you a graphic designer looking to add a little motion to your characters? Or maybe you're an animator who wants to learn how to create your own designs in Illustrator.
Either way, this course has something for you. Join professional graphic designer and animator Jess Riley as she takes you through her round trip from creating a custom graphic design in Adobe Illustrator to animating it with some cute movement in After Effects-and we're doing this without any plugins!
00:00:00 Intro
00:01:11 Getting started: design inspiration
00:02:02 Creating your character in Illustrator
00:03:01 Drawing eyes: creating layers for animation
00:08:18 Drawing facial features
00:13:08 Drawing hands: quick tips and shortcuts!
00:17:23 Creating highlights and shadows
00:24:09 Creating the rest of the sticker: type on a path tool
00:32:33 Giving the sticker some texture!
00:33:22 Getting our layers ready for After Effects
00:38:55 Moving over from Illustrator to After Effects
00:39:30 Importing your Illustrator file into After Effects
00:40:25 Fixing any small issue on your layers
00:40:51 Parenting layers
00:43:01 Animating the eyes
00:50:30 Animating the sticker background and text layers
00:51:33 Animating the thumbs up!
00:59:10 Creating the sticker peel animation
01:03:30 Using posterize time to create old school animated motion
► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?...
Learn more about After Effects animation in our free course: • How to Animate in Afte...
Read free motion design tutorials on Envato Tuts+: tutsplus.com/tutorials/search...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?...
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: elements.envato.com/?...
► Subscribe to Envato Tuts+ on RUclips: / tutsplus
► Follow Envato Tuts+ on Twitter: / tutsplus
► Follow Envato Tuts+ on Facebook: / tutsplus
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Check out Jess' new motion design tutorial: ruclips.net/video/Dhzwc7qL9cM/видео.html
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
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.
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!
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!!
I really love this tutorial 🙂 I like things where I can learn from workflows of different Motion Artists.
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 :))
Glad you liked it!
One of the best tutorials I've ever watched! Amazing job :)
Glad you liked it!
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!💯👍👍👍
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!
Glad it was helpful!
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
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.
I’ve used Ai for over 30 yrs and I’ve learned several things from your workflow process
we want more tutorials like these envato😍
this is amazing! stright to the point and clear, thank you for the amazing work!
You're very welcome!
I love this workflow. Thank you! 😊
Glad you like it!
Exactly what I was looking for. Thank you so much.
Working ! Thank you so much. Very easy and without errors
this was a fantastic lesson. thank you. so clear, easy to follow. learned a lot as an AE newbie.
You're very welcome!
I love this workflow. Thank you!👏💕
Glad you like it!
Thank you so much for this amazing tutorial! 😇❤
This tutorial is so helpful. Thank you!
THIS SAVED MY LIFE! I'M ETERNALLY GRATEFUL!
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!
Such a good teacher and tutorial. Thank you!
I was just wondering how to do this too, This is great!
This was amazing. I learned so many things!
Loved this tutorial! Also loved that there's no music so I could put the one I wanted :D
Glad you liked it!!
Always loved envato courses. Thank you!
Glad you like them!
Excelente producción!
From a fellow Envato Author.
Great video!
Includes a lot of detail! 👏
Awesome, thank you!
works like a charm. Many many thanks
OMG This is so Great!
Thank you for making this.
I'm designer but I learned a lot from this!
Glad it was helpful!
Looking forward to it!
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
Great to hear!
love this workflow tyyyy
Thank you very much for this information. I needed it very much
Thank you for sharing! It is really helpful
Love this. Thank you.
Amazing skill and beautiful work
This is such a great tutorial! Thank you !!!
Glad you liked it!!
This is so nice to watch and learn. Thank you Envato
Glad you enjoyed it!
Muchas gracias!El mejor!
amazing, im a first year design student and this was such a good tut :)!
Awesome! Thank you!
Amazing tutorial thank you!! :))
This is a beautiful tutorial. Thank You.
You’re welcome 😊
41:12
"which is not where arms rotate from 😂"
Thank you! Now I will never forget to set my anchor points for animation :)
Thank you for share ♥
love this workflow!
Glad you like it!
Great tutorial. Could you please explain what exactly does expand appearance do in Illustrator?
this is so helpful thank you!
You are clever. Thank you for your creative tutorial.
Gracias muchos my friend this was above and beyond
Nice tutorial, very helpful. Thanks! God bless you!
Glad it was helpful!
this was amazing!
Great tut ✌️
seriously great tutortial!!
I love this video so much
Gracias!
Loved this tutorial! Thanks!
Glad it was helpful!
Very nicely explained...thanks a ton :)
Glad you liked it
Thank u so much 😊
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!
This was a FANTASTIC tutorial. BUT how do I save this now? x
"What else does an orange have on its face? Probably a nose" - fantastic tutorial with great style and pacing, thanks :)
This part makes me chuckle every time!
Rafael Correia, is from Brazil designer. I love this workflow. Thank you!
Glad you like it!
IT'S ALWAYS THE UNDERRATED VID THAT'S LEGIT! THANK YOU!
I'm glad you like it
So awesome, so helpful! Thank you!!
You're so welcome!
Amazing Tutorial!
Glad it was helpful!
Love the workflow, Thank you 💕
You're so welcome!
thanks a lot BRO you saved my life
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.
Yeah I felt this
its ok ur doing great! it took me two hours to recreate the orange but i ended up making a dog which was fun!
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
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
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
Great tutorials 🤩Thank you! More!
Glad you like them!
i love this tutorial thanks!!!!
Glad it was helpful!
Keep up the good work man. You deserve subscribe and a like, Thank you dude.
Very elegant💎💎💎
Cant wait
fricking amazing, I learned a lot! thank you!!
You're very welcome!
loved it
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.
Very useful video please more video like this
Thank you envato
No problem
great job bro
Thank you❤
so cute! im just getting started with adobe so im excited to start creating
Nice work!
Thank you! Cheers!
thanks a lot i dont know why your video didn't came before.thanks bro.really
Welcome 👍
01:02:32 Time Remapping! oh man i coulda used this in the past. Great tutorial btw. 🤘🏼
Glad it helped!
❤❤❤ thankyou so much very helpful 😊
You're welcome 😊
THANKS IT WORKS
your the best!!! thx!!!
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
Very good content of. Vedio. Informative. Thank u for sharing it.
Thank you
this was so so helpful !!!!!!!!!!!! thnk u
Glad it was helpful!
thank you
Ой, ну что за красотка! Я в восторге!
Hello! How do you paste in the same area but in different layer? thanks!
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.
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?
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.
Agreed, seems more of an intermediate level type of tutorial
amazing job
Thank you! Cheers!
which format do you use to save your artwork for animation please
?