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: 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
Adobe After Effects
Adobe After Effects Energy Ball

Adobe After Effects Energy Ball

In his latest high-energy Adobe After Effects tutorial, VFX guru Tobias Gleissenberger of Surfaced Studio combines a variety of effects to create the pulsating energy ball, composited with motion tracking, optical flares, and more.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Stabilize 360 Video with Mocha VR

Stabilize 360 Video with Mocha VR

In this intermediate tutorial, Mocha Product Manager Martin Brennand takes you through smoothing the horizon in a Samsung Gear 360 shot using the Reorient Module in Mocha VR. Jittery 360 video footage can be made more watchable by stabilizing with Mocha’s planar tracking tools. The tutorial is done via the Adobe After Effects plug-in, but the techniques apply to all versions of Mocha VR.

Tutorial
Imagineer Systems
Adobe After Effects
Adobe After Effects April 2017 New Features

Adobe After Effects April 2017 New Features

The April 2017 release of Adobe After Effects (version 14.2) is packed with new features, and Tobias Gleissenberger of Surfaced Studio is here to show you the latest and greatest. Highlights include the Essential Graphics panel and Motion Graphics templates (with Adobe Premiere Pro integration), the addition of Lumetri Scopes and Color Correction effects, new effects organization, the Camera Shake Deblur filter and more.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Adobe After Effects Advanced Title Tutorial

Adobe After Effects Advanced Title Tutorial

Learn how to create complex title animations in Adobe After Effects! In my last tutorial I covered how to create, customise and animate simple titles in Adobe Premiere Pro: https://www.youtube.com/watch?v=6xQtq... In this tutorial we will take things one step further and create titles that are too complex to create with Premiere alone. We will be working with and customising presets, creating character by character animations and we will look at the power of custom Text Animators. Want to learn more about how to animate text? Check out the Adobe help page: https://helpx.adobe.com/after-effects...

Tutorial
Tobias Gleissenberger
Adobe After Effects
Imagineer mocha Pro 5 Plug-In for Adobe: An In Depth Review

Imagineer mocha Pro 5 Plug-In for Adobe: An In Depth Review

Imagineer mocha Pro 5 Plug-in for Adobe brings all the amazing features of the professional version of the mocha Planar Tracker directly into After Effects and Premiere Pro in the form of a plugin. In this in-depth review, After Effects tutorial guru Tobias Gleissenberger of Surfaced Studio will show you what you can do with this new plug-in, and discuss what he likes and doesn't like about the new update.

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