Please be patient for the page to load as it is graphic intensive with over 70 screen shots.
I did the work for this tutorial in PSP version 9, but I am sure the technique would work in other versions as well. This tutorial uses vectors with node adjustment. It is a long tutorial and if you save it frequently, you can always stop work on it and then go back to it at another time.
To do this tutorial, you will need a basic knowledge of PSP and Eye Candy. I give directions for both version 3.1 and 4000, so you can use either one.
Remember to save often! You can save it as a pspimage in the folder of your choice. (This is another reason I have a folder with the name of the tutorial, so that I can also put my pspimages in it to save and "play" with later!) I later move the folder to within another folder that I keep all my tutorial folders and other PSP things in.
These are the colors I used to color the Cutie Bunny. Right click and save them to your desktop or to a folder of your choice. If you have other colors you would prefer to use, please do.
1. Open a 220x300 transparent image. Add a vector layer, naming it L paw. You will want to add a temporary background color, that is easy for you to see the various layers on. I used a bright blue (once I realized it was necessary!)
2. Activate the Presets Shape tool, with the settings as shown in the screen shot. (Shape: ellipse; Anti-alias and Create as vector boxes checked; Width 1). Stroke/Foreground: color # 1; Fill/Background: color # 2.
3. In the lower left corner, draw out an ellipse of about 70x30. Remember these numbers for the size of each part does not have to be exact. Watch the bottom of your workspace for the size. (Don't pay attention to the number values in the example - it is not for this part of the image, just to show where the numbers are.)
4. Activate the Pen Tool for node adjustment. Mode: arrow icon; Width: 1. We will be using the arrow keys on your keyboard to do the movements of the nodes, and the mouse left button to move the handles.
4. Bottom node - tap R arrow key 12 times to move the node to the right. Pull on each of the ends of the handles to make the sides more curved (this is the toe end of the paw).
5. Click anywhere on the image, to deactivate the node. Hold down the Ctrl key and move the cursor over the line around the image to the left of the node we just moved. As the cursor is over the line, the word Add will appear by the cursor. Click on the left mouse button when you see this little word and a node will appear.
6. Right click on the new node and you will see the following screen appear. Click on Node Type and then on Cusp. When we added the new node, it came on as Asymmetric, and we needed it to be changed to Cusp so that we could alter the shape of the line of the paw. Deselect.
7. Do the same to this new node that we did to the previous node. This is what you should have now or something similar.
8. The R paw is next. If you feel comfortable with moving the nodes as we just did, you can just duplicate the L paw and go to Image/Mirror. Then rename the layer R paw. OR you can draw another ellipse with the same settings and size and work the nodes as we did on this one. The following screen shot shows what you will have when you are finished with either method.
9. Add a new vector layer, naming it tail. Stroke color # 2; Fill white. Use the same settings on the Preset Shapes, and the ellipse and draw an ellipse about 70x40. This should be near the top of the image. Go to Objects/Align/Horz. Center in Canvas. Deselect.
10. Add a new vector layer, naming it body. Use the same Preset Shapes settings and ellipse, with Stroke color # 1; Fill color # 2. Draw out an ellipse about 135x160, with the top of the body just barely covering the bottom of the tail. Again, go to Align and Horiz. Center in Canvas. I put a blue background on so that you could see the tail easier, as well as the other body parts.
11. Add a new vector layer, naming it head. Use the same Preset Shape of the ellipse, and the same settings and colors. Draw an ellipse near the lower part of the body about 175x120. Align as Horiz. Center in Canvas.
12. Now take a slow, deep breath - we are going to really do some node adjusting on the head. But I will provide plenty of explanations and screen shots for every step, so you will do fine!
13. Activate the Pen Tool with the same settings as when we worked on the paws, and again, activate the arrow icon, which if you hold the cursor over it, it will say "Edit Mode".
14. Activate the top node and tap the Left arrow key 8 times to move it to the left. Pull up on the tip of the left handle as shown in the screen shot. Deselect.
15. A short distance to the right, add a new node, and right click on it to change the "Node Type" to "Cusp".
16. Pull the tip of the right handle up so that it makes a curve similar to the one we made with the first node we manipulated.
17. As you might have noticed, our new node is not even with the first one we manipulated. Pull down a Guide Line to the top of the first node, as in the screen shot.
NOTE: To be able to pull down a Guide Line, you must have that option activated. Go to View/Guide Line and left click. Go to your image and place the cursor on the top (or side ruler, depending whether you want a horizontal or veritical line), and click and drag the cursor down - you should see this icon as you drag the cursor. Drag it to where you want the line to appear.
18. Tap on the up arrow to get the node to where it is even with the first one.
19. Click any where on the image to deselect the node we just worked on. Add a new node one the left side of the head, about where shown in the screen shot.
20. Right click on it and change the Node Type to Cusp, as before. Tap on the right arrow key about 6 times. Then pull the top handle out, and also pull the bottom handle out. The bottom handle is shaping the cheeks of the head.
21. Click any where on the image to deselect the node. Pull down another Guide Line, or move the first one down to the top of this new node. Add another node on the right side of the head even with the node we just worked on, and change it to Cusp.
NOTE: If your node didn't show up even with the left one, use the arrow keys to move it into place.
22. Tap the left arrow key 6 times to move the node into the left, and pull out on the tips of both handles.
23. Click on the image to deselect the node. Add a new node on the top of the left "ear" as shown in the screen shot. Change it to a Cusp node.
24. Pull up on the node itself to about where shown in the screen shot - it is about 30 on the side ruler. Pull down a Guide Line to help for the other ear.
25. Pull down on both handles to make a sharp point as in the screen shot.
26. Click to deselect node. Add a new node on the left side of the ear, about 140 on the ruler. Adjust a Guide Line to show where it is for when we add the node on the other side.
27. This node we want to be Asymmetric, which is what it is when we add a new node. Tap the left arrow key about 12 times.
28. Activate the first node we manipulated, and pull the top handle to the right to make more of a curve in the inner side of the ear. See the screen shot.
29. Click to deselect. Add a new node about where shown in the screen shot. It is about 95 on the side ruler. You might have to shorten the handles a bit - place the cursor on the tip of the top handle and slide it straight towards the node itself. Then pull it to the left to make a more pronounced curve in the ear.
30. Now we will work on the R ear. Add a node to the top of the lump that will be the R ear. Change it to a Cusp node.
31. Pull the node up to the Guide Line that is across the top of the L ear. Pull the handles down to form a sharp point.
32. Add a node on the left side of the R ear about as in the screen shot.
33. Being a new node, it is already an Asymmetrical node, and that is what we want. Pull the top handle to the right - this will round out the inner bottom side of the ear, and narrow the top of the ear - with curves.
34. Click on the top node again, and tap the left arrow key about 10-12 times to bring it in closer to the tail.
35. Click on the bottom node on the left side of the bottom of the R ear, to activate it. Pull the top handle to the left to round out the ear more.
36. Add a new node on the right side of the ear even with the Guide Line from the L ear (on the outside).
37. Leave it as Asymmetrical and tap the right arrow key about 16 times, to move the outside to the right.
We are now finished with the head. I know the ears are not even, they are not supposed to be! LOL I guess I should say I am finished with the head - but if you want to do any more node manipulation, feel free! Your bunny does not have to look just like mine. Deselect.
38. Add a new vector layer, naming it L inner ear. Use the same Preset Shape Ellipse, same settings, and Stroke null; Fill color # 3.
39. Draw an ellipse about 35x80.
40. Activate the top node, change the Node Type to Convert to Line. Do the same to the bottom node.
41. Activate the Object Selection tool and turn the inner ear so the top rotates outward a bit more. See the screen shot.
42. Activate the top node and pull it up towards the top of the outer ear, and pull the bottom node down until it almost reaches where the ear meets the head.
43. Activate the middle node on the left side of the L inner ear, and change the Node Type to Asymmetrical. Then move the node down to the Guide line - as in the screen shot.
44. Pull the top handle out, as in the following screen shot.
45. Activate the middle node on the right side of the L inner ear, and change the Node Type to Asymmetrical. Then move this node down to just above the Guide Line we moved the other node to. Pull the top handle to the left.
46. While this node is still activated, tap the right arrow key about 10-12 times to pull the side out and then activate the previous node and tap the left arrow key about 6 times. Your L inner ear should look similar to the screen shot. However, feel free to alter any way you feel looks best to you. Deselect.
47. Time to do the R inner ear. You can do it similar to the way we did the L inner ear, or you can just duplicate the L inner ear, Mirror and move into place over the R ear. This is what your image should resemble once both inner ears are completed.
48. Add a new vector layer, naming it L eye. Change the line width for the ellipse to 2, but keep the other settings the same. Stroke: black; Fill: white. Draw an ellipse about 30x35.
49. Activate the Pen Tool so we can adjust the nodes. Activate the bottom node and change the Node Type to Symmetrical.
50. Tap the up arrow key about 16 times.
51. Activate the top node and change the Node Type to Symmetrical. Tap the up arrow key about 6 times.
52. Pull on one of the handles to where the tip is just past the sides of the eye. Since this is a Symmetrical node, when you pull on one handle, the other one will go out the same amount.
53. Deselect. Add a new vector layer, naming it L inner eye. Stroke null; Fill black. Draw another ellipse about 14x17.
54. Activate the bottom node and using the right arrow key, tap until the node is next to the outer line of the main part of the eye, as in the screen shot.
55. Then tap it down a couple of taps so that it fills that "corner" of the eye and you don't see any white between it and the outline of the main part of the eye. Then activate the left side node, and pull the lower handle down until the inner eye meets the bottom line of the main part of the eye.
56. Then tap the left arrow key about 2-3 times until the lower handle is about even with the arch of the lower line of the main part of the eye.
57. Deselect. To make the R eye, either do both these shapes again, or duplicate each layer and Mirror the copy of the L eye. You will have to use the Mover Tool to move the copy of the L inner eye. (If you Mirror it, it will make our bunny cross-eyed!) Rename the new layers R eye and R inner eye respectively. Make sure the R eye layer is above the L inner eye layer, and the R inner eye layer is above the R eye.
58. Add a new vector layer, naming it mouth. In the Preset Shapes, activate the shape called Heart 1. Change the line width to 2, but keep the other settings the same. Stroke: black; Fill: null. Draw a heart about 100x70. If you start about where you want the mouth to be and draw up - your heart will be upside down. If you don't, go to Image/Flip, for we want the heart line to be upside down! Move it into place and go to Objects/Align/Center Horz. in canvas. Deselect. If it is still too "high" on the face, don't worry, we will be making adjustments for placement a bit later.
59. Add a new vector layer, below the mouth layer. Name the new layer tongue. Preset Shapes - ellipse, change the Width to 1. Stroke: null; Fill color # 3. Draw an ellipse about 14x16. Align/Center Horz. in Canvas.
60. Activate the top node (zoom the image to about 150% or larger to make it easier to see the nodes and handles), and pull the handles down. Then activate the left side node - pull the top handle down to the node and tap the right arrow key a couple of times - to hide any of the pink under the line of the mouth. Do the same on the right side node - pull the top handle down to the node and tap the left arrow key to hide any pink on that side. Deselect.
61. Add a new vector layer, naming it nose. Using the same setting on the Preset Shapes, and using the ellipse draw to about 30x15. Stroke null; Fill: color # 3.
62. Move the nose up a little, then Align/Center Horz. in Canvas. Activate the Pen Tool as we have some node adjustment. Activate the bottom node, and pull both handles up so that it looks similar to the screen shot. Tap the down arrow if need be to bring the point of the nose onto the point of the mouth. Deselect.
We are finished with the vectors!! Sit back and take a few slow deep breaths - relax. Look over your bunny and see if there are any changes you might want to make and if so, activate that layer and the Pen Tool and adjust away! I think I will leave my bunny as it is - with the vectors, that is! Since all of the vector layers are deselected, you can use the Mover Tool to move any of the parts you might want to move.
Now it is time to convert our layers to raster layers and then do our jiggles, cutouts and inner bevels.
Since we left off with the nose layer and it is at the top of the Layer Palette, let's just start there.
63. Activate the nose layer, right click and Convert to Raster Layer. Go to Effects/3D Effects/Inner Bevel. Apply the following settings: Bevel 2 (pie shape); Width 10; Smoothness 20; Depth 10; Ambience 0; Shininess 25; Color white; Angle 315; Intensity 30; Elevation 60.
64. Activate the mouth layer and convert to raster layer. Activate the Freehand Selection Tool and set at Point to Point. Mode: Add; Feather 0; Smoothing 0. Draw a line straight across at about 230 and make an outline of sorts around the upper part of the upside down heart line. Hit the Delete key once. The part of the line you had encompassed with the marching ants should disappear. Deselect.
65. Activate the tongue layer and convert to a raster layer. Use the same inner bevel we used on the nose.
66. Activate the R inner eye and convert to raster layer. Go to Inner Bevel and apply the round preset. Bevel: 2 (pie shape); Width 14; Smoothness 15; Depth 12; Ambience 0; Shininess 50; Color white; Angle 315; Intensity 70; Elevation 30.
67. Activate the R eye and convert to raster layer.
68. Activate the L inner eye and conver to raster layer. Use the round preset of the inner bevel on this eye part, too.
69. Activate the L eye and convert to raster layer.
70. Activate the R inner ear and conver to raster layer. Go to Effects/Eye Candy (either 3.1 or 4000 as I show settings for both) and go to Jiggle.
71. Activate the L inner ear and convert to raster layer. Apply the same Eye Candy Jiggle.
72. Activate the head layer and convert to raster layer. Apply the same Jiggle. Selections/Select All. Selections/Float. Effects/3D Effects/Cutout. Use these settings: V&H 0; Opacity 75; Blur 20; Shadow Color #575151.
73. Follow these same steps for the body, tail and both paw layers.
Now it is time for the final steps!! (Yippee!!!!)
74. Activate the L paw layer. Activate the Pen Tool and the Bezier Curve line - width 2 (do not connect segments and do not create on vector). Stroke #575151; Background null. Add a new raster layer and name it shading.
75. Follow the screen shots for the placement of the first node and then the second node. When you place the second node, do not release the mouse button until you have shaped the line. I zoomed my image to make it easier to see. If you have problems doing this curved line, try zooming your image - 200% is a good size! : )
76. Draw a second line on the paw as seen in this screen shot. I turned off the visibility of the head so that it could be seen easier. Once you have the two lines drawn, go to Adjust/Blur/Gaussian Blur - 2. Now right click on the shading layer and Merge/Merge Down.
77. Do the same two lines on the R paw, but reverse the curves. Gaussian Blur and Merge down.
78. Activate the L paw layer and activate the Raster Deform Tool. Turn the L paw to the right as in the screen shot. Then do the same to the R paw, only turn it to the left.
Change the temporary background to white or another of your choice. If you turn off the background and copy merged, then paste as a new image, you can save it as a picture tube. You can also save the finished image with or without a background as a pspimage and use it that way, or make some changes in it at a later time.
Congratulations - you are finished!
Thank you for trying my Cutie Bunny tutorial. I hope you enjoyed yourself, and maybe learned a little something! I know you got in some vector practice! ; )
This tutorial was written March 6, 2009.
All the content on this Glass Bunny Tutorial site is protected by International Copyright laws. If photos or graphics were created by anyone other than Susie, it will be noted and the copyright will remain with the creator. Please respect these copyrights. Any similarity to any other tutorial is coincidental. You may download my tutorials for personal use. You may share them within a group, if you write and ask my permission first. The image you create from this tutorial is yours to do with as you please. I worked hard to create this image and to write the tutorial - it took many hours, so please respect my work.
Please feel free to contact me if you have any comments or questions. Send email to susie