Creative COW SIGN IN :: SPONSORS :: ADVERTISING :: ABOUT US :: CONTACT US
Creative COW's LinkedIn GroupCreative COW's Facebook PageCreative COW on Twitter
LIBRARY:TutorialsVideo TutorialsReviewsInterviewsEditorialsFeaturesBusinessAuthorsRSS FeedTraining DVDs

Combining Volumetric Lights and Grid Basics

COW Library : Adobe After Effects Tutorials : Aaron Slater : Combining Volumetric Lights and Grid Basics
Combining Volumetric Lights and Grid Basics
A CreativeCOW Adobe After Effects Tutorial


Combining Volumetric Lights and Basic Grid

Aaron Slater Aaron Slater
Sint-Niklaas, Belgium

©2004 Aaron Slater and Creativecow.net. All rights are reserved.

Article Focus:
Aaron Slater created a music video in which his images would 'flash' within a basic grid to the beat of the music. Here's a tutorial demonstrating his technique combining volumetric light effects with the grid. This tutorial requires an intermediate knowledge of lighting, camera positioning & masking.


download movie project files: .zip Project files: .sit

This tutorial uses no extra plugins, with graphics made in photoshop 7.0.

Begin by adjusting your color palette, create a small white grid, a white triangle-like figure (you can make it a square, circle, … ) This will be your background. Later, we'll add some text to spice it up.

Let's proceed…

The composition should be 800 x 600, square pixels at 30 fps and about 4 seconds long. Import your white triangly-like figure ( you can also create this in AE but I like combining Photoshop with AE; I think it gives better results & more control ). Since I imported a relatively small figure in AE I had to increase the scale by +- 175 , 400 %. No problem, if this results in a jagged border, you can just use the glow effect.

Enable the 3D layer switch and start adding your first light. Look at my box for the settings.



Doesn't really look convincing, right? Add some more lights and scatter them apart. To get these results have a look at the picture below…


OK, so now we have what I call ‘a flashed up background’. This background can be recycled in a new project later. Top it off by adding the basic 3D effect [ Effects>Perspective>B3D ].

I set my values to the following: Swivel: 0x +171,0°; Tilt: 0x-4,0°

Add your grid to the composition. Increase the scale to your liking ( mine's about +- 140 , 630 %). Add a glow effect to the layer (default settings )

Add a camera [ shift, Ctrl, Alt ]; don't forget to enable the 3D layer switch for the grid layer. Experiment with the setting on your camera, if you get lost, use my settings. Remember you can always use the ‘Take Snapshot‘ feature to compare your new settings to the older ones.


Try moving your camera around. Go to Window> Workspace> 2-up/active+left or just select the two comp view & change the settings in one of your composition windows. If you're not blessed with a 21 inch monitor (like me), you might want to decrease the ‘magnification ratio popup’ in order to fit both the comps on your screen. When you're happy with the results, keyframe the position of your camera & voila, there you have it.

Add some footage to your composition, enable the 3D switch in order to let it interact with your camera. Here is where masking comes into play. It's important to note that masking can make one’s life a whole lot easier. You can crop your video, give it a feather, a new shape, combine two masks to create an even more perplexing shape.

In this case I cropped the black parts of my video and added a little mask feather (about 5 %) [ right click your footage; Mask> New Mask ] / [ Layer> Mask> New Mask ]

You might want to add some effects like: ‘Drop shadow’, ‘Fill’ or a motion blur ( ‘directional blur’ ).
Spice things up by adding some text to your composition. You can add some motion to the text or apply a ‘linear wipe’ to make a small animation. To make it more realistic add a ‘Drop Shadow’. If you don't have enough ram to run everything smoothly, click on Draft 3D.

You can quit here or you can make it go to another level… I won't go into detail on this because I believe you can go anywhere with this and my method & idea is just one of the dozens you might have. If you feel confused, just open up my AE file & take a peek inside.

Zoom in on the grid, apply some effects where needed & make everything more dynamic.

Let's start out by splitting the grid layer where you want to start the zoom animation [ Layer> Split Layer ]
I zoomed in to about 160, 720 %, keyframed it over 2 seconds, then I applied a Glow filter [ Stylize> Glow ]; Keyframed over the same period.
I did the same thing with my footage but this time I applied a ‘directional blur’, altered the scale & opacity. This way I gave it a ‘warp’ twist ( Star Trek-a like )

I gave my text a little animation by adding a keyframed ‘basic 3D’ effect to one & I keyframed the opacity + scale on the other. ( to a zoom effect )

Do a Ram preview and then make a little joy dance cause this tutorial is at its end.
All that remains to be said is…

I thank you for reading this tutorial & all the best to you!
Aaron Slater

Please discuss any questions in the After Effects forum at CreativeCOW.net.

Feel free to email me about any questions you might have …



Please visit our forums at CreativeCOW and view other articles if you found this page from a direct link.

  Adobe After Effects Tutorials   •   Adobe After Effects Forum
Reply   Like  


Related Articles / Tutorials:
Adobe After Effects
Virtual 3D Sets with After Effects

Virtual 3D Sets with After Effects
  Play Video
Rob Mize demonstrates techniques for creating a virtual set in 3D space. He shows how you can build sophisticated, detailed environments, where your actors appear to interact with their 3 dimensional surroundings. Build the set of your dreams using nothing more than After Effects, a few textures and your creativity.

Tutorial, Video Tutorial
Adobe After Effects
Lite Bite for After Effects: The Tilt Shift Effect

Lite Bite for After Effects: The Tilt Shift Effect
  Play Video
In this tutorial, Martin Ainsworth will demonstrate the "Tilt Shift" effect also known as "Toy Town Look" using Abobe After Effect. This simple yet very power technique can add an extra dimension to an opening introduction.

Tutorial, Video Tutorial
Adobe After Effects
Lite Bite for After Effects: How do I use 8 or 16 bpc effects on 16 or 32 pbc projects?

Lite Bite for After Effects: How do I use 8 or 16 bpc effects on 16 or 32 pbc projects?
  Play Video
"Lite Bites" are short no-frills tutorials giving quick answers for busy people. In this next AE Lite Bite tutorial, Andrew Devis shows how to use 8 or 16 bpc effects safely on 16 or 32 bpc projects.

Tutorial, Video Tutorial
Adobe After Effects
Lite Bite for After Effects: How do I animate Text on a Path?

Lite Bite for After Effects: How do I animate Text on a Path?
  Play Video
"Lite Bites" are short no-frills tutorials giving quick answers for busy people. In this next AE Lite Bite tutorial, Andrew Devis shows how to quickly and easily animate text on a path.

Tutorial, Video Tutorial
Adobe After Effects
You Ask....I Answer: Masking vs Track Matting Part 2: Adobe After Effects

You Ask....I Answer: Masking vs Track Matting Part 2: Adobe After Effects
  Play Video
In this tutorial, Kevin P McAuliffe takes a look at doing the same viewer requested track matting technique he showed in Motion 5, but the time he demonstrates the technique inside of Adobe After Effects.

Tutorial, Video Tutorial
Adobe After Effects
Lite Bite for After Effects: How do I create a simple Light Wrap?

Lite Bite for After Effects: How do I create a simple Light Wrap?
  Play Video
"Lite Bites" are short no-frills tutorials giving quick answers for busy people. In this first AE Lite Bite tutorial, Andrew Devis shows how to make a quick 'light wrap' effect for a keyed item so that the edge or alpha channel of the keyed item includes some of the pixels from the background element so that it starts to look as if the two items really belong together.

Tutorial, Video Tutorial
Adobe After Effects
Weißabgleich nachträglich ändern ein Quicktip in Adobe After Effects

Weißabgleich nachträglich ändern ein Quicktip in Adobe After Effects
  Play Video
Weißabgleich nachträglich ändern ein Quicktip in Adobe After Effects von Lucas Pfaff: lernen die Grundlagen der Weißabgleich.

Tutorial, Video Tutorial
Adobe After Effects
Using the Scribble & Stroke Effects

Using the Scribble & Stroke Effects
  Play Video
The "Scribble" and the "Stroke" effects are often overlooked due to the fact that it isn't immediately obvious how they work as they won't work unless applied in a very particular way. In this in-depth tutorial, Andrew Devis explains how to apply these effects and then goes through the many options in each effect which can make them very powerful and able to produce a surprisingly large variety of results.

Tutorial, Video Tutorial
Adobe After Effects
Character Design and Animation in AE: Part One

Character Design and Animation in AE: Part One
  Play Video
Rob Mize demonstrates the process of designing, creating and animating a character entirely in After Effects. Part 1 focuses on the design and creation of the character using nothing more than AE shapes.

Tutorial, Video Tutorial
Adobe After Effects
Adobe Creative Cloud Offers Applications, Services, Community

Adobe Creative Cloud Offers Applications, Services, Community

With Creative Cloud, Adobe is switching from a model of software as a product to Software as a Service (SaS). By early 2012, Adobe Creative Cloud is expected to include such applications as After Effects, Premiere and Photoshop. Creative Cloud includes a hub for viewing, sharing and syncing of files, and a subscription with 20GB of cloud storage.

Feature, People / Interview
MORE


FORUMSTUTORIALSMAGAZINESTOCKYARDVIDEOSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

Creative COW LinkedIn Group Creative COW Facebook Page Creative COW on Twitter
© 2012 CreativeCOW.net All rights are reserved. - Privacy Policy

[Top]