On October 10, 2004 I found a wonderful tutorial at Imanimetions for Photoshop to make this beautiful butterfly. Well, I didn't have Photoshop, so immediately I set to work in Paint Shop Pro (version8) to try to achieve this result. Thank you to Shinta of Imanimetions for the wonderful PS tutorial and the permission and acceptance of my rendition of it in PSP form. ;)


Before doing this tutorial, please be sure you have read my TOU here.

Below is the tutorial written on October 12, 2004 by my hubby & I. Please visit  Imanimetions for the original tutorial and PhotoShop instructions on it.

This tutorial assumes you have a good general working knowledge of your version of PSP. I originally did it in PSP 8, but am sure it can be done in earlier & later versions as long as you know your way around.

To make things easier, I am providing a preset shape (v9 users) I made specifically for this project. For users of version 7, the shape you need is here. Place the file in your Shapes folder. But if you'd like to try your hand at making this shape, Imanimetions already has a tutorial for doing so. It was written for PhotoShop, but the concept and steps are the same for PSP.

SAVE YOUR WORK OFTEN in psp format.


B
egin by opening a new transparent image 500x500px; 72ppi; 16 mil colors.

Screenshot 1

1.
Double click on "Raster 1" layer in your layers palette and rename to "Black" & click ok. Flood fill this layer with black color.
2.Grab your shape tool: Shape tool and use the pulldown to locate the butterwing shape I provided. Make sure that "Retain Style is UNchecked, Stroke width is set to zero, anti alias is checked, create as a vector is checked. Set your background color to white.
3. Looking at the bottom right hand of your PSP window, you can see the coordinates of your mouse as you move it across you image. Postion your mouse at x:250 y: 155 and begin dragging your shape down and right to the coordinates of x:290 and y:295.

Coordinates
4. Go to Objects/Align/ and choose Align Horizontal in Canvas.

5. In your layer palette, right click on "Vector 1" layer and choose "Convert to raster". Double click on "Raster 1" layer and rename to wing 1.

6. Grab your magic wand with settings of Match Mode: RGB Value; Tolerance: 100; Feather 0; anti-alias set to outside. Click on the white wing.

7. Go to Effects/3D Effects/Cutout and use these settings:

Cutout Settings

8. Selections/Select None (or Ctrl + D to deselect) Don't worry about the jaggies, we are about to take care of that.

9. Go to Effects/Blur/Motion Blur and use these settings:

Motion Blur

Whaala! Jaggies be gone! :o)

10. Right click on the "wing 1" layer and choose duplicate. Rename the "copy of wing 1" layer to "wing 2".

11. Resize "wing 2" layer: go to Image/Resize and use these settings:

Resize 75%

12. Grab your deforamtion tool. Deform tool icon

and use the rotate handle (shown below) to rotate the "wing 2" to about these coordinates (doesn't have to be exact, just close):

x=253; y=259.

Rotate Arm

13. Now place your mouse on the center move thingie (see below) and move the wing so that the bottom "points" of both wings line up like so:

Deform Move
*only move the "wing 2 layer". Don't move the "wing 1" layer at all.*

14.  Now, right click on "wing 1" layer in palette, and choose duplicate again. Rename copy of wing 1 layer to "wing 3".

15. Use the deform tool's rotate handle again to rotate the "wing 3" layer to the right about midway between "wing 1" & "wing 2". Again, align the bottom point of "wing 3" with the bottom points of the other wings.

16. Right click on "wing 1" layer and choose duplicate. Rename the "copy of wing 1" layer to "wing 4".

17. Go to Image/Mirror. Use the deform tool handle to rotate to the left about the same angel as "wing 3"layer. Use deform tool to line up the bottom point of "wing 4" with the bottom points of the other wing layers like so:

Lining up the points
*Tip* Zoom in to get a good look to line up the points.

18. Right click on "wing 4" layer in palette, and choose duplicate.

19. Rename the "copy of wing 4" layer to "wing 5".

20. Use the deform tool's rotate handle to rotate "wing 5" to about these coordinates (doesn't have to be exact, just close):

x=236 y=195

21. Use the deform tool to move and line up the bottom point of "wing 5" layer with the other wing's points. You should now have something that looks like this:

Layer 1 of bfly done

22. In your layer palette, click the eye icon next to the "black" layer to turn off the visibility of that layer.

Layers

23. Right click on "wing 1" layer and choose Merge/Merge Visible. Rename "Merged" layer to "wings 1".

24. In your layers palette, right click on "wings 1" layer and choose duplicate. Rename "copy of wings 1" layer to "wings 2".

25. Click on the eye icon in your layers palette beside the "Black" layer to show that layer again. Make sure "wings 2" layer is active by clicking on it once in the layer palette.

26. Resize "wings 2" layer. Go to Image/Resize and use the same settings as above, except change the percentage to 80.

**    Remeber all those wing "points" earlier that we lined up? Well, since we merged those layers, I now refer to that area of the wings as the "pivot point". :o)    **

27. Use the deformation tool to line up "wings 2" layer's pivot point with "wings 1" layer. Again, zooming in helps to align perfectly.

28. Activate "wings 1" layer by clicking on it once in the layers palette.

29. Go to Effects/Geometric Effects/Skew. Use these settings:

30. The pivot points should still be lined up, but check to be sure before moving on.

31. While "wings 1" layer is still active, go to Layers/New Raster Layer. Name= "wings 1 overlay"; Blend Mode= Overlay. Click ok.

32. Flood fill "wings 1 overlay" layer with a gradient of your choice. I used a pastel rainbow gradient; linear style, angel 45, and repeats set to 2.

33. Activate "wings 1" layer by clicking once on it in the layers palette. Grab your magic wand and click once on the black area.

34. Activate "wings 1 overlay" layer by clicking on it once in your layers palette. Hit the delete key. You won't see a change here.

35. Selections/Select None (or ctrl + D to deselect)

36. Make "wings 2" layer active by clicking on it once in your layers palette. Go to Layers/New Raster Layer, and name the new layer "wings 2 overlay". Set the Blend mode to soft light. Click ok

37. Flood fill with gradient again, or for different effect, change the repeats of the gradient.

38. Activate "wings 2" layer. Use the magic wand and set feather to 2. Click on black area. Activate "wings 2 overlay" layer and hit the delete key. Deselect.

39. Activate "wings 2" layer and go to Effects/3D Effects Drop shadow and use these settings:

V&H=0; Opacity=100; Blur=3; Color=Black.

40. Activate "wings 2 layer" and go to Layers/New Raster Layer. Name this new layer "Body"

41. Grab your airbrush tool. Settings below:

 

 

*  The brush tip is "Bead String" and I believe it came with PSP8. The rotation may vary, you just want the angle to be inline with your glowfly. In my case, I needed a rotation of 40.   *

42. Set your foreground color to white. Stamp just until you see it appear on your canvas, just below and almost touching your glowfly. (I used the deform tool set to Mode: Shear and pulled out on the top left and bottom right corner to stretch the body a little. But it isn't necessary.

43. Effects/Blur/Gaussian Blur; Set the radius to 6.

44. Add a new raster layer and name it "body overlay". Blend mode=soft light. Opacity=60.

45. Flood fill the "body overlay" layer with your gradient.

46. Activate "body" layer and click the black area with the magic wand (change feather back to 0.)

47. Activate the "body overlay" layer in your layer palette, and hit the delete key.

48. Deselect.

Guess what? That's it...you are done. You can now export your creation as a jpg (I discourage exporting as a gif with this image).

The coordinates I have set in this tutorial is just examples. You can make your wings  fatter, taller, etc. and work from there to get many differet looks. Play with the settings, and have fun! If one person learns something about PSP he/she didn't know before, then I have accomplished my task, and the job was well worth it! :o)

 




Page created and designed by MsAbby © Abby's Alley Graphics & More 2004-2005. All rights reserved.