Icon Animation in After Effects - Animate Vector Icons

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

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

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

Let us prepare the video composition we will work in!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.

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

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

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

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

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

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

Let me introduce you to the work in this lesson

Here we will design the actual flat icon which we want to animate

We have two parts in this animation, and in this lecutre we will animate the first one

We will finalize the animation here

This is a little bonus design experience I would like to share with you. From time to time we have to prepare a design in After Effects that would seem counter-intuitive to make as a graphic designer. Designing in AE is not the same as drawing in Pohotoshop where all the tools are straightforward. I want to show you a technique of making patterns with the repeater in motion graphic software.

In this lecture I would like to show you a simple approach on a minimal title opener / lower third animation. We will animate a shape layer to showcase a line going form the top of the screen towards its bottom and revealing text along the way. A few cool After Effects tricks will be included and a few track mattes sprinkled along in this design. Let's do this project together and ease some keyframes in it!

With this essential tutorial I want to teach you what does the Region of Interest in After Effects do and what can we use it for. With help of that I will show you how to adjust the size of your current composition to perfectly fit the objects you have in them. Often you do want to set keyframes on composition in order to be able to place things inside those comps so they do not get changed. 

Let me explain the CC Cylinder effect and its usage for simple rounded motion elements.

This tutorial will teach you how to make animated trails, strokes, and following paths behind an object. There are many ways and techniques of adding trails, for example with the echo effect and parenting but in this tutorial we will focus on creating stroke paths and using Trim Paths to reveal and hide them behind the moving shape. Just like in the example at the beginning.

Here I want to show you how to divide values of properties (or anywhere withing After Effects) for an efficient workflow.

This is a bonus lecture for the course.