Beginner Motion Design with Illustrator & After Effects 🎨
Learn to animate using Illustrator and After Effects. Includes trending fonts and assets for beginners' motion design.

Envato Tuts+
1.1M views • Jan 18, 2023

About this video
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/79YA5FBMXV?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: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
► Read more on Envato Tuts+: https://photography.tutsplus.com/motion-design-for-beginners--ytc-50c?utm_campaign=yt_tutsplus_3JB5BQfcIQc&utm_medium=referral&utm_source=youtube.com&utm_content=description
► 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 on X: https://twitter.com/envato
► Follow Envato on TikTok: https://www.tiktok.com/@envato
► Follow Envato on Instagram: https://www.instagram.com/envato/
► Follow Envato on Facebook: https://www.facebook.com/envato
► Explore Envato's full stack of AI tools, all included in your subscription: https://labs.envato.com/?utm_campaign=yt_tutsplus_3JB5BQfcIQc&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Find all the Envato Elements trending fonts and assets used in this video here: https://elements.envato.com/collections/79YA5FBMXV?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: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
► Read more on Envato Tuts+: https://photography.tutsplus.com/motion-design-for-beginners--ytc-50c?utm_campaign=yt_tutsplus_3JB5BQfcIQc&utm_medium=referral&utm_source=youtube.com&utm_content=description
► 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 on X: https://twitter.com/envato
► Follow Envato on TikTok: https://www.tiktok.com/@envato
► Follow Envato on Instagram: https://www.instagram.com/envato/
► Follow Envato on Facebook: https://www.facebook.com/envato
► Explore Envato's full stack of AI tools, all included in your subscription: https://labs.envato.com/?utm_campaign=yt_tutsplus_3JB5BQfcIQc&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Tags and Topics
Browse our collection to discover more content in these categories.
Video Information
Views
1.1M
Likes
33.1K
Duration
01:05:21
Published
Jan 18, 2023
User Reviews
4.8
(220) Related Trending Topics
LIVE TRENDSRelated trending topics. Click any trend to explore more videos.