Skip to main content
Participant
January 6, 2022
Question

Animating a logo outline

  • January 6, 2022
  • 1 reply
  • 107 views

I have a logo which has a bold outline. The outline is composed of a compound path. I want to animate this outline for a splashscreen so that the logo "outlines itself." I was able to kind of accomplish this by using the autotrace and creating a shape layer to make a trim path, but it was sloppy and only allowed me to use rounded corners whereas this particular logo has both rounded and sharp corners in its outline.

 

The next thing I tried was to convert the outline's layer into a shape, but since it's a compound path it is treating it like a filled shape so when I try to use a trim path the same as I did before, it fills the whole logo in with solid color rather than just the outline and it does it in a weird clockface-looking way. I've tried looking up how to do this on YouTube and all of that but either I don't know what search terms to use or this is a super special case. Ugh!

This topic has been closed for replies.

1 reply

Mylenium
Legend
January 7, 2022

This is not a super special case, you're just going about it the wrong way by trying to do everything directly on the layer, no offense. It simply boils down to the techniques used in the millions of "logo reveal", "handwriting" or "hoolidander/ growing swirlies" tutorials that were hip 15 years ago - you use track mattes and create the "sloppy" stuff on a different layer. In case of a compound path this could be as trivial as creating a blend with just one step to get the centered "spine" in Illustrator and importing/ copy & pasting it over to AE on a solid layer atop the footage you are trying to reveal, apply an animated Stroke effect and assign the solid as a track matte for the layer underneath. This works 90 percent of the time without any further adjustments and when it doesn't, most of the time you're simply going to need some additional masking or tweaking the stroke path to avoid kinks e.g. where sharp corners self-intersect. Likewise, you may simply need multiple masks, strokes and so on or even use multiple layer duplicates that are mutually masked for multiple letters and sub-strokes. Again, all tried & true techniques that have existed forever. I'm sure you can find those tutorials from way back then or contemporary ones with similar techniques. YouTube usually gets flooded with such stuff when something becomes hip. Even Andrew Kramer did one on it over at VideoCoPilot.net. I suggest you look them up and come back if you have specific questions.

 

Mylenium