|
Transparency Maps & Custom Edges in Zaxwerks Invigorator Pro AE
COW Library : Adobe After Effects Tutorials : Jon Okerstrom : Transparency Maps & Custom Edges in Zaxwerks Invigorator Pro AE
Transparency Maps & Custom Edges in Zaxwerks Invigorator Pro AE
A CreativeCOW Zaxwerks Invigorator Tutorial |
 |
Jon Okerstrom,
Cedar Rapids, Iowa, USA
©2003 Jon Okerstrom and Creativecow.net. All rights reserved. |
Article Focus:
Invigorator is known around the world as the king of ''flying logo'' animations. No one does it better or faster. But Invigorator is capable of a lot more than that. A question posed by a user in the COWs Invigorator forum proves the point. The challenge: how to create a 3D crown. The solution: Use a custom edge and a transparency map. Jon Okerstrom shows you how in this project. Download the files and follow along. You'll need Zaxwerk's Invigorator.
|

Custom edges allow Invigorator Pro AE to create all kinds of shapes, from bottles to martini glasses and beyond. Take a look at the set that comes with Invigorator Pro AE to see how they work and notice the guidelines. In this project, we'll create the general profile of the crown as a custom edge. Think of the general shape of a short, wide vase, from which well use transparency to cut away material and reveal the crown.
In my Illustrator document, Ive created two layers: one for the crown shape, the second for the rim that runs around the bottom. Ive labeled them crown vase shape and crown bottom. The distance from the point where the guidelines meet determines the ratio of the radius of the crown to the height. The art looks like this in Adobe Illustrator:

Place this Illustrator document in the Custom Edges folder. Youll find that folder nested inside the Invigorator folder, which is in AEs plug-ins folder.
We need to create two more Illustrator documents, before the fun starts in After Effects.
The first document represents the general shape of the crown, as if it were unwrapped. This document will be used as a transparency map -- the black parts will be seen, the rest will not. In this example, I've added some cut-out details. The shape is a compound path. I've called this "crownmask.ai." We'll rely on the alpha channel created by this artwork in After Effects to accomplish our transparency. The color you assign to the crown shape in Illustrator doesn't matter.
You could create a transparency map with Photoshop, but using Illustrator
gives more resolution flexibility in AE. If you choose to use a conventional
pict or tga image as your transparency map, you would create a white crown
shape on a black background. That's because in the absence of an alpha
channel, Invigorator treats white as opaque, black as transparent and gray
as semi-transparent.

Our last Illustrator document amounts to two very small filled circles. One will become the crown -- the other will become the rim once Invigorator does its magic. Ive labeled the layers crown and bottom rim. Call this document circle.ai. (One reminder -- all Illustrator art must be saved as Version 8 or earlier, because Adobe changed the file format in versions 9 and 10.)
Now, were ready to begin our work in Adobe After Effects. Youll need Invigorator Pro AE or the demo version. Add a layer to your comp and apply the Invigorator Effect to that layer. When prompted to open an Illustrator document, open circle.ai and check the open by layers box. Then, in the Invigorator effect window, choose the crown object and apply the custom Edge crown vase shape. Choose the rim object and apply the custom bevel crown bottom. Uncheck all but the outside edges faces and youll see the beginnings of our crown in the Invigorator Set-up window. In this screen shot, Ive changed the rotation of the Invigorator camera so you can see it in the correct orientation.

Now, well work on the transparency map and adding the Creative Cow logo. Import both Illustrator documents and put them in their own precomps. You can turn off their visibility in the main comp while youre at it.

The resolution of your transparency and texture maps plays a role in how smooth they appear in the final product. In this case, Ive made both precomps very high resolution -- you will probably be able to get away with lower resolution and gain rendering speed in the process. The screen shot here shows the transparency map precomp. It contains two copies of crownmask.ai. Wanting to avoid being longwinded, lets just say that theyre placed in this position because of how Invigorator wraps textures around the edges of objects.

In the COW logo precomp, Ive placed the COW logo artwork so it lines up between the two squiggles in the Transparency precomp.
The next step is to assign the Transparency Precomp to Layermap 1 in the Invigorator Effect control window. Assign the COW logo precomp to Layermap 2 in the Invigorator Effect control window.
At this point, well build the texture for the crown. I started with a metalic golden texture. Then I assigned Layermap 2 to the texture pop-up, and Layermap 1 to the Transparency popup. Apply the texture to the crown. Apply a different texture to the crown base.

When you switch to best quality rendering in the timeline, you should see a crown like the one at the start of this tutorial. If not, stop by the Zaxwerks forum and ask a question. Were glad to give you the royal treatment.
---Jon Okerstrom |
Please visit our forums and view other articles at CreativeCOW.net if you found this page from a direct link.
Related Articles / Tutorials: |
Adobe After Effects
What Are Adobe Motion Graphics Templates?
A Motion Graphics Template, referred to as a MOGRT, is an animated sequence that is self-contained and can be used in Adobe Premiere Pro, Adobe Premiere Rush and Adobe After Effects, combining graphics, text, audio and video files, as well as vector or still images (including logos), to create a still or animation that can then be customized by the MOGRT user. The result is a dynamic creative tool that provides design freedom and is consistent to its users across apps and devices. Reuse, share, and even sell them!
Rod Harlan |
Adobe After Effects
Compositing Secrets Everyone Can Use Pt. 4 - Advanced Alphas
When most people hear the words "alpha channels", they think "transparency", but that's not exactly accurate. The truth is more complex, and a quite bit more interesting! Join longtime VFX artist, editor, software developer, and business owner Simon Ubsdell for Part 4 of the best look behind the technology of compositing that you've ever seen, packed with practical advice for applying the secrets of alpha channels that's simply not possible before understanding these underlying principles. No matter which applications you're using for editing, compositing, or visual effects, this one is a must-see!
Tutorial Simon Ubsdell |
Adobe After Effects
Compositing Secrets Everyone Can Use: Pt. 3 - Alpha Channels
When most people hear the words "alpha channels", they think "transparency", but that's not exactly accurate. The truth is more complex, and a quite bit more interesting! Join longtime VFX artist, editor, software developer, and business owner Simon Ubsdell for Part 3 of the best look behind the technology of compositing that you've ever seen, packed with practical advice for applying the secrets of alpha channels that's simply not possible before understanding these underlying principles. No matter which applications you're using for editing, compositing, or visual effects, this one is a must-see!
Tutorial Simon Ubsdell |
Adobe After Effects
Compositing Secrets Everyone Can Use 2: Advanced Blend Modes
Whether you're a full-time compositor and VFX artist, an editor working in one of the many NLEs that supports Blend Modes (including Adobe Premiere, Apple FCP and FCPX, Avid Media Composer, DaVinci Rsolve, and VEGAS Pro), or whether you just want the additional graphics power that comes with insight into the secret world of pixels, this is the tutorial for you! Join longtime VFX artist, editor, software developer, and business owner Simon Ubsdell for Part 2 of the best look behind the technology of blend modes that you've ever seen, with some practical steps you can start taking today to make your work look better than ever.
Tutorial Simon Ubsdell |
Adobe After Effects
Compositing Secrets Everyone Can Use: Pt. 1 - Blend Modes
Join longtime VFX artist, editor, software developer, and business owner Simon Ubsdell for the best look behind the technology of blend modes that you've ever seen. This isn't just for graphics and VFX, but for video editors too -- anyone who puts anything together, and wants to learn more about HOW images combine at the most basic level, in a way that applies to every application you might use, whether Adobe Premiere Pro, Apple FCPX, Avid Media Composer, DaVinci Resolve, VEGAS Pro, and yes, graphics and VFX programs like After Effects, Motion, Fusion, Nuke, Scratch, and many more.
Tutorial Simon Ubsdell |
Adobe After Effects
Disintegration VFX in Adobe After Effects
Join VFX guru Tobias Gleissenberger of Surfaced Studio for a classically energetic Adobe After Effects tutorial combining difference mattes, displacement maps, edge glows, and compositing tricks to dissolve (or explode!) one element in your frame while leaving the rest alone.
Tutorial Tobias Gleissenberger |
Adobe After Effects
Adobe After Effects: Common QT & Export Problems & Solutions
Problems with Adobe After Effects? Can't import or export QuickTime videos? Exports too big? Missing codecs? AE guru and VFX whiz Tobias Gleissenberger of Surfaced Studio has the answers you're looking for to make every project come to completion more smoothly, including a comparison of exported file sizes for common codecs.
Tutorial Tobias Gleissenberger |
Adobe After Effects
Fancy Title Animations In Adobe After Effects -- FAST!
Follow along as VFX guru Tobias Gleissenberger shows you how how to quickly create professional-looking animated text elements using the free presets that are included with Adobe After Effects, customizing them to suit your needs. Tobias will also show you how to apply masks to your text layers to have them appear from behind other elements.
Tutorial Tobias Gleissenberger |
Adobe After Effects
Remove People from Moving Video in After Effects with Mocha
Learn how to remove a person from a moving video using the Remove module of the Mocha Pro plug-in for Adobe After Effects! In one of his most epic tutorial's yet, Surfaced Studio's Tobias Gleissenberger then adds a bonus Beam Up effect using some of the great filters from the Boris Continuum and Sapphire collections.
Tutorial Tobias Gleissenberger |
| MORE |
| |