WK 07-11-06

©Westie Kids/Diana; Created 09-30-05

(Some variations at Page Bottom)

This tutorial was written and all screenshots done in PSP9. You should be able to achieve similar results in earlier versions. Some of the effects you may need to search for in your dropdown lists. Please do not offer any of the supplies for download anywhere, do not change file names, do not send the webpage through emails, and only offer a text link to my tutorial URL. I do not wish my tutorials to be translated. You may save an offline copy for your own use, of course. Thank you for your courtesy........God bless, Diana


Jasc Paint Shop Pro

DSB Flux Filters

Font Used

Other Supplies:
3 .jpg files (or use your own)
Copper.jgd - Extract Copper.jgd into your Gradients folder for PSP7 thru PSP9


NOTE: When saving your work for this project, you can save as either .pspimage or .psp, even though many tuts require saving as Animation Shop compatible (.psp). We will not be "opening" the image in AS, we'll be using a Copy & Paste technique instead.

Remember to save frequently!

1) File/New Image: 400 x 250, Transparent. This will be our working image. Have your Layer Palette open.
Foreground Color: #000000 and your Background to Gradient - find Copper.jgd and use Style: Linear, Angle: 0, Repeats: 0, Invert box UNchecked.
NOTE: If you're using another image you may want to choose your own Gradient fill with colors similar to those found in your image---your choice.
Click on your Floodfill Tool, and fill Raster 1 with the gradient. Effects/Plugins/dsb flux/Spider Web:

2) Add a New Raster Layer.
Floodfill with the same gradient.
Effects/Plugins/dsb flux/Spider Web:
Change Rays to 45 - other values remain as above.

3) Open your image (I'm using bewitchingsampleimage1.jpg) and Duplicate (Shift+D = Window/Duplicate). Close original for future use. Note: If not using one of the images from my supplies, please use your Selection Tool, set to Square (Feather: 0), and draw out a square selection on your image. Image/Crop to Selection.
With the image as the active file:
Selections/Select All.
Selections/Modify/Contract: 3
Floodfill the 3px border with #000000.
You can minimize the image for the time being; we'll need it again later.

4) Click on your 400 x 250 working image to make it the active file.
Add a New Raster Layer.
Click on the Selection Tool (Selection Type will not matter, the Custom Selection Tool will ignore - just be sure your Selection Tool's Feather is set to 0).
Click on the Custom Selection icon to enter values below (screenshot on left), then click OK:
NOTE: PSP7 Users need to double click mouse on the Selection Tool to bring up the Select Area window (screenshot on right).

This gives you a 125 x 125 px selection area.
Edit/Paste Into Selection (your previously copied image).

5) Layers/Duplicate.
Selections/Select All.
Selections/Modify/Contract: 3
Adjust/Blur/Gaussian Blur: 7.00
Effects/Texture Effects/Blinds:

Selections/Select None.
Change layer Blend Mode from Normal to Darken.
See top left image in my example for comparison.

6) Activate your minimized image.
Minimize image; we'll use again later.
Go back to your 400 x 250 working image.
Add a New Raster Layer.
Click on your Custom Selection icon again, but change the values as follows, then click OK:
Top: 125
Left: 275
Right: 400
Bottom: 250
(This will create a 125 x 125 px selection in the bottom right of our file).
Edit/Paste Into Selection (the mirrored image we just copied).
Selections/Select None.

7) Layers/Duplicate.
Selections/Select All.
Selections/Modify/Contract: 3
Adjust/Blur/Gaussian Blur: 7.00
Effects/Texture Effects/Blinds (same as Step 5, but now check the Horizontal box)
Selections/Select None.
Change layer Blend Mode from Normal to Darken.

8) Activate your minimized image.
Image/Mirror (putting it back as it was originally).
Go back to your 400 x 250 working image.
Add a New Raster Layer.
Click on your Custom Selection icon again, but change the values as follows, then click OK:
Top: 25
Left :100
Right: 300
Bottom: 225
(This will create a 200 x 200 px selection in the center of our image).
Edit/Paste Into Selection (the image we just copied).
Change layer Opacity from 100 to 75.

9) Layers/Duplicate.
Effects/Texture Effects/Emboss.
Adjust/Hue and Saturation/Colorize: Hue = 20; Saturation = 116
Layers/Arrange/Move Down (or just drag this embossed layer below top layer in palette).
Click on top layer and change Blend Mode to Hard Light.

10) Open the Haunting Attraction.ttf font (or another of your choosing) so it will be available in your text dropdown window.
Screenshot below shows text values and also how your image should look so far.

Place your cursor in center of the Vector text to get the 4 arrows (looks like Mover Tool) to position your text. Once positioned, right click on this layer in your Layer Palette and Convert to Raster.

11) Selections/Select All.
Selections/Modify/Contract: 2.
Effects/3D Effects/Inner Bevel and apply values below (Do Not Deselect after applying):

Selections/Modify/Expand: 2
Effects/3D Effects/Drop Shadow:
Vertical and Horizontal: 1
Opacity: 100
Blur: 5
Color: #000000
Selections/Select None.

12) Add a New Raster Layer.
Selections/Select All.
Selections/Modify/Contract: 3.
Selections/Invert (you now have a 3px border).
Floodfill the 3px border with #000000.
Selections/Select None.

13) Add your watermark/signature.
Make sure the 3px top border has not covered part of your text (if so, you can carefully use your Mover Tool to reposition the text (careful not to accidentally move a layer below when doing so or you'll have layers "jumping" when you complete your animation).

14) We're now ready for Animation Shop.
File/Jasc Software Products/Launch Animation Shop and after it loads in a new window, go back into PSP.
Click on top raster layer to make it active.
Now red X (click on eye) to hide visibility of the bottom layer and the lowest layer with Darken as the Blend Mode (see below for description of layers):

Edit/Copy Merged (this will copy and merge all the layers that do not have the red X)
Go back into Animation Shop.
Edit/Paste/As New Animation.

15) Go back into regular PSP.
Remove red X from bottom layer.
Now place red X on layer above (2nd dsb flux Spider Web layer).
Remove red X from the lowest Darken layer.
Now place red X on Copy of Raster 4 - has Darken as Blend Mode.
Edit/Copy Merged.

16) Go back into Animation Shop and
Edit/Paste/After Current Frame.
Edit/Select All.
Animation/Frame Properties.
Change Display Time from 10 (which is AS default) to 30 then click OK:
View/Animation so you can see how your animation runs.

17) File/Save As and window to give your project a name pops up (by default it will be called Animation1, but you can write over that highlighted name and save to whatever folder you keep your animation projects in); then click on Save. The next window that pops up is called Animation Quality Versus Output Size. I like to have the slider bar on Better Image Quality, then click Next. Click Next on the following 2 windows (Optimization Progress and Optimization Preview). The last window gives you Optimization Results so you can see your finished animation's file size. Click Finish button:

You're done!


Below are more versions that I did without animating the top left and bottom right images (did not X out the Darken Blend Mode layers, only the Spider Web layers). You could also decide not to animate - just use one gradient layer with the dsb flux Spider Web effect and save your finished file as a .jpg (I like to go to File/Export/JPEG Optimizer with Optimation set to between 15 and 20 for most projects):

©Westie Kids/Diana; Created 10-01-05 using bewitchingsampleimage3.jpg

©Westie Kids/Diana; Created 10-02-05 using bewitchingsampleimage2.jpg

©Westie Kids/Diana; Created 10-02-05; not animated; using image not included in Supplies


I hope you have enjoyed this tutorial and perhaps learned a little something from it. If you would like to send me an email with your results, I would be delighted to see them. ..God bless, Diana


DISCLAIMER: In accordance with Title 17 U.S.C. Section 107, any copyrighted work on this site is distributed under fair use without profit or payment to those who have expressed a prior interest in receiving the included information for non-profit research and educational or criticism purposes only. http://www.law.cornell.edu/uscode/17/107.shtml

Created 10/04/05
Revised 07/11/06
Westie Kids/Diana Dorsey 2001-2007
(all rights reserved)
Thank You and God bless........Diana