Learn or practice animation in Adobe After Effects by creating a fun set of animated icons. If you’re a graphic designer, illustrator, or anyone wanting to learn how to animate in 2D, this is a great place to start!
<img src="https://static.skillshare.com/uploads/discussion/tmp/dc066b63.gif" class="zoomable rounded-image-wrapper" alt="dc066b63.gif">
You’ll learn how to:
<ul>
<li>create icons starting with basic shapes in Adobe Illustrator.</li>
<li>prepare your icons for animation.</li>
<li>bring your icons into After Effects.</li>
<li>set keyframes to animate scale, position, rotation and more.</li>
<li>animate lines drawing in and out.</li>
<li>create a simple mask to hide parts of a graphic.</li>
<li>animate an object along a path.</li>
<li>export your animations as a GIF or movie file.</li>
<li>and much more!</li>
</ul>
If you've never used After Effects before, you may find it helpful to check out my free <a href="https://aeorientation.ck.page/a0b320dfb8" rel="nofollow noreferrer noopener" target="_blank">After Effects orientation video and guide</a> first.
After this class, check out:
<iframe src="https://www.skillshare.com/embed/video?sessionId=3216081&amp;width=600&amp;height=337.07865168539&amp;authToken=" height="497" width="600" sandbox="allow-scripts allow-forms allow-same-origin allow-popups"></iframe>
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>

Welcome

Class Project

Illustrate Icons - Part 1

Illustrate Icons - Part 2

Get Ready for Animation

Import AI Files into After Effects

After Effects Tour

Set Keyframes

Convert Vector Layer to Shapes

Animate Lines Drawing In

Animate Along a Path

Orient Along a Path

Adjust Anchor Points

Parent Layers - Part 1

Parent Layers - Part 2

Scale In - Part 1

Scale In - Part 2

Create Mattes

Adjust Motion

Finish

Render

Thanks!

Icons.zip

Design Icons

Easy Animated Icons in Adobe After Effects

Megan Friesth gave you 1 free month of Skillshare

Get 1 free month of Skillshare

Easy Animated Icons in Adobe After Effects

Project Example by Megan Friesth

Project Example by Megan Friesth

Creative Learning Made Easy

Company

Community

Teaching

Mobile

English

English