Animating Icons With Adobe Illustrator and After Effects

by Jonathan Lam21 Jul 2017

Lessons:9Length:50 minutes

Animation Icon Design Adobe Illustrator

Turn Autoplay Off

Next lesson playing in 5 seconds

Free Preview: Animating Icons With Adobe Illustrator and After Effects

Welcome

00:31

This course will take you through the step-by-step process of creating animated icons to use for your website, UI, or video-game projects. We will start by creating our icons in Adobe Illustrator before exporting them to After Effects to animate them.

This course is perfect for designers, illustrators and game artists who are interested in animation and motion graphics.

1.Introduction
1 lesson, 00:31

Free Lesson

1.1
Welcome
00:31

2.Icon Design
2 lessons, 17:41

Free Lesson

2.1
Illustrator Setup
06:57

2.2
Designing the Icons
10:44

3.Animate the Buttons
5 lessons, 30:16

3.1
Importing Into After Effects
03:50

3.2
Animate the Mail Icon
11:50

3.3
Animate the Lock Icon
05:31

3.4
Animate the Shop Icon
04:31

3.5
Exporting the Buttons
04:34

4.Conclusion
1 lesson, 01:11

4.1
Conclusion
01:11

Jon lam

Jonathan Lam currently works for Ubisoft as a concept and marketing artist. His work include digital matte painting, lighting, rendering, concept art and video editing. Some of the projects he has worked on include Hungry Shark World, Hungry Shark Evolution and the Kickstarter Funded Game called Eminence: Xander's Tales. In his spare time, Jonathan continues to work on his personal projects which includes a new game called Starbeard and freelances for various companies including Hasbro, Riot Games, Sony and Google.

Unlimited Downloads
From $16.50/month

Get access to over 400,000 creative assets on Envato Elements.

Over 9 Million Digital Assets

Everything you need for your next creative project.

Hire a Freelancer

Choose from 2,000 professionals ready to do the work for you.

Join the Community

Share ideas. Host meetups. Lead discussions. Collaborate.

Quick LinksExplore popular categories