LIBRARY: Tutorials Reviews Interviews Editorials Features Business Authors RSS Feed

Adding Z-Depth to your Logo Using AE5 PB

Adding Z-Depth to your Logo Using AE5 PB


Adding z-depth to your Logo

by Roland R. Kahlenberg, Singapore, Singapore
Video * Motion Graphics * Original Music

©2001 by Roland R. Kahlenberg. All rights are reserved. Used at CreativeCow.net by kind permission of the author.

Roland Kahlenberg Article Focus:
Ever wanted to extrude a logo in After Effects but are on a tight budget and always looking to tinker about? Read on as Roland Kahlenberg demonstrates a cool way to introduce some z-depth to our objects in AE 5.0 Production Bundle. We'll be using Evolution's original Shatter or AE5.0's rendition of the same plug-in. The only source file is the COW's very own logo.
Here are the project files: Download them so you can follow along. These are .sit files, if you're on Windows and don't have the Stuffit Expander, download it here. It's free!

 
We'll be extruding the COW logo in one part of the tutorial and a Text Layer in another. They'll both cover different issues when extruding objects in 3D. The only one I've left out is extruding a layer the size of its comp. That is pretty straight forward once you've covered the two parts so I'll leave that as an exercise for you.
 
Another interesting gem is the use of an If/Else Expression which will allow you to build some smarts into your Expressions.
 

Let's begin by opening up the 3D Logo_Text.aep project file. In the timeline, you'll notice two finished Comps: Logo FinalComp and 3D Text FinalComp. Each has a Comp nested within.
 
Select the Logo Comp and immediately do a RAM Preview. See if you like the results enough to continue with the rest of the tutorial. Next, select the Cow_Front Layer and hit "u" on the keyboard followed by two quick pokes at the "e" key with the Shift key depressed. The "u" will display all keyframes within the layer while the 2 quick "e"s will display Expressions within the selected Layer. As a general AE tip, The "u" and "e" shortcut keys work across multiple layers. The Shift key is a modifier key which displays the result of the most recent shortcut while retaining the display of previous keyframes/Expressions.
 
Forget about the Adjustment Layer at this point in time. All it does is provide us with a Perspective Shadow for our extruded layer. Poke its eyeball to switch it off if it's distracting you. We'll get it later towards the very end of the tutorial.
 
You should be seeing a timeline similar to the one in (Figure 1 below). Other than the Expression, nothing should look too complicated to even a novice AE user. Just a few keyframes placed strategically within the timeline. The trick to extruding the logo is all done by the Shatter plug-in.
 

Figure 1

Now let's create a new Comp. Call it FinalComp for a lack of a better term. Now drag our source layer which can be found in the SourceFile folder within the project Window. Do this with the shortcut keys "Ctrl + /". We'll then create a Pre-Comp with this layer: "Ctrl + C" and choose the second option to move all its inherent and assigned attributes to the PreComp. Name this PreComp as Logo PreComp.
 
Now apply the Shatter plug-in: Effect -> Simulation -> Shatter. Switch the view to Rendered and select Custom from the Shape dropdown menu. Next Select Logo PreComp as our Custom Shatter layer and set Extrusion to a value of 0.6.
 
Since we're not using Shatter to splinter our layer, we'll have to change a couple of the default settings. Specifically, set Force 1 & 2's Strength to zero, and within Physics, set Gravity to zero. Twirl down Textures and change the Front and Back Modes layers' designation to Logo PreComp, and the Side Mode to Color. See Figure 2 for the Shatter settings thus far.

Figure 2


Let's apply a couple of keyframes to make Shatter's camera rotate around the logo. Set a keyframe at time time=0 to zero and another keyframe at the four-second mark with a setting of 1 revolution (360 degrees). Scroll down the timeline to see a preview.
 
You should see your logo extruded and rotating. However, it gets dark when the Back Mode of the layer becomes visible. This is caused by the Lighting -> Light Depth value, which is not moving in tandem with the object. We'll fix this with an Expression. Now create a keyframe for LightDepth. Don't worry about the value because' we'll delete it shortly. We need it to make it easier to show just the camera's Y-Rotation and LightDepth values in the Timeline. Type "u" to show just the keyframes for the layer.
 
Create an Expression for LightDepth with an "Alt + MouseClick" combo action on the Stopwatch icon next to LightDepth within the Timeline. With the default Expression highlighted, use the pickwhip to select Y-Rotation. Hit the Enter key and use the pickwhip again (ensure that no text is highlighted in the Expression text box) and this select LightDepth.
With these in place, we'll now type in a statement to declare a couple of variables. Specifically, type in: "yRot=" (without the quotation marks) followed by the first line. In front of the second line type in "lDepth=", again without the quotation marks. I've added these here only to be consistent.
Thus far, we've created and declared two Expression variables which is pretty much self explanatory as far as what they refer to. We'll now do the tricky bit which is to write an If/Else statement that'll make the LightDepth react according to the y-Rotation values with the sole intent of illuminating our logo throughout its 360 degree rotation.
 
Type the following statement after the last line in the Expresson text box:
"if (yRot<=90)
lDepth=yRot/-90+1
else
lDepth=yRot/90-3"

 
Note: Refer to Fig 1 to see the completed Expression.

 
Delete the LightDepth keyframe we had created earlier. Now scroll across the Timeline and your logo shoud be illuminated thoughrout its rotation. Everything is fine, but let's add some bevelled edges. To do this, we'll have to go to the original PreComp layer. Do this by "Alt + DoubleMouseClick" on the layer's name. We'll be transported back to the original pre-PreComped layer. Now apply Perspective -> Bevelled Edges. The default setting of 0.1 for Edge Thickness is a little too thick, so let's adjust it to about 0.5.
 
Now jump back to the FinalComp layer by clicking on its tabbed name in the Timeline window. Things look OK, but I'm kinda fussy and would like the back of the extruded layer to display the logo without a mirrored look. To do this we'll have to create another logo layer with a mirrored look. This will offset Shatter's own mirrored look as the logo rotates.
 
Let's create the Back Mode layer for Shatter to use. Do this by duplicating the original layer. Select the layer in the Project Window and press, "Ctrl +D". "Double Click" the layer to open it in the Timeline Window. Type "Ctrl + Shift + S" to display the layer's scale properties dialog window. Set Preserve to None and Horizontal Scale to -100% of source. Hit the Enter key. Rename this Comp, BackMode Layer or anything you want as long as you can easily tell that it's the layer that you'll be using for the BackMode Layer.
 
Select the FinalComp Composition. Go to the Project Window and "Ctrl + /" this BackModeLayer comp. Poke it's eyeball to switch it off. Select the Shatter Layer and under Textures, make the appropriate change for BackModeLayer. Scroll through the Timeline and you'll be able to see the logo and all its text in an easy to read manner as it rotates.

For the finishing touches, create an Adjustment Layer the length of the composition and apply the Perspective -> Drop Shadow plug-in to give the layer more depth.
 
Additionally, take a look at my CowFront layer in the FinalComp Composition. Notice that I've added an Expression for Specular Reflection. Two quick "e"s on the keyboard if you don't see it (Figure 3 below). The idea here is to create an animated glint as the logo rotates. I'm basically using the same Expression here as I did for Light Depth, of course with a different formula.
 



Figure 3


That's all there is to it. You can make some adjustments to Focal Length to simulate a truer 3D perspective as the logo rotates. We'll leave that as an exercise as using AE's own 3D camera will provide the same look and feel.
 
In the next Extruded 3D tutorial, we'll look at creating other extruded objects such as text. The principles we will apply then will allow us to extrude irregularly shaped objects. In the meantime have fun with this.
 
Cheers and God Bless.
 
###



Roland is a leader in the Adobe After Effects forum at CreativeCow.net.




Visit our forums and view other articles at Creativecow.net if you found this page from a direct link.


Comments

Re: Adding Z-Depth to your Logo Using AE5 PB
by Roland R. Kahlenberg
The last couple of versions of AE only allow you to open more recent AEPs - older AEPs are not supported.

You can view related tutorials on extruding non-vector imagery here.

If you have a vector image then look at using CS6's Ray-trace feature.

Cheers
RoRK

Intensive mocha & AE Training in Singapore and Other Dangerous Locations

Imagineer Systems (mocha) Certified Instructor
& Adobe After Effects ACE/ACI (version 7)
ERROR: Adding Z-Depth to your Logo Using AE5 PB
by יהושע – Josué (Josh) Selva
Hi! When I try opening your file "3DLogo_Extrude.aep", I am getting the following message error, "After Effects error: this file was created with an older version os After Effects [5.0 (Windows)], and can't be opened. You can convert this file using an older version of After Effects and resaving."

I'm using After Effects CS6 in a Macbook Pro year 2010. Thank you for your great tutorials.


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