How To Animate A “Dull” Logo In After Effects [VIDEO TUTORIAL]

Share on facebook
Share on google
Share on twitter
Share on linkedin

Have your clients ever sent you logo files that just look dull and don’t even have a transparent background?

In this tutorial video, Antonio Cerri will show you

How to animate a logo in After Effects

with no headache… Well okay..there will be a headache.
But at least you’ll know the best way to do it. ?

I will show you two solutions:
-one is the usual way of creating a logo animation in After Effects
-and the second one is the quick and easy way.
Step1: Preparing the logo

Often clients don’t have there logos in vector format, many clients only have a jpeg image whit there logo on a white background.

So, before we can animate the logo, we need to remove the white background.
We’ll do this in Adobe Photoshop so let’s jump right into it.

[Click Here to download the logo image] that we are using, so you can follow along.

You can see the video tutorial here:


Download The FreeAfter Effects Logo Template from Bluefx

Open up the logo image in Photoshop, double click on the “background layer” and select “OK”.
Next, choose the “magic wand” tool and select all the white areas.
If you don’t see the magic wand tool, just click and hold the left mouse button on the icon, and it will show up.

You can select multiple areas by holding down “shift” while clicking.
Once you have all the white areas selected, hit the delete key to remove them.

Now it’s time to save the image using a correct format, so we’ll choose “File-Save As” And select “PNG“.

OK so now our logo image is prepared for After Effects.

Step 2: Animating the logo in After Effects

For animating the logo we have 2 options:
the usual way and the fast and easy-almost instant way of doing it.
We’re going to see both and it’s up to you to decide which works best for you.

So let’s create a quick logo animation.
Drag and drop your logo in the project panel area.
Select compositionNew composition.

We’ll choose a full HD resolution, so 1920 width and 1080 height these are square pixels and 30 frames per second.

Let’s set the duration to 10 seconds or 300 frames.

Next, drag your logo to the composition panel and turn it into a 3D layer by clicking in this column – a small cube icon will pop up.

Now let’s move the time indicator a few frames and add some keyframes.

With the layer selected, press “p” to bring down the position property and click the stopwatch to create a keyframe.
Press “s”  to bring down the scale property and again, click the stopwatch.

So far so good, now it’s time to add some movement to our logo. Bring the cursor to the beginning of the timeline and bring down the scale. Let’s change the initial position of the logo so it starts from outside the viewable area.

You can now hit the space bar to see a preview of what the animation looks like.
Let’s add some more movement!

We’ll move the time indicator a bit further and change the Z position of the layer to bring it up front a bit.
Press “p” and slightly adjust the Z position, which is the last in this row.

Since the stopwatch is turned on, you’ll notice that After Effects will create an automatic keyframe.
Now let’s move the cursor forward a bit more to a dramatic movement.

Select the position property and bring up the Z value until the logo “flies” out the screen.

As a final touch we can add some motion blur to the animation and we’ll do that by enabling this property for the layer and also by toggling the motion blur switch for the composition as well.

As you can see, animating our logo in this simple way took us some time, and the animation itself looks a bit dull.
You still need to add sound effects and sync the sound to the motion, that takes some time as well.

 

Now here’s a way to animate your logo when you need things done fast!

Download The FreeAfter Effects Logo Template from Bluefx

This template will make your logo intro look great, it will have the sound effects perfectly timed to the movements and your video will be ready in less than 3 minutes.

First, make sure your logo has a transparent background as shown earlier.
Open up the project file of the template.

Just as we did before, drag your logo in the project panel then click on the “YOU CHANGE” folder and double click on “Your Logo” comp. Simply drag your logo in the comp panel and delete or turn off the existing sample logo and we’re almost set.
Don’t forget you can hit “s” to bring down the scale property and adjust the size of the logo.

A quick tip: if your logo is in vector format such as .ai or .epg, make sure you check the “continuously rasterize” switch, to make it look crisp.

You can also add your tagline.
For this double click the “your tagline” comp, replace your text and….the editing process is done!

Additionally you can fine tune the project even more, to make sure it matches your brand and logo colors.
Just go to the Main composition and select the “Color Control” layer.

Next, select the effects tab to reveal the color changing features and adjust then to your liking.
Simple enough? We sure hope so!

If you find this template easy to edit then it means we’ve accomplished our goal.

 

After Effects Academy Member Extra

Access your ‘Learn the basics of After Effects to edit any Template’ course in the After Effects Academy.  

Learn how to edit any After Effects template found online, so you can create your After Effects videos fast.
In this crash course you will be introduced to the essential After Effects tools that you need, when editing templates.

Click here to access this After Effects Course Now

Not an AE Academy member? Click here to learn more about the After Effects Academy

 

Remus Hosu

Remus Hosu

Leave a reply

Scroll to Top

By continuing to use this website, you consent to the use of cookies in accordance with our Cookie Policy.