Mittens Tutorial


Terms of Use

    All the content on this Mittens 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 did this tutorial in PSP version 9, but I am sure it would work in other versions as well.

    The only supplies needed are your imagination and a knowledge of PSP and vectors.

    Everything is done with easy vectors, with some node manipulation on a few parts.

    Remember to SAVE often so that if by some chance you are struck by lightening, you won't lose all your work.

      Open a new transparent image, 300x300. Add a new vector layer, naming it mitten. Open the Presets Shape Tool, and use the following settings: ellipse anti-alias and create as vector checked solid line style line width - 1

      Color: I used reds for mine, but you can use any color you want. Foreground/stroke = #b70b0b; Background/fill = #ff0000.

      Draw an ellipse about 60x100. This is going to be saved in your preset shapes, so this is just a basic size. When you redraw it later using the mitten preset shape, you can draw it any size you want or need.

      Click on the Pen Tool to activate the nodes on your ellipse. I often turn the visibility off on the sublayer, ellipse_1 so I don't see the color and just see the line and the nodes.

shot 1       shot 2
shot 3       shot 4

      Activate the bottom node and pull the right handle up to make a "corner". Don't pull it into a 45 degree angle, but with the top handle angling out slightly. Using the Right arrow key, tap it about 21 times.

shot 5

      Holding the cursor over the left bottom area of the ellipse, you will see a ~. Hold the Ctrl key down and left click on the line. You will see the ~ change to +ADD, click the left mouse button and a node will appear.

shot 7       shot 6

      Right click on the node, go to Node Type in the screen, and then to Cusp. Click on cusp. You have now just changed the node to a cusp node so that you can do the same node manipulating that we just did on the bottom node to turn it to the right bottom node!

      Pull the node down and to the left so that it sort of matches with the opposite side. Pull the top handle up to make another "corner".

shot 8

      Turn the visibility back on so you can see what the mitten looks like so far. At this point, I fine tune my two bottom nodes with tapping the arrow keys to get it how I want the nodes placed.

shot 9

      Activate the left side node. Pull the bottom handle up and out to the left to form a thumb!

shot 10

      Add a new node on the left side, between the bottom node and the base of the thumb. Tap the left arrow key about 3-4 times. This brings the side of the mitten out and slightly rounded.

shot 11

      Activate the node that divides the thumb from the mitten and pull the left handle down a bit and to the right. This will round out the top of the thumb.

shot 12

      We are almost finished with the mitten. Click on the left bottom node, and tap the down arrow key about 3-5 times. Do the same for the right bottom node. You also might want to tap the left and right arrow keys 2-4 times to bring those "corners" out a bit more. Tap as you feel it needs to look right!

shot 14

      Go to the layer palette and right click on the mitten sublayer (ellipse_1) to rename it. Rename it to mitten. Go to the File/Export/Shape. Name your shape as you want - I named mine "mitten_ssg".

shot 13

      Now you can convert the mitten to a raster layer, and if you Merge/Merge visible, you can export it as a picture tube if you want.

      To decorate your mitten, you can add a flower, button/buttons, ribbons or anything you want on it. You can even add another layer and using the Rounded Rectangle in the Preset Shapes, you can add a cuff - it would be as easy as just drawing the shape on the end of the mitten - your fill could be a darker color, or white and then using one of the Eye Candy fur filters, make it look furry and the jiggle to make it look fuzzy. Lots of possibilities! Below are some examples of the possibilities. To show the white fur cuff, I had to use a colored background.

      To use the mitten on an image, I would also add an Inner Bevel (under Effects/3D effects) to give it some dimension. You can also use a texture, such as knit, to also give dimension.

shot 15       shot 16       shot 17

shot 18       shot 19       shot 20

      This tutorial was written December 11, 2007.

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