toon flower final

Toon Flower

    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 40 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. This tutorial is in several parts, but will all be on one page. I will show how to make some leaves, the stem, and some various toon flowers - you can add faces or not to the flowers, as I will also show that. It is done with vectors, but don't be alarmed for the only real manipulation will be with the leaves and that is not much, and is easy! I promise! I will give lots of explicit directions and show many screen shots! I also advise to SAVE often, since this will be a lengthy tutorial, you might want to do it in stages, and you will need to save the image to do that. Plus if the fates are against you, you might have PSP crash and then you would lose all your work! So please save often - I will remind you!

    To do this tutorial, you will need a basic knowledge of PSP and my Flower Petal Preset Shape. I made the petal shape to save you some vector work! : ) Unzip the Flower Petal Preset and put the shape in your Preset Shapes folder for a bit later use.

    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.

    1. Go to the Materials Palette, and for the Foreground/Stroke: #065616, which is a dark green; for the Background/Fill: #097d21, which is a lighter green. You can use any shades of green that you want, but I will be giving directions for these these two shades.


    2. Open a new image, 300x300, transparent. Activate the Preset Shapes tool, and choose the ellipse. Since we are just going to be making the leaves and stem on this image, you can place them anywhere on the image you feel comfortable with.

preset shapes tool


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

shape tool bar


    4. Add a new vector layer, naming it leaf 1. Draw an ellipse of 30X100 - you can see this setting as you are drawing the ellipse at the bottom of the workspace.



    5. Activate the Pen Tool so that we can do node adjustment.

pen tool       edit node

    6. Activate the top node and move the node to the left until you get a nice curve as shown in the screen shot.



    7. Activate the right node.

node move2 leaf1


    8. Right click on the right node to change it to an asymmetric node.

change node


    9. Pull on the top handle straight up until you see something similar to the screen shot.



    10. Activate the top node again, and pull the handle that is sticking out on the left, down and in until you see a curve similar to the screen shot.



    11. Activate the left node, right click and change it to Asymmetric. Pull the top handle down to shorten it and then in towards the middle until you get a nice fat looking curve as in the screen shot.



    12. While this node is still activated, tap the up arrow key on the keyboard about 15 times to move the node up.



    13. Activate the bottom node and change it to Symmetric - pull on one of the handles just a little to widen this area just a bit. Once you are happy with the shape of it - you can convert it to a raster layer. Do play around a bit with the shape, you don't have to have it look just like mine - after all no two leaves really look alike in nature anyway!



    14. Add a new raster layer. Turn the background/fill off and activate the Pen Tool and then either the Free hand line or the Bezier Curve - this is to draw the line down the center of the leaf, but we want it on a separate layer as we are going to blur it slightly.

    15. Bezier Curve settings: Line style: solid; Width: 2.00.

bezier curve settings

    16. Start at one end of the leaf and click to make a node.


    17. Click on the other end to end the line, but don't release the mouse button until you pull down and to the left until your curve follows the curve of the leaf. When the line looks as you want, release the mouse button.



    18. Adjust/Blur/Gaussian Blur 1.

    If the leaf looks like you want it to, convert to a raster layer. If not, play with the nodes to adjust how you want the leaf to look, when you are satisfied, convert to a raster layer.

    19. Right click on the line layer in the Layer Palette, Merge/Merge Down.

    20. Selections/Select All/Float. Effects/3D Effects/Cutout. V&H: 0; Opacity: 100; Blur: 25; Shadow color: #03270a. Deselect.

leaf cutout


    Your leaf 1 is finished!

    21. Add a new vector layer, naming it leaf 2.

    22. Using the same color settings, and the same settings for the ellipse, draw another ellipse of 30x100. Activate the Pen Tool in Edit Mode again. Activate the top node, and move it to the right, similar to the screen shot.



    23. Pull the handle out to the right down and to the left - similar to the screen shot.



    24. Activate the left node and change it to Asymmetric. Tap the left arrow key about 7-8 times. Then pull the top handle in and to the right similar to the screen shot. Tap the up arrow key about 12 times, as in the screen shot.

node_move3_leaf2       node_move4_leaf2


    25. Activate the bottom node, change it to Symmetric and pull one handle out slightly to round the bottom.


    26. Once you are happy with the shape of your leaf 2, convert to a raster layer or play with the nodes until you get what you want and then convert to a raster layer.


    27. Add a new raster layer. Keeping the foreground/stroke on, turn off the background/fill. Activate the Pen Tool and draw another Bezier Curve. Here are some screen shots to show the steps again.

curve start leaf2       curve end leaf2


    28. Once you have the line as you wish, apply the Gaussian Blur again. Right click on the layer in the Layer Palette and Merge Down. Float. Use the same Cutout settings.


Leaf 2 is finished!

    29. Add a new raster layer, naming it stem. Activate the Pen Tool and the Bezier Curve again, and change the line width to 10. Foreground/Stroke: #097d21; Background/Fill: null.

    30. Place the first dot for the line some where midway between the two leaves. Place the second dot about 150 pixels down and make a curve.

stem 1       curve end leaf2


    31. Go to Effects/3E Effects/Inner Bevel and use the following settings: Bevel: 2; Width: 8; Smoothness: 15; Depth: 2; Ambience: 0; Shininess: 0; Color: white; Angle: 295; Intensity: 45; Elevation: 35.

stem bevel


    This is what you final leaves and stem should look like. Minimize it on your workspace for now.

final leaves & stem


    32. Open a new transparent image, 300x300. For this flower, I am using Foreground/Stroke: #683185; Background/Fill: #aa6bcb. You can use colors of your own preference. Activate the Preset Shapes and the flower petal 1 shape. Use the same other settings, with the width at 1.00. Near the top of the image, draw a petal about 20x60. Go to Objects/Align/Horiz. Center in Canvas.

first petal

    33. Convert to raster layer. Float and use the following Cutout settings: V&H: 1: Opacity: 100; Blur: 15; Shadow color: #522c66. Reapply with the V&H at minus 1. Deselect.

petal cutout

    34. On the Layer Palette, right click on the petal layer and Duplicate. Go to Images/Rotate/Free Rotate. Check the right circle and type in 30 for the degrees. Click ok.


    35. This is what it looks like rotated. Use the Mover Tool to move it to the side of the first petal.

rotate 1       rotate 2

    36. Continue with these steps until you have completed the circle and have a full flower. You will notice the petals start to get blurry the more you duplicate. To lessen this, go to Adjust/Sharpen/Sharpen and sharpen each time you duplicate.

full flower

    37. At the top of the Layer Palette, add a new vector layer, naming it center. Foreground/stroke: null; Background/fill: #ffff00. Change the Preset Shape to an ellipse, and draw a circle of 30x30. Objects/Align/Horiz. Center in Canvas. Convert to a raster layer.

    38. If you don't want to add a face, apply the following Inner Bevel: Bevel: 2; Width: 3; Smoothness: 100; Depth: 5; Ambience: 0; Shininess: 25; Color: white; Angle: 15; Intensity: 50; Elevation: 30.

center bevel

    39. Effects/Texture/Texture - use the following settings: Asphalt; Size: 100%; Smoothness: 0; Depth: 1; Ambience: 0; Shininess: 0; Color: white; Angle: 243; Intensity: 50; Elevation: 31. Reapply it with the same settings.

texture       textured center

    Your flower is finished without a face.

Flower Face

    40. Add a new vector layer (on top of center layer), naming it L eye. Foreground/Stroke: black; Background/Fill: white. Activate the ellipse preset shape - same settings, but change the width to 2. Draw an ellipse 12x20. Convert to raster layer. Using the Mover Tool, move it to the side of the center image.

L eye

    41. Add a new vector layer, naming it L inner eye. Foreground/stroke: null; Background/Fill: black. Draw an ellipse 10x10. Convert to raster layer. Use the Mover Tool to move the inner eye into place.


    42. Apply the following Inner Bevel settings: Bevel: 2; Width:14; Smoothness: 15; Depth: 12; Ambience: 0; Shininess: 50; Color: white; Angle: 0; Intensity: 70; Elevation: 30.

eye bevel

    43. Duplicate the L eye layer and Images/Mirror. Duplicate the L inner eye, and Mirror it. You might have to use the Mover Tool to actually move these two into place. Here is how mine looks.


    44. Rename the copy layers you just made to R eye and R inner eye respectively.

    45. Foreground/Stroke: #ff0000; Background/Fill: null. Activate the Pen Tool and the Bezier Curve - width 2. Draw a smile similar to the screen shots.

smile  1       smile 2

Time to put the flower together!

    46. Open a new transparent image, 300x300. Activate the leaves and stem image. Activate the stem layer. Edit/Copy. Activate the new image. Edit/Paste as a New Layer. Use the Mover Tool to move it down closer to the bottom of the image.

stem placement

    47. Do the same with each of the leaves. Both leaves are straight up and down, so I used the Raster Deform Tool to turn the tops away from the stem.


    48. Do the same with the flower image, but when you copy it, Copy Merged! The flower will also need to be moved up on the stem.

    Congratulations - you are finished!

    Thank you for trying my Toon Flower tutorial. I hope you enjoyed yourself, and maybe learned a little something! I know you got in some vector practice! ; )

toon flower final

    Here are some variations of other ways to present or arrange the petals on these Toon Flowers.

daisy       orng toon flower

half flower

flowers       flowers 2

      This tutorial was written July 20, 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