THE BITESITE BLOG

Create Your Own Corporate Video Logo Animation (step by step tutorial)

tutorial after effects film motion graphics video production

If you have a company, you have a logo (we hope). Furthermore, you're probably showcasing your logo on a variety of platforms, video being one of them. Whether your logo appears after a glowing testimonial video or finishes off a quick instagram video promoting a new offer, it plays a critical role in connecting your post's message to your brand. An important tool in strengthening the effectiveness of your logo is animation. The video platform allows your logo to come to life and move, and it's something many have taken advantage of. For additional information and examples, check out this post from Tubik as well.

What is an animated logo?

If it has motion of any kind, consider your logo animated! Sometimes even the smallest hint of motion will complement your logo design best. There is no need for over-the-top effects; it's all about what suits your design and brand. Animations can last anywhere from half a second to around 5 seconds, longer than that and your viewer may grow impatient.

Why have an animated logo?

For today's average consumer, video reigns supreme as the content of choice and having your logo static on the screen just won't do. Logos everywhere are coming alive and not having it animated could hurt your brand image. It goes deeper than simply keeping with the times. Animating your logo achieves several things...

Convey Emotion

Having animation applied to your logo creates a positive reaction in viewers. Done well, an animated logo can be more pleasing for a viewers eyes as opposed to a static logo. As well, animating a logo allows you to portray an emotion that before was not there. Adding a quick wink to an eye or bounce to a word can create warmth and positivity.

Tell a story

Depending on how in-depth your animation goes, you might be able to tell a story that previously was not conveyed. Whether you're able to explain a concept, or simply have your logo build from a to b, a quick story is never lost on the viewer.

Be memorable

Viewers will remember your logo better if it first captivates them with dynamic motion. At BiteSite it's not uncommon for us to hear positive feedback on the logo animation included with the video. Done well, it delights viewers and helps to create a stronger imprint in their mind.

Differentiate

It can be hard to standout in a sea of logo designs, especially if your logo in particular wasn't designed to be loud and extravagant. Motion design solves this completely; the creative applications of animation for your logo are endless. If you were never completely content with your logo design, animation can the be the missing ingredient that solves this.

Look Professional

When your logo has a flashy animation, it shows that you're the type of brand that puts care and effort into everything you do. It can help to position your brand higher in terms of quality.

Do It Yourself

In order to animate a logo yourself, check out the video above to see a step-by-step process using Adobe After Effects. Simply apply the same process to your own logo afterwards! If you want to check out the After Effects project file, you can download it here.

If you don't have After Effects, you can get a 7-day free trial here: https://www.adobe.com/ca/products/aftereffects/free-trial-download.html

Timclark
Tim Clark
Filmmaker, BiteSite
3dwireframesaftereffects

Creating 3D line objects using After Effects and C4D lite

after effects film motion graphics

Creating true 3D objects inside After Effects became possible with the addition of the Cinema 4D Lite application. C4D Lite was added to the 2014.1 release of After Effects CC. With C4D lite being shipped along with AE, users who have never even considered working with a 3D program like C4D now have access to it. It's right there at your fingertips... you gotta check it out!

In one of BiteSite's recent projects, I was able to take advantage of the 3D capabilities C4D offers. In this post we'll focus on a unique look you can create inside AE with 3D objects from C4D. It's so simple and quick you may have already thought this up on your own! It's something that not only adds a new look, but may also add more functionality to your project. Check it out...

Apply these 2 effects (in this order) to the 3D layer inside AE:

  1. Find Edges --> for the look we're after, click the 'invert' option
  2. Unmult --> this is not an effect that comes with AE. It's free though and you can download it here: http://www.redgiant.com/downloads/legacy-versions/

What do these effects do?

  1. Find Edges --> It finds the edges... ;) Perhaps a little self-explanatory, perhaps not! Find edges looks at any shape, image, or object (whatever type of layer you apply it to) and recognizes all of the 'edges' in that layer. Edges are any part of the image where there is a significant transition. It then turns to white everything in the layer that is not an 'edge'. Checking off 'invert' on the effect turns everything to black rather than white.
  2. Unmult --> makes 100% black areas of an image completely transparent, and leaves 100% white areas completely opaque. Everything in between adjusts accordingly. Unmult is effectively creating an alpha channel for an image that doesn't actually have one. Awesome!

Apply these two effects, and you now have a 3D line object! You can choose to have it transparent or opaque (just toggle on/off the unmult effect).

No effects added:

Find Edges:

Find edges + Unmult:

This look can be great if, -- you want that sketched art look (try adding the 'turbulent displace' effect to further this look), -- you just want fresh and simple lines instead of heavy 3D objects, -- or even just for the added functionality you get by having your 3D objects transparent!

As well, try duplicating your 3D object layer and keep it placed directly above it's duplicate in the composition panel. Have one layer with the effects applied and one without!

Try it out! If you're reading this and you use this method, leave a comment below with a link to your video We'd love to see your work. Cheers :)

Tim

Timclark
Tim Clark
Filmmaker, BiteSite
Aeeditingmaskpaths

After Effects Editing Mask Path (moving individual points)

after effects film motion graphics

Alright, this was frustrating the hell out of me - especially considering most posts and forum responses had the right idea but were missing one key element.

The issue is in Adobe After Effects and Masks.

Here's the setup

  • You have some layer (shape, picture, footage, whatever)
  • You add a layer Mask
  • You edit the Mask over time by setting keyframes on the Mask Path property

The issue

Anytime you try to move a single point on the Mask Path - the entire mask path moves - regardless of if you have the Pen Tool or Selection Tool selected

So yes - most posts ands forum responses I've seen talk about - "Make sure you have the Pen Tool" selected - so that way you're in path editing mode and then you should be able to move the individual points. I tried ad nausea and I couldn't get this to work.

Solution

  • It all had to do with what was selected in the timeline. I had the Mask selected (that is, the Mask property that shows up when you twirl down the layer itself) - which is wrong. This was the issue.
  • Once I selected the layer itself and NOT the mask, I could then select the Pen Tool and edit the points individually. Kind of strange - but yeah - select the Layer and not its mask if you want to edit the Mask points individually. And yes - use the Pen Tool.

(note this is in Adobe After Effects CS6 - not sure about other versions).

Hope this helps out some peeps.

Caseyli
Casey Li
CEO & Founder, BiteSite