Motion Design for Beginners | Illustrator & After Effects Animation Tutorial



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: https://elements.envato.com/collections/XC3NK6RB9Z?utm_campaign=yt_tutsplus_3JB5BQfcIQc&utm_medium=referral&utm_source=youtube.com&utm_content=description

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 Intro
01:11 Getting started: design inspiration
02:02 Creating your character in Illustrator
03:01 Drawing eyes: creating layers for animation
08:18 Drawing facial features
13:08 Drawing hands: quick tips and shortcuts!
17:23 Creating highlights and shadows
24:09 Creating the rest of the sticker: type on a path tool
32:33 Giving the sticker some texture!
33:22 Getting our layers ready for After Effects
38:55 Moving over from Illustrator to After Effects
39:30 Importing your Illustrator file into After Effects
40:25 Fixing any small issue on your layers
40:51 Parenting layers
43:01 Animating the eyes
50:30 Animating the sticker background and text layers
51:33 Animating the thumbs up!
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: https://elements.envato.com/?utm_campaign=yt_tutsplus_3JB5BQfcIQc&utm_medium=referral&utm_source=youtube.com&utm_content=description

Learn more about After Effects animation in our free course: https://www.youtube.com/watch?v=XNhxpOT8FMg

Read free motion design tutorials on Envato Tuts+: https://tutsplus.com/tutorials/search/motion+design?utm_campaign=yt_tutsplus_3JB5BQfcIQc&utm_medium=referral&utm_source=youtube.com&utm_content=description

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt_tutsplus_3JB5BQfcIQc&utm_medium=referral&utm_source=youtube.com&utm_content=description

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: https://elements.envato.com/?utm_campaign=yt_tutsplus_3JB5BQfcIQc&utm_medium=referral&utm_source=youtube.com&utm_content=description

► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus
► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

Duration: 01:05:21

source