cutie bunny

Cutie Bunny



    Please read my Terms of Use at the bottom of this tutorial. I hate having to state them, but in this day and age, it is necessary.

    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.

bunny colors

    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!)

SAVE

    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.

ellipse shape settings

    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.)

shape size

SAVE

    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.

pen tool

    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).

pull handles down

SAVE

    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.

node placement

    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.

node adjustment

SAVE

    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.

L paw

    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.

paws

SAVE

    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.

align tail

    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.

body

SAVE

    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.

head

SAVE

    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.

head nodes 1

SAVE

    15. A short distance to the right, add a new node, and right click on it to change the "Node Type" to "Cusp".

head nodes 2

    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.

head nodes 3

SAVE

    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.

head nodes 4

    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 guide line icon as you drag the cursor. Drag it to where you want the line to appear.

guide lines

    18. Tap on the up arrow to get the node to where it is even with the first one.

head nodes 5

SAVE

    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.

head nodes 6

    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.

head nodes 7

SAVE

    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.

head nodes 8

    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.

head nodes 9

SAVE

    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.

head nodes 10

    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.

head nodes  11

SAVE

    25. Pull down on both handles to make a sharp point as in the screen shot.

head nodes 12

    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.

head nodes 13

SAVE

    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.

head nodes 14

    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.

SAVE

head nodes 15

    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.

head nodes 16

    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.

head nodes 17

SAVE

    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.

head nodes 18

    32. Add a node on the left side of the R ear about as in the screen shot.

head nodes 19

SAVE

    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.

head nodes 20

    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.

head nodes 21

SAVE

    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.

head nodes 22

    36. Add a new node on the right side of the ear even with the Guide Line from the L ear (on the outside).

head nodes 23

SAVE

    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.

L inner ear 1

    40. Activate the top node, change the Node Type to Convert to Line. Do the same to the bottom node.

L inner ear 2

SAVE

    41. Activate the Object Selection tool and turn the inner ear so the top rotates outward a bit more. See the screen shot.

L inner ear 3

    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.

L inner ear 4

SAVE

    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.

L inner ear 5

    44. Pull the top handle out, as in the following screen shot.

L inner ear 6

SAVE

    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.

L inner ear 7

    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.

L inner ear

SAVE

    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.

inner ears placement

    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.

L eye 1

SAVE

    49. Activate the Pen Tool so we can adjust the nodes. Activate the bottom node and change the Node Type to Symmetrical.

L eye 2

    50. Tap the up arrow key about 16 times.

L eye 3

SAVE

    51. Activate the top node and change the Node Type to Symmetrical. Tap the up arrow key about 6 times.

L eye 4

    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.

L eye 5

SAVE

    53. Deselect. Add a new vector layer, naming it L inner eye. Stroke null; Fill black. Draw another ellipse about 14x17.

L eye 6

    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.

L eye 7

SAVE

    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.

L eye 8

    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.

L eye 9

SAVE

    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.

eyes

    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.

mouth

SAVE

    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.

tongue1

    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.

tongue 2

SAVE

    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.

nose

    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.

nose 2

SAVE

    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.

nose & tongue inner bevel

    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.

select mouth - delete part

SAVE

    65. Activate the tongue layer and convert to a raster layer. Use the same inner bevel we used on the nose.

tongue_beveled

    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.

round preset

SAVE

    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.

eye candy 3.1       eye candy 4

SAVE

    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.

cutout

SAVE

    73. Follow these same steps for the body, tail and both paw layers.

SAVE

    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! : )

curve line 1       curve line 2

curve line 3       curve line 4

SAVE

    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.

blurred lines

    77. Do the same two lines on the R paw, but reverse the curves. Gaussian Blur and Merge down.

SAVE

    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.

L paw turned

    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! ; )

cutie bunny



      This tutorial was written March 6, 2009.

Terms of Use

    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



Home