Explore a complete workflow from illustration to animation in Adobe Illustrator and After Effects.
If you've been wanting to get into animation, but haven't known where to start, this class is for you.
<img src="https://static.skillshare.com/uploads/discussion/tmp/4dbe1ebe.png" class="zoomable rounded-image-wrapper" alt="4dbe1ebe.png">
Have you been hesitant to get into animation because you didn't think you were good enough at drawing, or felt that the software was too intimidating?
What if I told you that you don't even really have to draw to illustrate? And that adding motion to your illustration is achievable, even if you've never opened After Effects before.
Using this winter cabin scene as an example, I'll show you my complete workflow starting from inspiration and planning through illustrating and animating. Here's what's covered:
<img src="https://static.skillshare.com/uploads/discussion/tmp/f28909aa.gif" class="zoomable rounded-image-wrapper" alt="f28909aa.gif">
You'll learn how to:
<ul>
<li>find inspiration yet still create a unique piece of work</li>
<li>organize your ideas into a moodboard</li>
<li>get ideas out of your head by sketching</li>
<li>use your sketch as a starting point for illustration</li>
<li>utilize basic shapes to create an outlined illustration</li>
<li>use the pen tool to create organic shapes</li>
<li>color your illustration and add details</li>
<li>prepare your illustration for animation</li>
<li>import your illustration into After Effects</li>
<li>animate an object's position and adjust its motion path</li>
<li>create masks</li>
<li>animate colors changing</li>
<li>animate scale and opacity</li>
<li>use the wave warp effect to animate smoke</li>
<li>animate snow (and make it loop!)</li>
<li>render (export) your animation as a .mov, .mp4, or gif file</li>
</ul>
Plus loads of tips for working efficiently that will get you started on the right foot. This is the class I needed when I was first getting started in motion design!
I'll show you every step to recreate my wintery scene, but in doing this, every step will teach you something useful that you'll surely come across when creating your own illustrations and animations. Depending on how comfortable you’re feeling, you can follow along with me, or create your own version of a scene that looks a little like mine, or nothing like mine–it’s up to you!
This class is perfect for beginners to Adobe Illustrator and After Effects; no prior experience with either program is necessary. But, if you are already a seasoned artist, this class will help you understand how you can add motion to your work.
If you're interested in getting into motion design this is a perfect first step!
After this class, <a href="https://www.skillshare.com/explanimated" rel="nofollow noreferrer noopener" target="_blank">check out my other classes</a> to keep learning!
Find me online:
<a href="https://www.meganfriesth.com" rel="nofollow noreferrer noopener" target="_blank">My website</a>
<a href="https://www.meganfriesth.com" rel="nofollow noreferrer noopener" target="_blank">Instagram</a>
<a href="https://www.pinterest.com/explanimated/" rel="nofollow noreferrer noopener" target="_blank">Pinterest</a>
<a href="https://www.youtube.com/channel/UChf4MDszi2Jejbfx0XV_PHQ" rel="nofollow noreferrer noopener" target="_blank">YouTube</a>
Music credit: Track: Travel With Us — Vendredi [Audio Library Release], Music provided by Audio Library Plus

Welcome

Class Project

Gather Inspiration

Create a Moodboard

Sketch

Tour of Adobe Illustrator

Line Art - Part 1

Line Art - Part 2

Line Art - Part 3

Line Art - Part 4

Set Up Colors

Color Blocking

Separate Illustration into Layers

Add Final Details to Illustration

Tour of Adobe After Effects

Animate Sun and Moon

Animate Sky

Animate Stars

Animate Smoke

Animate Snow

Render

What's Next

Create then Animate.zip

Winter Cabin

Create then Animate: Beginner Workflow in Illustrator & After Effects

Megan Friesth gave you 1 free month of Skillshare

Get 1 free month of Skillshare

Create then Animate: Beginner Workflow in Illustrator & After Effects

Project Example by Megan Friesth

Project Example by Megan Friesth

Creative Learning Made Easy

Company

Community

Teaching

Mobile

English

English