Friday, February 28, 2020

How to Animate a Static Logo

How to Animate a Static Logo
Final product image
What You'll Be Creating

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:

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!

logo

Step 2 

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

retro logo template video

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. 

crop logo

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.

choose slogan

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. 

change font

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

change color scheme

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.  

change logo animation

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!

add music

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!

final result

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!

glitch video effect

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!

lighting video effect

Logo Animation With Electric Bolt Animations

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

cartoon bolt effect

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!

colorful transitions

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!

dazzling lights effect

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


No comments:

Post a Comment