Icon Animation in After Effects - Animate Vector Icons
5.0 (4 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
41 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Icon Animation in After Effects - Animate Vector Icons to your Wishlist.

Add to Wishlist

Icon Animation in After Effects - Animate Vector Icons

Animate a vector icon within After Effects! A complete project workflow in After Effects
5.0 (4 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
41 students enrolled
Created by Andrzej Pach
Last updated 8/2017
Curiosity Sale
Current price: $10 Original price: $50 Discount: 80% off
30-Day Money-Back Guarantee
  • 2 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Create a full Motion Graphics Icon Animation in After Effects
  • Understand and Apply proper techniques while working with motion graphics
  • Be able to animate a vector icon they downloaded or created
View Curriculum
  • Basic knowledge of Adobe programs and After Effects will be useful, but is not a deal breaker
  • Know a tiny bit about vector graphics, what icons are, basic graphic design





Icon animation is one of the best looking motion graphic pieces you can prepare, and After Effects is the perfect software to create such animations. With the techniques I teach you will be able to either create the icon yourself or use a ready vector you already have to properly prepare it in Adobe Illustrator. Then you will have no problems using that file to create the icon animation from scratch until a ready and finished proejct. 

In the class you will learn:

  • an entire icon animation workflow and AE tricks,
  • how a Illustrator to After Effects workflow looks like
  • how to create, prepare and use a vector within after effects,
  • how to package, prepare, export and use it anywhere we like!
  • Become better at motion graphics by creating a design that is in demand and trending

I prepared this short course to show you a complete Adobe After Effects workflow, from finding, selecting or creating the icon to completing the entire animation. You will learn a few basics about the software and definately have fun creating the project itself, since it involves a lot of useful tricks.

The course is project based and straight to the point to both teach you the tools & software and let you create real-life after effects projects right away together with me. It doesn't require any prior deep knowledge of After Effects at all - but it will be helpful if you know a little about Illustrator, Photoshop and After Effects in general or are familiar with other Adobe softwares.





Don't get me wrong, learning After effects cc or even the newest after effects cc 2017 version from scratch, tool by tool, handle by handle, element by element is an amazing journey and I also have recorded a comprehensive After Effects course in that fashion, but some of you who are already a bit familiar with video editing, animation or motion graphics (fade in, fade out, keyframes, graph editor) would like to start right away. 

This course is perfect for students, who want to start learning a little bit about After Effects on the go, from the animation / motion graphics side to create fun proejects for you or your clients. This course will  be optimal for people who just want to get a basic grasp of the motion graphic possibilities After Effects provides!

Don't wait any longer... Enroll Now!

Who is the target audience?
  • Anyone wanting to learn Icon Animation in After Effects
  • People interested in motion graphics & animation wanting to learn a complete workflow
  • Students who want to raise their design and animation skills
  • People who want to get familiar with After Effects
Students Who Viewed This Course Also Viewed
Curriculum For This Course
30 Lectures
2 Lectures 05:02

Let me introduce you to the course content!

Preview 01:17

In case you are not familiar with After Effects let me explain a few basics how motion graphics software operates!

Preview 03:45
PROJECT 1: Let's prepare our icon in Adobe Illustrator!
3 Lectures 13:46

Let me show you how you can obtain a free icon to use for the project of this class!

Preview 01:26

Let's get into Adobe Illustrator and prepare the layers of our vector icon to use!

Preview 04:50

We can also create the icon ourselves by creating it straight within after effects.

Create the vector icon yourself in AE
PROJECT 1: Let's get into Adobe After Effects!
4 Lectures 25:50

Let us prepare the video composition we will work in!

Preview 03:26

Learn what parenting is and how to use it to our advantage when animating the icon.

Preview 04:18

The complete animation walkthrough. In the first part we will animate all lines.

How to animate the objects (Part 1)

Second part of the animation. Here we will adjust and animate all the boxes we have!

How to animate the objects (Part 2)
PROJECT 1: Neccesary project adjustments
5 Lectures 09:47

Let me show you how to make a seamless loop of this animation video!

How to make a seamless loop

Another useful skill to have will be rendering the video in transaprent mode.

How to render a transparent video

We can export a ready GIF file to showcase our skills :)

How to export a looping GIF

Another global change you can make to the entire animation once you are already done with the main animation.

Useful adjustments to know about

Thank you so much for taking this course and learning how to animate icons in After Effects!

Thank you for finishing Project 1!
PROJECT 2: Design
6 Lectures 23:03

Let me show you how the second After Effects project we have lined up will look like!

What are we going to create

In this lecture I will guide you through the design process of this project.

Designing our phone (Part 1)

In this lecture I will guide you through the design process of this project. This is the second part.

Designing our phone (Part 2)

Let us prepare icons for our after effects beam wiggle project.

Prepare icons you will use

The most important effect we use here is the Beam effect. Let me show you how it's used!

Creating the BEAM connection

Adding the wiggle will add additional flavour into our after effects project.

Creating the WIGGLE animation
PROJECT 2: Adjustments and finishing moves
4 Lectures 16:20

Since we already have all our design elements and effects, let's connect all icons with a null object.

Connecting all icons

Final adjustments need to be made in order to make this animation more polished.

Adjusting and finalizing the composition

Adding a color control layer is a great skill to know about in After Effects. I will guide you through a null layer, color control effects and how to link them with simple expressions.

Add a color control Layer

Again, thank you so much for staying with me thus far!

Thank You for finishing Project 2!
PROJECT 3: Badge Animation
5 Lectures 20:38

We have to start out by either creating the icon ourselves or using a ready, vector icon like this.

Creating and importing the icon

Let us make our first moves by flipping the background of this badge icon

Flipping the background

We don't have much elements here, so we need to pay extra attention to details to make it sweet and well animated

Animating the little star

The main part - the stripes need to be animated consistently so the icon will look great.

Animating the stripes

Let us tinker on some final adjustments to this icon to make the best out of this animation :)

Finishing Touches
1 Lecture 00:42

With this lecture I would like to share special discounts for other of my courses. Thank you for checking it out!

Bonus Lecutre: Continue to learn!
About the Instructor
Andrzej Pach
4.5 Average rating
3,961 Reviews
46,136 Students
18 Courses
Engaged and Passionate PowerPoint & After Effects instructor

Hi! My name is Andrzej Pach, more known as "Nigel" and I spend my time with graphic design, motion & animaiton, typography, video editing and online teaching on a daily basis. The majority of my work is done in Adobe After Effects & Microsoft PowerPoint 2013 / 2016 - naturally this is the software I want to teach about and share my experience with you. I have completed well over 3000 graphic projects (On Fiverr alone more than 2500 reviews) for clients, mostly including video animations like intros, outros and transitions for various Youtube channels & marketers. I would like to share the knowledge I was able to "stack up" during the process. I am always willing to help people out by enhancing their brand and Internet media.

Who am I ?

I am a 27 y.o (born 1989) and a University Graduate (July 2014). A few years back after shifting from one hobby to another after getting hired to prepare a website and business card for a local business in my area I finally "felt it". Since then (2011) I was expanding my skillset in this area completing various graphic related projects. Places like the WarriorForum, freelancing websites or graphic contests across the web caught me in its own snare and never let me go.

What is the next step?

After having several years of experience as a freelancer with a keen focus on creativity handling various projects ranging as work for very small businesses to websites and Youtube channels with over 300k subscribers I am looking forward to share my knowledge wrapped up in exciting courses easy to follow and most important - USEFUL for you! I am looking to work with forward-thinking people who wish to create something original, that will reinforce their brand and follow their vibe. I am always committed to provide value while giving away random tips to make your workflow easier.

Did you really create something?

How far would bring me lying and any sort of scam? Nowhere. I do believe in making the Web Business and Internet Marketing world a better place, because my actions will affect my fellowers, friends, family and future children. Since I live in a small village where people work in agriculture or do physical labor work I set the goal for me to be a sort of pioneer in the web-based business field growing myself as a designer every single day.

You can always contact me as I don't mind talking to anyone and sharing how could I help your business or what course I might record if you like my teaching style!