Wide's World

Wave to the Wind

by

Widearea

Porno-Graphix

Wave that Flag

On this glorious Boxing Day we will look at a very simple method to create a wave effect using a rectangular or square graphic. This can be used to create a flag waving in the wind, or the simple illusion of movent like in a filmstrip. Since patriotism has seemingly replaced the usual holiday spirit, this only seems somewhat reasonable.

Gettin' Ziggy with It
We will need to create some kind of base art that will lend itself to this effect. A flag design will work nicely, but in adult webmastering we like to use naked people, and since most countries don't yet have the temerity to put a naked chick on their nation's banners, we will create a filmstrip. By using the wave effect it will look like a piece of film as it moves through the projector, giving us the illusion of motion.

Going to town
1. Use your own creativity to design a graphic that will look cool if it were to be bent in the wind or some such. For our example today we are using a basic filmstrip design as base art, with three frames containing (what else?) hot naked chicks. Think about what you would like to do and get ready for step 2.

2. Select File -> New and set the dimensions of your canvas to your desired image size. Our example is 200 x 72 pixels.

3. Get creative on that space. Our base art's example is simply a filmstrip design created by using a black background with simple sqaures filled with white and replicated to create the film sprockets. We also added three images sized to about 60 pixels high for our filmstrip frames.



Feel free to create anything that will make visual sense when the wave filter is applied.

4. When the design is complete, simply select Flatten Image from the layer pallette pulldown menu at the upper right of the pallete window. The figure below shows the state of our example's layer pallette when ready to be flattened.

5. You will need to adjust the canvas size to accommodate the wave effect. Select Image -> Canvas Size and increase the canvas dimensions with ample height on both sides of your design. Select "Enter/OK".

6. Select Filter -> Distort and choose Wave... from the submenu, bringing up the Wave filter dialog box.



Play with the settings to set the type of wave, the amplitude, the number of waves and so on. This may be reminescent of that awful math class you took in school, but fear not for the sliders and the preview window will show you what's going on. When it's looking the way you envisioined it, select "Enter/OK".

7. Crop the excess canvas and save your work. Optimize your final image for the web using your favorite software.


Hope you enjoy this easy method of creating a wave effect in Photoshop. Remeber if you want the whole image to display in your final graphic that you have to increase your canvas size before applying the filter, and also the graphic has to be flattened, or at least all the elements must be on one layer to which the filter is applied. Enjoy this great Boxing Day, have a great New Year, and we at Wide's World will see you next year! Until next time, Happy webmastering!

Reference/Useful Links
Graphics Muse - Linux lovers get the GIMP effects.
Gimp Savvy - Good GIMP grokking.
Further Flag Play - More about this flag stuff, adding shadow and light!

"Each new day presents us with the opportunity to live as though we never lived before. Yesterday is gone. Tomorrow is promissory. Live today."
Babatunde Ayoola Fajimi


©2001 VNWR. All rights reserved.