LIBRARY: Tutorials Reviews Interviews Editorials Features Business Authors RSS Feed

Layer Cycling in Invigorator Pro for After Effects

COW Library : Adobe After Effects Tutorials : Jon Okerstrom : Layer Cycling in Invigorator Pro for After Effects
Layer Cycling in Invigorator Pro for After Effects


A CreativeCOW Zaxwerks Invigorator Tutorial


Layer Cycling in Invigorator Pro for After Effects
Jon Okerstrom Jon Okerstrom,
Cedar Rapids, Iowa, USA



Article Focus:
In this tutorial, Jon Okerstrom uses Adobe Illustrator and Invigorator Pro AE to demonstrate how Invigorator Pro AE can accomplish a 3D write-on effect.'


Download Movie Project file: Not available Download Invigorator Pro Demo

Invigorator Pro AE by Zaxwerks opens offers some amazing new options for 3D animation within After Effects 5.0 and 5.5. Invigorator has long been the fastest and easiest way to turn vector-based graphics into 3D objects. Here's how fast and easy: Create a logo in Adobe Illustrator. Launch After Effects. Apply the Invigorator effect to a layer. Import the Adobe Illustrator artwork. A few quick mouse clicks and presto. Instant 3D!

The new Invigorator Pro AE builds on that foundation by adding an ability called Layer Mapping. This technique allows you to create models that form before your eyes, deform, or morph from one shape to another over time.

How it works: Layer mapping is a lot like traditional animation, in that the animation is created a frame at a time, with each frame containing subtle changes over time. Fortunately for us, the process with Invigorator is automated, flexible and fast.

Step 1. Create the artwork in Adobe Illustrator... you'll be using layers, and need to save your art at Illustrator 8.0 or earlier. This is where the bulk of the work is done - and it pays off big when we get to After Effects.

Start by creating or pasting in your complete logo, in this case, I'm using an outline of a "2." Note that I'm using a filled solid rather than a stroked path for this. The color of the logo doesn't matter because we'll be texturing it later. (Though you can tell Invigorator to use Illustrator colors, if you want.)

Before we get too far into this, consider how long you want the write-on effect to take. Think of each layer in Illustrator as representing a frame in the animation. In this case, I want the effect to take a little more than a second, so I'm planning on 30 to 40 layers. The idea is to create a progression of layers during which the logo is revealed a bit at a time.

Step 2. Duplicate the layer containing the 2 Outline. Cover a small part of the logo with another filled object. Use Pathfinder>Minus Front. You're left with the same logo, with a small part missing.

Step 3. Duplicate that layer. Use another filled object to cover up a bit more of the logo. Use Pathfinder>Minus Front. As you can see in the image below, we're well on our way through the sequence.

Step 4. Repeat the process as many times as you need. each time, you end up with less of the logo. When done, you'll end up with a sequence of layers, from full logo to almost nothing. One trick - lock the layers and make them invisible after you're done with them. Click through the eyeball sequence to see the layer-by-layer progression. You can certainly use other techniques in Illustrator to speed up this layer building process a bit - but you get the idea.

Step 5. Now, the fun part begins! Launch After Effects. Add an After Effects layer to your composition. Apply the Invigorator effect to the layer. In the first window you see, choose Create Layer Cycling Object.

This step opens a dialogue box asking you to select your artwork. Be sure to select Open By Layers and As Layer Cycling Object. You can use Illustrator colors if you want, but it's not necessary in this example.

At this point, you can apply bevels and textures to your object. Scrub the timeline and you'll see the different frames, as the object shape changes frame by frame in the preview window. You can also adjust Invigorator's lighting controls, or click two buttons to have Invigorator use AE's lights and cameras. In some circumstances, this ability can be very powerful... it's certainly worthy of tutorials to come.

Now that we've done most of the work, go ahead and add any camera move, lighting changes or texturing you want. Also, check out the layer cycling options. You can choose how often Invigorator changes frames, which affects the duration of the effect as well as the smoothness. Use the "change every" box for this. You can also tell Invigorator to loop the effect, do it once or hold, or any number of other options. See what I mean about easy? Once you've made these choices, you're ready to render.

Invigorator Pro AE is the first to offer two rendering engines -- the normal Invigorator renderer and the new OpenGL renderer. The Invigorator renderer is more flexible, because it supports shadows, bump maps and transparency, but for flat-out speed, Invigorator's OpenGL rendering engine is hard to beat. In this example, each frame took a second or less using OpenGL on a PowerMac G4 with a GeForce4 video card. It's so fast, I use it to do RAM previews of motion, rather than using draft mode. Depending on which options are selected, the rendering time is significantly longer using the Invigorator Renderer.

Take another look at what we've built. Try doing this in another 3D application! Unless you're using the standalone Invigorator Pro Modeler, you're probably in for a lot more work and a much bigger time investment.

Before we wrap this up, it's important to point out that the write-on technique is just one way you can use Invigorator's Layer Cycling power. Think about deforming text in Illustrator, or morphing from one shape to each other. It's easy, using Illustrator's Blend tool and using each of the in-between shapes on a separate layer. In the example below, I used FILTERiT's deformation tool to create a wave in the text, and Illustrator's Blend tool to make the in-between versions which I've represented as different colors. I repositioned all versions on top of each other in Illustrator because Invigorator positions elements based in their location in the Illustrator document.

If you want to give Layer Cycling a spin, visit http://www.zaxwerks.com and download the demo of Invigorator Pro AE. You'll be glad you did. If you have some ideas or questions, be sure to visit the Zaxwerks forum at Creative Cow. We look forward to hearing from you.

--Jon




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
Adobe After Effects Reverse Stabilization

Adobe After Effects Reverse Stabilization

You're going to be blown away by how you can power up your After Effects workflow with reverse stabilizing your footage! By separating your tracking from your compositing, you can focus on each step, and in addition, overcome the render order complexities when match moving elements and effects on a moving shot.


Roei Tzoref
Adobe After Effects
After Effects Content Aware Fill: When It Doesn't  Work

After Effects Content Aware Fill: When It Doesn't Work

There’s a new artificial intelligence-powered feature in Adobe After Effects called Content-Aware Fill that allows you to remove anything from your shots fairly easily! It's powerful, but if you’ve tried it you know that it doesn’t always work perfectly. So what do you do when it doesn’t work as well as you'd hoped? Filmmaker Cody Pyper is here to show what to try next!


Cody Pyper
Adobe After Effects
VFX in Adobe After Effects: An Artists Panel (NAB)

VFX in Adobe After Effects: An Artists Panel (NAB)

Join panelists Andrew Kramer of Video Copilot, Jayse Hansen, and Mary Poplin of Boris FX, along with moderator, Victoria Nece of Adobe, as they discuss the world of visual effects from an artist’s perspective.


Adobe Creative Cloud
Adobe After Effects
Scars, Tattoos & Digital Makeup: After Effects & Mocha Pro

Scars, Tattoos & Digital Makeup: After Effects & Mocha Pro

How do you add SCARS, TATTOOS or DIGITAL MAKEUP to a person's face? Learn how to use Mocha Pro's planar tracker and the Mesh Warp tool to insert a flat image/video on a (non flat) human face! Join VFX guru Tobias G from Surfaced Studio for a closer look!


Tobias G
Adobe After Effects
Compositing Secrets Everyone Can Use, Pt 5: Brightness

Compositing Secrets Everyone Can Use, Pt 5: Brightness

The first challenge to understanding the nature of brightness in compositing starts with remembering that we're not actually seeing color at all, but rather something of an illusion that appears to us as color! Join longtime VFX artist, editor, software developer, and business owner Simon Ubsdell for Part 5 of the best look behind the technology of compositing that you've ever seen, as he takes a look at the math behind brightness, and how to apply that to the compositing toolsets in your favorite editing, compositing, and color grading applications.

Tutorial
Simon Ubsdell
Adobe After Effects
60 Second Tutorial: Alien Invasion in Adobe After Effects

60 Second Tutorial: Alien Invasion in Adobe After Effects

Here's a fast, fun one! Sixty seconds to create and animate an alien using the 3D and Track Camera tools to animate your character in Adobe After Effects. Use the included files, or bring your own!

Tutorial
Adobe Creative Cloud
Adobe After Effects
What Are Adobe Motion Graphics Templates?

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

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

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

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
MORE
© 2019 CreativeCOW.net All Rights Reserved
[TOP]