LIBRARY: Tutorials Reviews Interviews Editorials Features Business Authors RSS Feed

Preparing a News Open: Adding WOW to the Logo

Preparing a News Open: Adding WOW to the Logo



Creating a News Open Part Two. Adding Wow to the Logo

by Kurt Murphy, Paws For Effect, Amherst, New York USA

©2001 Kurt Murphy. All Rights Reserved. Used at CreativeCow.net by kind permission of the author.
This edition ©2001 Creativecow.net. All rights reserved.


Kurt Murphy Article Focus:
In Part Two of the series, noted broadcast designer Kurt Murphy expands on the logo that the client chose in Part One. Here, Kurt takes the EPS files into After Effects and uses the 3D powers of Zaxwerks Invigorator to bring the "Wow!" to the on-air identity Kurt creates for KVEW. Even if you do not have the Invigorator, this is a great article for AE and other users as it shows the process used by a respected artist in action.

After a logo style and color scheme was decided upon, it was then created in 3D. Until AE5 was released (which introduced Z-depth), After Effects was largely a 2D program (albeit, the best damned 2D program in the world), but you really couldn’t manipulate true 3D objects with extruded sides within the program. That all changed with the plug-in Zaxwerks Invigorator. More than just a plug-in, Invigorator acts like a full-blown 3D program right inside After Effects. It allows you to extrude an EPS file (from either Illustrator or Freehand), and animate it in 3D space.

Invigorator allows you to add color, materials, reflections, edges and a host of other goodies to each 3D object. Invigorator views each Illustrator or Freehand group set as a separate 3D object.

As far as animation goes, the rules are simple: If you know how to animate in After Effects, you’ll be able to animate Invigorator in 3D space, for it uses the same Timeline and keyframes as After Effects.


Some of what's under the hood:



In Invigorator, the KVEW call letters were angled slightly so that the bottom portion was behind the arc and the top rested above the arc. This also made light react differently to the KVEW as it was animated into position.


Presto magico... instant 3D.



The redesign was for a dual station market; KVEW & KAPP. Once the KVEW logo and animation was complete, I needed to create the exact same movie with KAPP. Invig makes this very easy, for it remembers the position of the original EPS files. By placing the logos in the lower left hand corner in the draw program, Invig easily allows you to replace the “kvew” with the “kapp”; all colors, materials, bevels and animation remain intact (just make sure you ‘Save As’ to a new name or safer yet, duplicate the project in Finder and rename that... You’ll thank me later).


Although Invigorator renders fairly quickly; each frame took about 40 seconds per field (or 80 per frame) to render the 3D logo. There were over 20 animations where the 3D logo animation would be used, so based on the quantum-rendering formula* I decided to render out the 2 logos (KVEW & KAPP) separately as Quicktime movies and then use the Quicktime movie in each final render (at about a second per frame) greatly reducing my overall render times.

In the render settings dialogue box (fig. below) I chose the Animation codec because it allows me to create the movie with an embedded alpha channel (Millions+ means alpha), and to compress the movie slightly (at 75) bringing the file size down a bit (it weighed in at mere 14.5 pounds).

By rendering the movie using a “Straight” alpha channel (versus a pre-multiplied or “gay”), AE oversamples the edges slightly in the RGB layer meaning that the alpha channel will cut through those over-sampled edges and the anti-aliased pixels will be the color of the logo edges and not the background making for a much cleaner key.


When viewing the finished Quicktime movie it may appear to have aliased edges (stairstepping, below) around the logo - DO NOT BE ALARMED -This is the “over-sampling” that I was talking about. The alpha channel edges remain pure (fig. 3) and cut the ‘hole’ through the sampled edge colors instead of the background color.



Things start really looking funky if there’s a lot of soft edges with transparency in the logo.

(note the greyscale on the alpha channel indicating transparency)

*formula: (40 seconds) x per field (times) 20+Opens = no brainer.

Coming soon: Creating the Background...



©2001 Kurt Murphy. All Rights Reserved. Used at CreativeCow.net by kind permission of the author.
This edition ©2001 Creativecow.net. All rights reserved.



Please visit our forums and view other tutorials at CreativeCow.net if you found this page from a direct link



Related Articles / Tutorials:
Adobe After Effects Techniques
After Effects: Animated Guitar Strings with Plexus

After Effects: Animated Guitar Strings with Plexus
  Play Video
Using Rowbyte Plexus (the 3D particle system plugin for Adobe After Effects) and Trapcode SoundKeys in After Effects, Gardy Raymond demonstrates how to create animated guitar strings that distort in time with the music.

Tutorial, Video Tutorial
Gardner Raymond
Adobe After Effects Techniques
IK Character Animation: Walk to the Beat 2: The Walk Cycle

IK Character Animation: Walk to the Beat 2: The Walk Cycle
  Play Video
In this second tutorial on animating an IK character Andrew Devis shows us how to create and refine a walk cycle with our IK controlled character such that it walks in time with the music we had set up in the previous tutorial.

Tutorial, Video Tutorial
Andrew Devis
Adobe After Effects Techniques
Character Design and Animation in AE: Part Two

Character Design and Animation in AE: Part Two
  Play Video
In part 2, Rob Mize presents the After Effects work flow he uses to bring to life the character created in part 1. By keyframing shape paths, Rob demonstrates how we can not only animate the character's features, but her speech as well.

Tutorial, Video Tutorial
Rob Mize
Adobe After Effects Techniques
The Beauty of AE Shapes: Top 10 Features Countdown

The Beauty of AE Shapes: Top 10 Features Countdown
  Play Video
Rob Mize offers his Top 10 Countdown of the features that make AE shapes such a versatile compositing tool. Rob highlights the functionality of these features and demonstrates just how practical shapes can be in your production efforts.

Tutorial, Video Tutorial
Rob Mize
Motion Graphics
Neat Video: Removing Noise and Grain from your Footage

Neat Video: Removing Noise and Grain from your Footage
  Play Video
In this video tutorial you will learn how to use the Neat Video plug-in for multiple applications. Although demonstrated in After Effects, the work-flow is essentially the same for all these applications: After Effects, Premiere Pro, Final Cut Pro, Motion, Nuke, Fusion, Vegas Pro, etc. This powerful but simple to use plug-in can clean up noisy footage by applying a sophisticated and advanced algorithm to work out what's noise and what's details in your footage and then remove just the noise. This is done by profiling the noise properties in an area of a video frame without visible features. Once the noise has been profiled, Neat Video is guided by this profile to reduce and eliminate noise while not touching the video details. Although mostly automatic, Neat Video still leaves you with total control over the amount of filtering you apply and even offers optional sharpening (without sharpening the noise) should you wish it.

Tutorial, Video Tutorial
Andrew Devis
Motion Graphics
The Modern Guide to Nonlinear Editing and Living

The Modern Guide to Nonlinear Editing and Living

In this article from the Creative COW Magazine, Tim Wilson discusses nonlinear editing and our ability to create meaning from our experiences that changes everything.

Editorial
Tim Wilson
Motion Graphics
A Non-Linear Career

A Non-Linear Career

An FX veteran's unexpected, non-linear career path, from puppetry to painting, to ILM and beyond, offers insights into the art and business of film creativity - and a killer reel.

Feature, People / Interview
Tony Hudson
Adobe After Effects Techniques
Creating Interactive Games - Cine Bingo

Creating Interactive Games - Cine Bingo

The team at Psychic Bunny worked on whatever interested them - perfect preparation for a job that even the client couldn't describe. In this Creative COW Magazine article Rick Castañeda gives you a behind the scenes tour of how they made cine bingo and teaches a few tips on interactive game making.

Editorial, Feature
Rick CastaƱeda
Adobe After Effects Techniques
Media Management Nightmares? Game On!

Media Management Nightmares? Game On!

Here's how one team turns 14 hours of raw footage on the latest games into a 30-minute TV show every week, 40 times a season. In this Creative COW Magazine article Dustin Lau discusses some tricks for high end digital media management.

Editorial
Dustin Lau
Adobe After Effects Techniques
Improvising Visual Effects

Improvising Visual Effects

On-set circumstances changing fast? Improvise! In this Creative COW Magazine article Mark Allen discusses how he overcame the complications in a recent short film production by improvising the visual effects.

Feature, People / Interview
Mark Allen
MORE
© 2016 CreativeCOW.net All Rights Reserved
[TOP]