This graphic uses the filter 'Flood' from Flaming Pear. You will need the full version to use this filter.

The above graphic uses two tubes. You can download these two similar tubes to use for this tutorial or can use two of your own (look for the heading 'Wave Tutorial').


Please remember when creating this graphic that you need to know what background you will be placing it on, for either stationery headers or page headers, and use that background as the base of the graphic.

Open both graphic tubes, and make duplicate images of each - "Shift-D". (This way if you make a mistake in the tube, you don't have to download it again. And remember to save often "Control-S") Close the originals.

Increase the size of the 'girl' image to: 250 x 250. (Using the settings below.) This utility can be found under the 'Image' menu.

Copy the clouds image and "paste as a new layer" into the girl graphic dragging this new layer under the first. Then position it half way up so that only half of the girl's image is surrounded in clouds.

Now the fun part. Merge all visible layers. 'Layers | Merge | Merge Visible'. And duplicate this layer twice. 'Layers | Duplicate'. Name the layers 1, 2 and 3 on your layer palette so you can keep track of each one.

Activate layer 1. Then open up your flood fill and use these settings.

Activate your layer titled 2, and use the settings in (2) and then activate your 3rd layer and use the settings in (3).


You waves are now set. Add a new layer to the graphic, and drag it to the bottom of the list in your layer palette. Title this one 'background'. If you plan on using this on your webpage, flood fill this layer with your pages foreground colour and texture you plan to use. If you want to use it as a sigtag, flood fill the background with the colour of the most often used background colour of your email stationery. To make it easier to use, you can frame the graphic to use on all stationery. (finished examples below)

Once the background layer has been filled, create a new layer and title it 'name'. Move this layer to the top of the list (above 3). Choose your font and add your name/signature to the graphic.

Now that you have all the layers ready - there should be 5, save this as your base-wave.psp. You may want to go back and create more images from this base one. Now duplicate this one image - 'shift-d' - and close base-wave.psp.

Activate your selection tool, and using the 'Tool Options Box' use these settings.

Hide both the background layer and the name layer and activate layer 1. Now select the part of the graphic you want to use. Once you have the marching ants surrounding the selected area, invert the selection. 'Selections | Invert'.


making sure you still have layer 1 active, press the delete key on your keyboard. Activate layer 2 and then 3 repeating the deletion. Below is what you should now have.

View the name and background layers again and then duplicate the image twice. 'Shift- D'. You will now have three images on your desktop. Save them as 1.psp, 2.psp and 3.psp.

Now to create the separate images for the gif.

    on 1.psp hide layers 2 and 3 then merge the layers
    on 2.psp hide 1 and 3 - then merge the layers, and
    on 3.psp hide 1 and 2 - then merge.

Save all three images again, (titling 2 and 3 as 2.psp and 3.psp) and then open Animation Shop.

Using your Animation Wizard follow the prompts, until you get to 'repeating (looping) the animation', and slow it down to 20 instead of the default 15. Then add your graphics as:

    3.psp and

The extra '2.psp' is to make the animation look smooth as there will be a greater difference in wave pattern between 1 and 3.

Save your animation now. Just allow Animation to save it with the default settings.

Below are the two variations of the one graphic.


I hope you enjoyed this tutorial. If you would like to be kept updated, please follow the prompts on the Tutorials opening page.

Thanks and Enjoy!


© colour-by-numbers
January 2003