Motion Design for Beginners | Illustrator & After Effects Animation Tutorial

Рет қаралды 873,805

Күн бұрын

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 KZfaq: / tutsplus
► Follow Envato Tuts+ on Twitter: / tutsplus
► Follow Envato Tuts+ on Facebook: / tutsplus
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Пікірлер: 245

@envatotuts 2 ай бұрын

Check out Jess' new motion design tutorial: kzfaq.info/get/bejne/es6qqsZo1rKdk4E.html

@3dtechnik 2 ай бұрын

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!

@VisionbyNoble 2 ай бұрын

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.

@BenSussmanpro 4 ай бұрын

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

@longbttms4255 11 ай бұрын

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

@envatotuts 11 ай бұрын

Glad you liked it!

@antoinebeauchamp7361 Жыл бұрын

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

@envatotuts Жыл бұрын

Glad you liked it!

@JetSetPizza Жыл бұрын

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

@tariqalexanderwaheed476 Жыл бұрын

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

@nadeesharathnayake9181 Жыл бұрын

we want more tutorials like these envato😍

@barkahisme Жыл бұрын

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

@envatotuts Жыл бұрын

You're very welcome!

@brisapena3323 Жыл бұрын

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!

@envatotuts Жыл бұрын

Glad it was helpful!

@motemedia4309 Жыл бұрын

I love this workflow. Thank you! 😊

@envatotuts Жыл бұрын

Glad you like it!

@atnafuabebe5889 Жыл бұрын

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

@arielli14 8 ай бұрын

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.

@marcoschin3306 Жыл бұрын

this was a fantastic lesson. thank you. so clear, easy to follow. learned a lot as an AE newbie.

@envatotuts Жыл бұрын

You're very welcome!

@denisehodges6257 Жыл бұрын

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

@HANA_DIY Жыл бұрын

I love this workflow. Thank you!👏💕

@envatotuts Жыл бұрын

Glad you like it!

@jerryliao924 Жыл бұрын

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

@sengsoknin3342 9 ай бұрын

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

@Antiacida Жыл бұрын

THIS SAVED MY LIFE! I'M ETERNALLY GRATEFUL!

@hithere813 Жыл бұрын

Always loved envato courses. Thank you!

@envatotuts Жыл бұрын

Glad you like them!

@REARFANG Жыл бұрын

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

@envatotuts Жыл бұрын

Glad it was helpful!

@Melpal22 Жыл бұрын

Such a good teacher and tutorial. Thank you!

@stephanzammit Жыл бұрын

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

@envatotuts Жыл бұрын

Awesome, thank you!

@kygiaiuong9190 9 ай бұрын

This tutorial is so helpful. Thank you!

@angelosang.5423 Жыл бұрын

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

@envatotuts Жыл бұрын

Glad you liked it!!

@TheISOPatronne 18 күн бұрын

Thank you so much for this amazing tutorial! 😇❤

@springrolljacky Жыл бұрын

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

@elxaviben 7 ай бұрын

This was amazing. I learned so many things!

@alokdesaimusic 13 күн бұрын

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

@foggynights3079 Жыл бұрын

Looking forward to it!

@m_antoni1157 9 ай бұрын

works like a charm. Many many thanks

@ParadoxIsPlaying Жыл бұрын

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

@envatotuts Жыл бұрын

Great to hear!

@tangdynasty789 Жыл бұрын

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

@noahgels7292 5 ай бұрын

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!

@omaverick2870 Жыл бұрын

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

@envatotuts Жыл бұрын

Glad you enjoyed it!

@ElleStocks Жыл бұрын

This is such a great tutorial! Thank you !!!

@envatotuts Жыл бұрын

Glad you liked it!!

@raquelalves769 Жыл бұрын

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

@envatotuts Жыл бұрын

Glad it was helpful!

@qiom.d Жыл бұрын

This is a beautiful tutorial. Thank You.

@envatotuts Жыл бұрын

You’re welcome 😊

@ThePointPlay Жыл бұрын

love this workflow tyyyy

@stephaniegarcia5107 9 ай бұрын

Love this. Thank you.

@saosomalen436 2 ай бұрын

Thank you for sharing! It is really helpful

@samuelyeung9263 2 ай бұрын

Amazing skill and beautiful work

@BeniYuuhi Жыл бұрын

Amazing tutorial thank you!! :))

@nhealthlifestyle Жыл бұрын

Very nicely explained...thanks a ton :)

@envatotuts Жыл бұрын

Glad you liked it

@SimonGreenwoodUK 8 ай бұрын

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

@TutsPlusTom 8 ай бұрын

This part makes me chuckle every time!

@atomlnwza Жыл бұрын

Thank you for share ♥ love this workflow!

@envatotuts Жыл бұрын

Glad you like it!

@ivanalcantara1985 20 күн бұрын

Excelente producción!

@wislainesantosdeoliveira8085 9 ай бұрын

thanks a lot BRO you saved my life

@kat5702 11 ай бұрын

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

@ochenjonah 10 ай бұрын

Gracias muchos my friend this was above and beyond

@mantis976 Жыл бұрын

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

@envatotuts Жыл бұрын

I'm glad you like it

@bluesky-zt5fz Жыл бұрын

Thank u so much 😊

@Dgaming_gamer Жыл бұрын

I love this video so much

@nadamagdi5566 Жыл бұрын

this is so helpful thank you!

@nancymannaerts9559 Жыл бұрын

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

@envatotuts Жыл бұрын

Awesome! Thank you!

@MastersGraduate2023 6 ай бұрын

You are clever. Thank you for your creative tutorial.

@goodvibes9480 9 ай бұрын

Muchas gracias!El mejor!

@muyideenolashile3593 Жыл бұрын

Thank you envato

@envatotuts Жыл бұрын

No problem

@gabrielanavarro6512 Жыл бұрын

Loved this tutorial! Thanks!

@envatotuts Жыл бұрын

Glad it was helpful!

@dianekim8963 Жыл бұрын

this was amazing!

@_damnitdana 6 ай бұрын

seriously great tutortial!!

@notpermanent-wu7tu 9 ай бұрын

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

@jackatsu7386 Жыл бұрын

Love the workflow, Thank you 💕

@envatotuts Жыл бұрын

You're so welcome!

@laionpessoa1668 11 ай бұрын

So awesome, so helpful! Thank you!!

@envatotuts 11 ай бұрын

You're so welcome!

@Hamoae 2 ай бұрын

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!

@trigsart9279 Жыл бұрын

Cant wait

@grissvazquez8397 Жыл бұрын

i love this tutorial thanks!!!!

@envatotuts Жыл бұрын

Glad it was helpful!

@naseebullah Жыл бұрын

Amazing Tutorial!

@envatotuts Жыл бұрын

Glad it was helpful!

@awelliwika Жыл бұрын

Great tutorials 🤩Thank you! More!

@envatotuts Жыл бұрын

Glad you like them!

@AqwaQwakks Жыл бұрын

loved it

@kundanstatusofficial2939 9 ай бұрын

THANKS IT WORKS

@user-rq2lv6ln5b 6 ай бұрын

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

@anavaca7463 Жыл бұрын

Very elegant💎💎💎

@mdshibli1009 Жыл бұрын

Thank you

@rezadamadi7584 10 ай бұрын

Thank you❤

@lifeIharmony 9 ай бұрын

your the best!!! thx!!!

@user-zb2wo7dc3i 9 ай бұрын

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

@envatotuts 9 ай бұрын

Welcome 👍

@mavelynedzon3766 6 ай бұрын

Very useful video please more video like this

@Vethorzinho 11 ай бұрын

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

@envatotuts 11 ай бұрын

You're very welcome!

@kaelsalazar Жыл бұрын

here we go! :)

@mdpiyashossain3192 Жыл бұрын

Thanks a Billion

@sophiehowie2640 Жыл бұрын

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 Жыл бұрын

Yeah I felt this

@PridaridayMiketew Жыл бұрын

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 Жыл бұрын

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 Жыл бұрын

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 Жыл бұрын

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

@user-ly1fy5cf2c Жыл бұрын

I LOVE IT FROM EGYPT

@amy_virgo_12 Жыл бұрын

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

@RCSDesignTeclab Жыл бұрын

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

@envatotuts Жыл бұрын

Glad you like it!

@STRAIGHTP 11 ай бұрын

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

@envatotuts 11 ай бұрын

Glad it helped!

@ChalzArt 7 ай бұрын

thank you

@fmeell 9 ай бұрын

thankkkkkk youuuuu god bless youuuuuuu thank u thank u thank u so much

@davil0u Жыл бұрын

Thank you mam

@TheDJkarsy 11 ай бұрын

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!

@JasonLachance Жыл бұрын

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.

@ivanalcantara1985 20 күн бұрын

Gracias!