Design and Animate a Vintage Badge in After Effects
4.4 (58 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.
4,923 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Design and Animate a Vintage Badge in After Effects to your Wishlist.

Add to Wishlist

Design and Animate a Vintage Badge in After Effects

A Project-Based walk thru on creating and animating a vintage badge, finished with snow and sound effects!
4.4 (58 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.
4,923 students enrolled
Created by Andre Angelo
Last updated 12/2016
English [Auto-generated]
Price: Free
  • 5 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • create a badge or logo from a drawing
  • be able to take Illustrator files and work with them in After Effects
  • understand organization techniques in Illustrator and After Effects that will give their work scalability
  • combine different sounds to make their finished project come to life
  • execute many skills used in professional animation
View Curriculum
  • Adobe Illustrator CC
  • Adobe After Effects CC
  • Adobe Premiere CC (only used for sounds)
  • Trapcode Particular (for the snow and sparks)

Many of the courses and tutorials out there teach you specific effects and techniques, but never put everything into an entire project to show you how they'd actually be used. With this course, I teach concepts you'll use every day and string them together into a final product, being a vintage badge.

Why Learn After Effects and Illustrator?

  • They are the industry standard for Post-Production and Vector-Based illustration, respectively.
  • The versatility of the software extends far past logo animation, covering every aspect of multimedia you could think of.


Starting off with a simple drawing that I provide for you, using Adobe Illustrator, we will design this Vintage badge from scratch. From there, we bring it into Adobe After Effects, learning many different techniques ranging from parenting to particles. After that, we finish up by adding Sound Effects in Adobe Premiere.

Who is the target audience?
  • Target students are those that are newer to After Effects and Illustrator that want to be exposed to many concepts to further there knowledge in both programs. Students that are more experienced will benefit from observing organized workflow and techniques they may be unfamiliar with.
Compare to Other After Effects Courses
Curriculum For This Course
37 Lectures
Introduction and Downloadable Files
2 Lectures 01:55

This is an overview of the entire project we're working on! Good luck on your badge adventure. :)


The attached file contains every major step of the way on designing the badge in Illustrator and the final After Effects file.

Exercise Files
15 Lectures 02:07:39

Pathfinder is one of those tools that you can't live without once you start using it. This cursory explanation doesn't cover everything, but it does contain the basics you need to follow along.


In this course we cover making basic shapes in Adobe Illustrator. 


A lot of people make creating a ribbon in Adobe Illustrator trickier than it has to be, in this lecture we cover one way of doing it.


Using my sketch(that's in your Badge Files.ZIP) we create two mountains in Adobe Illustrator. 


Again, from one my sketches(that's in your Badge Files.ZIP) we design a simple Axe in Adobe Illustrator. 


You can get a lot of life out of a tree without having to be too detailed about it. In this lecture we discuss creating a simple tree in Adobe Illustrator.


We have most of the elements done, here we'll start piecing them all together.

Assembly I

Continuation of the previous video. We'll still getting all of our elements fitting into the badge.

Assembly II

In this video we'll finish off the assembly of our badge, making sure everything looks right. From here, we can start adding color.

Assembly III

Here's the font used in this lecture: (scroll all the way down from the download link)

Text and Lines

We quickly color our project using the color library in Illustrator. 


Roughening the edges is not required, but does add a beautiful hand-drawn quality to your project. If you want to skip this section, please watch "Cleaning up Layers" before going on to animate it.

Roughening the Edges

Like roughening the edges, this is not required unless you want that grain gradient that you saw in the final. If you want to skip this section, please watch "Cleaning up Layers" before going on to animate it.

Texturing I

Continuation from previous lecture.

Texturing II

This is the most simple, yet one of the most important lectures. You'll learn how to proof your layers in Illustrator, making sure they're ready for After Effects.

Cleaning Up Layers
20 Lectures 02:51:33

Before editing in After Effects, always make sure your project and layers are nicely organized. In this lecture, I'll show you a simple way of doing it.

Setting Up After Effects

Parenting in After Effects adds a lot of power to what you can do and control with your layers. We'll discuss some of the techniques here.


It's important that your animations don't interfere with the parented animation you created earlier. Always make sure you animate AFTER the final parented animation.

Timing of Animations

Using Masks, we animate the ribbon on as if it's unraveling. 


In this course we learn how to pop the mountains from behind the ribbon using Masks.


Like the mountains, we pop these up from behind the ribbon using Position.


After scaling in the Base2, we bring in the Sky by duplicating itself and making a mask with the original position of it. 

Base and Sky

The stars are the moon are brought in behind the mountains, and we delay some of the animations on the moon so that it swings in.

Stars and Moon

Using a simple wiggle expression and glow effects, we can make the stars and moon(if you want to) twinkle!

Twinkling Stars

Here we discuss the timings of making the axes look like they are hitting together.


I'm sorry in advance for all the masks. We take our explore layer, cut it up, letter by letter, and animate them all in, using a mask to make them stay on the ribbon.


While you could use scale to bring in the lines, a Mask and a Simple Choker add a much smoother effect.

Lines and 1985

Simple color effects are used to get the background to a more appropriate look.


Using Trapcode: Particular, we create realistic snow.


Moving the background with Wiggle adds incredible amounts of realism to the finished project.

Moving Background

Like the moving background, we add smoke to look like fog with blending modes.


Round 2 on Particular. Using methods we learned with Snow, we can create a simple glowing spark.


Image Sequence rendering is underused and very powerful. 


In Premiere, we discuss techniques for adding sound to your project to bring it to life.


Thanks again for taking the course, if there is anything I can do to improve the experience, let me know!

About the Instructor
Andre Angelo
4.4 Average rating
58 Reviews
4,923 Students
1 Course
Life Long Learner

My favorite aspect of life, beyond anything else, is learning. In Stephen R. Covey's book "Primary Greatness" he said that "continuous learning will save your life because, without it, you slip quickly into irrelevance." Further on, he stated that the best way to solidify your learning is to teach others, and while it's a slightly more selfish point of view, it benefits the student and teacher equally. I want to teach not just to spread knowledge, but help to improve my own.