Web Quantum Petshop

Easy Smoky Overlay
Creating simple and quick smoke effects.
By Ryan Foss

MPEG Video Sample, ~3.5 MB
zipped project file with images

This tutorial shows you how you can create simple smoke effects using Adobe Premier. Ideal for more interesting text or logos, but potentially expandable into more dynamic uses. This tutorial was written with Adobe Premier in mind, but since its really quite simple, I don't doubt that it can be achieved in other video editing applications. It is assumed that that the user will have a medium level of understanding of Adobe Premier, specifically with setting clip Motion, Transparency and Effect controls.

In this example, a text will move across the view, and at some point a pink smoke will develop from it and linger, eventually fading away. To archive this effect, we will need three images, and at least three video tracks. This effect was designed with a underlying video layer in mind, so if you have one, the effect will appear over it with the proper transparency.

To start off, you will need a main image, which in this case is actually a Title (shameless self promotion). Although I made the text a slight off white, you can make it however you like.

Now you'll need a silhouette image of the main image to act as a mask (black is transparent,gray is semi-transparent, white is opaque). For this example, I made a copy of the above title/image, and then "stroked" it. Stroking is a Object Style modifier option in the Title Designer of Adobe Premier. All it basically did was fattened up the thickness of the text. Stroking is a personal preference, which will thicken the smoke effect some. The important thing is that the main image and silhouette image line up with each other.

You'll also need a smoke image. I'm assuming you know how to make a simple "clouds" image. If not, you can DL this one. Or better yet, check out my tutorial on Render Clouds to see how to expand upon this image.

In Adobe Premier, create a project with the main image, smoke image, and silhouette image. Put the main image on Video 2 and the silhouette image on Video 4, like shown. The idea is that the main image will pan across the screen in ten seconds. The smoke will start to appear at four seconds, and will last until 15 seconds.

The difficult task in lining up the motion of the main image and the silhouette image. To do so, first archive the desired motion on the main image. Once done, match the silhouette motion and timing. It can be rough, as the silhouette image will just appear as a rough smoke anyhow. It should be noted that the motion of the silhouette image represents the basic shape and motion of the smoke effect, so in this example, I had the smoke start moving with the main image, but slow down and start to rise and grow in size (by using the zoom value).

Add a Gaussian Blur effect to the silhouette image and set the value to 15. (This is going to control how legible the text is.) Enable key framing (the clock like icon) then go to the last frame of the silhouette image on the timeline and set the Gaussian Blur to a higher value, I used the max value 50. When the smoky text appears, it will now be slightly blurred, and become more of a mass of smoke. Both the "stroke" applied to this image, and the blur will effect how legible the smoke will be.

Add the smoke image and line it up with the silhouette image in the timeline. Set its transparency key type to Track Matte. Add transparency key frames and adjust the transparency over time (red line) so that the smoke will fade in and out. Because track matte is being used, it should be noted that a transparency value of 0% should be avoided, and 1% should be considered the low value. This % value can be visualized by holding the shift key down while moving key frames.

What we have now is the basic effect, but something is missing. The smoke just looks too static. That is where a little motion applied to the smoke image can come in handy. I have the smoke image rotate slightly, grow in scale (using zoom value) and rise. This causes the illusion of rolling smoke and adds some motion to the effect.

Last, but not least, is the color adjustment on the smoke itself. This is done by adding a Tint video effect. What you'll actually be setting is the colors of the smoke image. This could be done directly in the smoke image itself, but this allows for finer control and easy adjustment, as well as the ability to use generic black and white images for effects (such as a library of cloud images like I have). Different effects could be easily achieved by switching which image to use.

That's it. Let me know what you think or if you found this tutorial worth while (pat me on the back so I can justify writing more tutorials). Oh, here is another link to the sample video and project zip file. Enjoy.

MPEG Video Sample, ~3.5 MB
zipped project file with images

Don't forget to checkout our entire Tutorials section.

Our Other Popular Tutorials
Found our stuff useful or interesting? Help us function and keep us motivated.

all content © Copyright Quantum Petshop 1998-2006

quantum petshop tresure box
[an error occurred while processing this directive]