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
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
Adobe After Effects
Compositing Secrets Everyone Can Use: Pt. 1 - Blend Modes

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

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

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!

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

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
Adobe After Effects
Basic Clone Effect Interaction - After Effects Tutorial

Basic Clone Effect Interaction - After Effects Tutorial

Want to take your CLONE EFFECT to the next level? Want to know how to make your clones INTERACT? Tobias Gleissenberger shows you how.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Adobe After Effects: Glitch Effects Without Using Plug-ins!

Adobe After Effects: Glitch Effects Without Using Plug-ins!

Join VFX guru Tobias Gleissenberger for a fun, high-energy look at how to create all sorts of digital noise, glitch, and other disturbing video effects with any version of Adobe After Effects, without using any plug-ins!

Tutorial
Tobias Gleissenberger
MORE
© 2019 CreativeCOW.net All Rights Reserved
[TOP]