3D & Animation


Animate Hipster Logos & Badges in After Effects

Step-by-step guide to designing and animating a fun badge logo using Adobe Illustrator and Adobe After Effects.

4.60 (114 reviews)


1 hour


Feb 2021

Last Update
Regular Price

What you will learn

You'll be able to design a professional-looking badge with free templates.

You'll be able to prepare an Adobe Illustrator file for animation in Adobe After Effects.

You'll be able to animate your badge in a variety of eye-catching ways.

You'll be able to export your badge animation with a transparent background for sharing with the world.


Do you want to create a cool motion graphics badge like the one in the promo video?

If so, you're in the right place.

You'll learn how to design and animate this badge, in just an hour.


Using a few templates (available in the downloadable resources of the course), you can create this badge from scratch. You can also use the Adobe Illustrator and After Effects project files to follow along and practice.

If you have a bit of After Effects skills, this is a just a fun project for you to re-create and customize for any of your own projects!

What makes me qualified to teach you?

Hi! I'm Phil, and I'm a professional motion graphics artist and video creator. I love creating fun motion graphics projects like this one. Plus, I'm the creator of some of the world's most popular online courses - with over 150,000 students and thousands of 5-star reviews.

With our 30-day 100% money back guarantee, there is nothing holding you back from jumping in right now and trying the course out.

Go ahead and click the enroll button, and I'll see you in lesson 1!




Animate Hipster Logos & Badges in After Effects
Animate Hipster Logos & Badges in After Effects
Animate Hipster Logos & Badges in After Effects
Animate Hipster Logos & Badges in After Effects


Get Started & Design Your Badge

Welcome and Download Your Project Files

Design Your Badge in Adobe Illustrator

Exercise: Post Your Badge Design

Animate Your Badge

Import Your Design into After Effects

Prepare Layers for Animation by Moving the Anchor Points

Animate the Badge Outline with Trim Paths

Animate the Text

Animate the Mountain and Moon

Animate the Tent, Fire, and Trees

Wrapping Up and Exporting

Easily Reverse the Animation

Export Your Animated Badge with Transparency

Exercise: Post Your Animated Badge


Bonus Lecture: Get Any of Phil's Course for Up to 90% Off


Nikolaos13 February 2018

Short and easy tutorial. I would like to have more in-depth explanation of the effects that is using.

Gerald13 October 2017

This course is truly awesome :). Best for learning animated intro for your videos. Short but truly worth to watch.

Luke30 August 2016

I continue to take Phil Ebiner's classes because of his teaching technique, speed and personality. He's a great teacher and keeps me engaged. I've learned a lot from him and hope he continues to make courses.

Hussein14 August 2016

Great tutorial for people who are new to motion graphics and want to learn more techniques and/or improve their workflow, well done!

Hari10 August 2016

finally i want to say thank for this wonderful course... which help me to make some money as well lots skill on my Motion and Animation field. .. i will recommended this courses and some other course by Phil Ebiner. to make next level of motion design career... truly.. i learnt lots from his courses. now im able to earn some money.. just purchased few course.. thanks

Mark3 August 2016

Takes it one step at a time. I am very familiar with Illustrator and AE but it is great he doesn't just assume you know something.


Udemy ID


Course created date


Course Indexed date
Course Submitted by