Tuesday, November 17, 2009

How to create an artificial fog effect in Flash

I have this photo of a snowy backyard.
clip_image001
Create a new Flash document. To do this, go to File >New. Select Flash Document. Click OK. We will use the image of the snowy backyard for this. Import the image to your library by File > Import > Import to library. Then select the image to import in the library.
clip_image002
Drag the image from library to your stage area. Then, resize your stage area to the size of your image. To do this, click on the image and look at the properties panel
which is found at the bottom by default.
clip_image003
Remember the width and height then resize your stage area.
clip_image004
Align your image by clicking on the image. And from the Align panel make sure you click first To Stage icon, then Align Left Edge and Align Top Edge.

clip_image005
Rename the first layer to “background” then lock the layer.
clip_image006
Create a New layer, and we can name it to “fog”
clip_image007
Select the Brush Tool, and then set the stroke color to white. Also choose the medium Brush size.
clip_image008
Now at layer 2, draw some random wiggles across the stage area at the lower part.
clip_image009
Select everything or all the wiggles you draw, with the Selection tool. Then hit on F8 or go to Modify > Convert to Symbol… F8, to convert this to a Movie clip. You can name the clip to “fog_mc”
clip_image010

Double click on the movie clip to edit it.
Select everything again with the Selection tool. Then, hold on to your Shift + Alt button. While holding on to these buttons, drag them to the right to make a copy.
clip_image012
Scroll the timeline up to frame 200 and press F^ to create a new keyframe
clip_image013
We will then need to add a motion tween from frame 1 to 100 by right-clicking between them, and selecting “Create Motion Tween”

Select frame 200 to select the movie clip. Then hold down Shift button so you can drag the wiggles to the right, until it is almost matching up the same wiggle shape. Notice that the objects are released on a different position.


clip_image016
Go back to scene 1. You can also preview the loop by pressing Ctrl + Enter
Now we will need to transform these wiggles to a fog effect. To make this to a fog effect, we need to blur it. To do this, select the movie clip. Go to Filters tab, then click on the plus icon/button to add blur.
clip_image017
Set the Blur X and Blur Y to about 70, with the Quality Low
clip_image018
And we are done. You can preview it by clicking Ctrl + Enter
clip_image019
Here is the picture of the original scenery so you can compare:
clip_image001

How to make pictures more clear

Method 1 – Using an extra layer

First, open the image in Photoshop and press CTRL + J to duplicate the background layer.

photoshop duplicate layer
Next, go to Filter, then Other, and choose High Pass. The higher the value you set it to, the sharper your image will become. However, if you set it really high, the image will become grainy. I set mine to 10 pixels.
filter other high pass
Now click on the layer and set the blending mode to Hard Light and adjust the Opacity to whatever you think makes the image look best. It’s set to 100% by default, but you may get better results at 50% or something else, so just play around with that value.
blurry image photoshop
That’s it! Your image should now be much sharper looking! Unforunately, if your image is very blurry or the blurriness is caused by really fast motion, you probably won’t be any major difference.
The best results are when the image is simply our of focus because the camera focused on the wrong object or something similar.
That’s it! Your image should now be much sharper looking! Unforunately, if your image is very blurry or the blurriness is caused by really fast motion, you probably won’t be any major difference.
The best results are when the image is simply our of focus because the camera focused on the wrong object or something similar.

Method 2 – Sharpen image
The other easier option is to simply use the sharpen tool, but you don’t get as good results with it.
To use the sharpen tool in Photoshop, just go to Filter, then Sharpen and choose from any of the options, such as Sharpen, Sharpen Edges, Sharpen More, and Smart Sharpen.
photoshop filter sharpen
Hopefully, these two simple methods can make your blurry images clearer and sharper! Enjoy!