How to Animate a Static Logo

Today we will be looking at how to animate a static logo, by using a video maker on Placeit. Bright colors, snappy movements, and of course, complete customization—all using Placeit's video maker to animate logos.

Looking for an animated logo from scratch? Check out our tutorial on creating an animated logo using the Placeit Animated Logo Maker. 

Follow along with us over on our Envato Tuts+ YouTube channel:

What You'll Need

To complete this project, we are using the following resources:

• 
  Game Monster Logo
  
  

Find more resources on Envato Elements!

1. How to Add Your Text and Logo

Step 1

Start by getting your logo ready to upload into the video maker. 

The optimal size is 1000 x 1000 px, with the file saved as a .PNG. Ideally, it should have a transparent background!

I'll be using this Game Monster Logo!

Step 2 

Next, you will want to pick your animated logo template! I will be using this Logo Animation With Retro Video Effects.

Step 3 

Now, it's time to upload your logo using the Upload Image button found on the left-hand side of the screen. 

Once uploaded, you will be prompted to size and crop your logo. Make your logo as big as possible without cropping out any of the images. 

Step 4

With our logo placed, we can add our tagline or slogan.

Change the text by typing in the text field found on the upper left-hand side. I'm going to go with a simple "Let's Play!" in all capital letters.

Step 5

Let's customize our font a bit by changing the font face!

We can do this by clicking on Teko, which is the current font, and choosing from the list of fonts that comes up.

I will be going with RobotoMono as it stays with the retro vibe we are going for. 

Step 6

Finally, let's swap in our color scheme!

All templates will have different areas that will need coloring. In this template, it's the brown and orange color to the left. 

The orange I quite like, but not so much the brown, so let's change it to hot pink by clicking the orange square and choosing #fc1681. 

2. How to Animate a Logo

Step 1

Now, let's customize our logo's animation! 

On the left-hand side, you will see Logo Animation. Clicking it will give you a few choices of different animations and motion for your logo! 

I am going to go with the third choice as it feels very glitchy and sporadic—precisely what I'm going for.  

Step 2

Finally, let's wrap our logo animation up by giving it some music! 

On the right-hand side, you will see Audio Track. Here you can preview the song your logo currently has. 

To change out the song, choose the Pencil Icon. A vast library of music will come up, all sorted by genre. 

Press the Star to favorite a track and the Play button to test it. 

I am going to choose Lily J - Lo-Fi 02, found in the Lo-Fi category!

We've Done It!

And there you have it! Save yourself some time while still getting your perfect opener using Placeit's animated logo maker! 

As always, keep practicing and experimenting with different techniques, and don't forget to post your version below, along with any questions, comments, or critiques!

More Logo Animations 

Here are some more variations using just a few of the templates on Placeit! 

Logo Animation Video With Glitch Effect

Try this animation opener, full of fast glitch effects and a black and white palette! Add some pops of color to incorporate your own channel's color scheme. A personal favorite of mine!

Logo Animation With Lightning Effect

Epic lightning paired with an epic music stinger. This one is perfect for gaming channels or people who love playing action games!

Logo Animation With Electric Bolt Animations

Add some energy to your logo with this fast and colorful lighting bolt opener! 

Logo Animation With Colorful Transitions

Do you love color, but are a minimalist at heart? Try this opener full of snappy transitions, geometric shapes, and a completely customizable color scheme!

Logo Animation With Dazzling Lights

Turn your logo into a big production with this Dazzling Lights logo opener. It comes complete with a built-in countdown to get your viewers excited!

Looking to learn more? Why not check out the following tutorials:

• 
  Banner Ads
  
  
  How to Make a Banner for a YouTube Channel (With a Banner Maker)
  
  
  Andrei Stefan


• 
  twitch
  
  
  36 Awesome Stream Overlays Using an OBS Stream Overlay Maker
  
  
  Nona Blackman


• 
  Placeit
  
  
  20 Cool Gaming Logos: Team + Video Games (Online Design Creator)
  
  
  Andrew Childress


• 
  Placeit
  
  
  24 Best Gaming YouTube Banners Made With a YouTube Banner Maker
  
  
  Nona Blackman


• 
  Resources
  
  
  32 Best Twitch Banners Using a Banner Maker (Including Offline Banner Designs)
  
  
  Nona Blackman


• 
  Resources
  
  
  35 Twitch Panel Templates (Using a Twitch Panel Maker)
  
  
  Nona Blackman