Flower Tutorial

flower       other flower

Terms of Use

    All the content on this Flower 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.

    This tutorial was written in version 9. It is assumed you have knowledge and skills with layers, preset shapes and some vectors with a small amount of node manipulation. It also has the option of using the Bezier Curve. I am using lots of screen shots for both the vector part and the Bezier Curve part. Please remember to save often. I also put a white background in my screen shots so they would show up better in the tutorial. However, you will be working on a transparent image.

    You can get my supplies here. I have included two styles of flowers - one with 6 petals and one with 8 petals. Import them into PSP once you have them unzipped. They were created in version 9.

    Open a new transparent image, 300x300. Add a new vector layer, name it stem.

    Foreground color: #008000; background color: #00c000. Change to a foreground/background gradient with the lighter green being in the center. The following screen shots will help you get the gradient made. The angle should be set at 90 so that the lighter part will be in the center.

create gradient       gradient editor

    You will see in the Gradient Editor - on the list at the top of the image, that the words "2 oranges" is highlighted - I use this one for most of my gradient that I am making - for it always changes when I put new colors in it. You should use the Foreground/background setting though.

    This gradient will then show up in the foreground box. We won't be using a line width on this and we want this gradient used, so right click on your background color, and then click on the little color swatch near the bottom right - which would be what is in the foreground color. This should make both foreground and background the same colors/gradient.

color settings

    Activate the preset shapes, rectangle. See screen shot below for settings. Draw a narrow rectangle about 10x190. With using the gradient, it should already look rounded.

rectangle settings       stem

Now would be a good time to save. Save as a pspimage in the folder of your choice.

    Add a new raster layer, name it flower. Open the brushes and find the two flower brushes you just imported (flower_6petal_ssg and flower_8petals_ssg). Select the flower you want, and click on it.

    The 8 petals flower shows up at 145 pixels - scale it to about 100. If, when you put it on your image, it seems too large or too small for you, undo and adjust your scale. The 6 petals flower show up at 300. Adjust the scale to about 200. If this seems too large or too small, undo and adjust your scale. The other settings you will need for the brush: Step: 1; Density: 100; Rotation: 0; Opacity: 100; Blend mode: Normal.

    Foreground: #ffc0ff, or a light color of your choice. Yellow does work, but you will have to use an orange or a darker yellow to be a dark gold, or a darker orange to get the right effect when you apply the cutout. For my yellow ones, I used a very bright red-orange for the cutout, and my yellow was a strong yellow for the color of the flower, not the lighter ones.

    Click just once. Selections/Select all/Float. Effect/3D effects/Cutout. V&H: -10; opacity: 100; blur: 10-20. Play with the blur to get the effect you like. I used #ff0000 for the effect color with this light pink. A lighter shade of red doesn't give as dramatic a result nor as rounded a look on each petal. I usually use 10 for my blur. Again, if you use a yellow shade for your flower, you will need to use a bright red-orange or a dark yellow shade, similar to the gold color. This is another time you can play with the colors and settings to get the effect you like best. Remember we always can use the undo tool!! One of my favorite tools!


    Duplicate the flower layer. Image/Free rotate: R 15 degrees. Duplicate the original flower layer again, this time Free rotate it L 15 degrees. Activate the top copy of flower layer, right click - Merge/Merge down. Repeat this on the layer you are now on. This will merge the three flower layers into the one with the name in the layer palette staying flower.

rectangle settings       rectangle settings       stem

    Activate the magic wand. Settings: Mode: add(shift); match mode: RGB value; Tolerance: 0; Contiguous checked; Feather: 0; outside. Click on the eye in the stem layer to turn the visibility of the stem off.

    Making sure you are on the flower layer, click the center of the flower. You should see the ants marching around the center of your flower. Selections/Modify/Expand - 5. You should see a small pink ring, or of whatever color you are using.

expand selections

    Leaving the area selected, add a new raster layer. Foreground: #f3f275. Fill the selected area. Effects/Texture effects/Texture. I used the "sidewalk 01" for my texture, if you don't have this, find something similar with several small bumps. Effects/3D effects/Inner bevel.

texture settings       inner bevel

    Deselect. Merge the raster layer down. Turn the visibility to the stem layer on.


    This is what we have so far.

flower and stem

    Now it is time to make some leaves for the flower. Since this is a fantasy flower, you could use almost any style of leaf that you want. I am going to show you three different styles and the ways to make each of them. I use a couple of the different styles to vary my flowers when I use them as tubes.

    First we will do what most consider the hardest - the vector leaf. This one makes a leaf similar to the tulip leaf.

    Activate the stem layer. Add a new vector layer, name it leaf 1. Open your preset shapes, select the ellipse with the same settings that were used for the stem. I have put the settings screen shot here again, so you don't have to go back to find it, altho the settings should be already saved since you haven't used it for anything else.

rectangle settings

    Foreground and background both: #0ed60e. Draw a narrow ellipse about 15x140. I draw it off to the side for ease in doing the adjustments to it.

    Activate the pen tool - the four nodes will appear on the ellipse. Right click on the top node. A screen will pop up - Node type/Convert to line.

1st node edit

    Click on the node on the left side. Tap on the left arrow key 3-4 times. Click on the node on the right side - tap on the right arrow key 3-4 times. Click on the bottom node. Two handles will show up - pull on each handle to make the bottom of the leaf about the same width of the center of the leaf - between the side nodes that you just moved out.

2nd node edit

    When you are happy with the shape of your leaf, convert it to a raster layer. Selections/Select all. Selections/Float. Effects/3D effects/Cutout. Apply the settings as in the screen shot.

cutout 1

    Use the Raster Deform Tool to move into place and to angle the top out from the stem. Duplicate, Image/Mirror. Again use the Raster Deform Tool to move into place. You can also use it to lengthen and widen the leaf a bit so that it looks some different from the first leaf.

vector leaves

    This time I will show you how to do a leaf with the Bezier Curve. The more you use this tool, the more comfortable you will be with it, and you might discover, as I did, that it is the fastest way to do any curves. For the leaf, we are going to have both the foreground and background colors on, so that it will create half of our leaf.

    Activate the stem layer, add a new raster layer; name it leaf 1. Foreground and background both: #0ed60e. Activate your pen tool and click on the Bezier Curve tool. Use the settings as in the screen shot.

bezier settings

    Using the pen tool with the Bezier Curve tool, place a node (just click where you want your leave to start) on the lower to lower middle of the stem. Then click farther up and to the left, holding the mouse button down and move your mouse to form a curved line that you like. Hold the button down until you get the curve the shape you want. Release the button and you will have a sort of leaf formed. Now you can leave it like this, or you can duplicate it, flip it and then use the Raster Deform Tool to move it into place. This will then form a full leaf. Once you have what you like, merge this layer down. You can either repeat this process for the other side, or you can duplicate it and mirror it to have on the other side of the stem. You can use the Raster Deform Tool to move it into place and also change the angle and/or make the leaf a bit larger. Use your imagination!

start bezier curve line       2nd node bezier curve line
3rd shot of bezier curve line       final shot of bezier curve line
final bezier leaves

    There is yet another way to do the leaves - free hand line. Using the same colors as in the other versions, you can use the pen tool with the free hand - line width 1. You can either just draw a curved line, or you can do like the Bezier Curve and use both colors on, drawing half a leaf, then duplicating and adjusting it onto be the other half of the leaf. If you just want a curved line, you might want to widen the line width to 3 or more. Play with it - use your imagination!

    I save the image as a pspimage and then duplicate the image to play with. I used the copy merge and paste as a new image to make my tube of the flower. I have two styles of leaves in my pspimage, so use one style with the stem for other flowers in different colors. Some of these I tube, others I just play with to see what I can get to be different. And I always have my original pspimage to go back to, to get the different parts.

    Thank you for trying my flower tutorial, and I hope you have enjoyed it.

flower garden

    This tutorial was created April 15, 2007.

      Please feel free to contact me if you have any comments or questions. Send email to susie