Need to include a logo in your video project? Here are a few helpful tutorials you should watch.

If you do a lot of corporate video work you probably have to work with logos on a consistent basis. However, if you’re new to graphic design, you may not know how to do basic tasks like removing backgrounds. Let’s take a look at five different ways to work with logos.

1. Removing White Backgrounds

If you’re working with a large company, you can probably get your hands on a logo with the background removed. Unfortunately, smaller companies and non-profits often have trouble keeping track of their graphic assets, so you might have to remove the white background. This may sound complicated, but it is actually really easy using built-in tools in Photoshop. This quick tutorial from Better Blog Images shows us how it’s done.

2. Converting to Vector Art

When it comes to logos, there are really two different kinds of file formats you need to know: Bitmap and vector. Bitmap logos are in formats like JPEG, PNG, and TIFF. These formats are necessary if you want to upload your logo to the internet, but they can get pixelated if you need to scale them up.

On the flip side, vector logos can be scaled up infinitely without ever becoming pixelated. Popular vector formats include AI, SVG, and EPS. But one thing you may not know is that you can easily convert bitmap logos into vector logos using the ‘Trace’ feature in Illustrator. This tutorial from Promofix Ltd demonstrates the technique.

3. Converting Logos into (TV) Bugs

Step 1: Convert Logo to White

5 Video Tips for Working With Logos - Convert Logo to White

The first thing you need to do is convert your logo into a solid white logo using the color overlay feature in Photoshop. To do this, double click on the transparent logo layer (See tutorial #1). An effects box will pop up. Select the checkbox next to Color Overlay and change the color to white. Click ‘OK.’

Step 2: Drop Opacity to 50%

5 Video Tips for Working With Logos - Drop Opacity to 50

With your logo selected,  navigate to the top of the layer panel and adjust the Opacity slider to 50.

Step 3: Save as PNG

5 Video Tips for Working With Logos - Save as PNG

To save the logo in an transparent format, navigate to File>Save As… and select PNG.

Step 4: Scale Down to Bug Size

5 Video Tips for Working With Logos - Scale Down to Bug Size

In your video editing software of choice, place your logo above your final video.  Scale and position your logo to the appropriate location.

4. How to Animate a Logo

Animating a logo can be as complicated or as simple as you want to make it. Most video professionals choose to use After Effects because of its extensive shape options and vector support. In the following video created by Evan Abrams for PremiumBeat, we’ll take a look at how to create an animated logo reveal in After Effects.

5. Logo Animation Templates

Using a drag-and-drop After Effects template is a great way to deliver a well-designed, pro logo reveal. You don’t even have to be a motion graphics master. Here’s one of my favorite logo reveals from RocketStock.


Got any more tips for working with logos? Let us know in the comments below.