All the content on this Snobaby 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 is a tassel for the top of the stocking cap. I have two zips that can be downloaded and used. The first one is a Preset Shape that you can use as a vector from your Preset Shapes folder. This preset shape was made by Louise G. and she gave me permission to offer it in this tutorial to be used not only for the tutorial's directions, but for the ones doing the tutorial to use when they do the Snobaby! Thank you, Louise!
The second zip is several tassel images I drew in PSP version 9. Each image is on its own layer in one pspimage - copy and paste the one you want to use onto your image. You can colorize it to your satisfaction using colorize and the brightness/contrast features listed under Adjust. You can either use the pspimages by copy and paste or you can add them to your picture tubes. You do not have to give me credit for the tassels. Download the zips here.
Everything else is done with easy vectors, with some node manipulation. Please be patient with the uploading of these pages as they are graphic intensive in that I show a lot of screen shots to help with the node moves and should be able to be done by someone fairly new to PSP, or "afraid" of vectors!
This tutorial was written at the request of a couple friends who fell in love with these little characters. It is a two part tutorial with the first part being the little snobaby and the second part being a little chubby penguin!
Remember to save often so that if by some chance you are struck by lightening, you won't lose all your work. I also suggest that you save the image when finished with all the vector work, so that you can open it again and redo the arms/wings for another position or use in another image. We will do all our drawing of the image first so you can save it this way, and then do the shading and final touches.
Let's make a Snobaby!!
Open a transparent image, 400 x 400. (We will crop later.) Add a new vector layer to your layer palette, naming it body.
Your work will be done on a transparent image, but to make the screen shots show the work better, I will be using a black background. If you want to add this black background to your image temporarily, please do, for it does make it easier to see all the work done in white!
Stroke/foreground color a light shade of blue, I used #9e98f4; Background/fill color white #ffffff.
Activate the Preset Shape Tool and use the settings as in the screen shot - ellipse shape; create as vector; antialias - checked; line width - 1.
Hold down the shift key and the right button on your mouse and move the mouse to the right and down, watching the numbers at the bottom of the workspace until you get a circle of 200x200 pixels. You can see this in the following screen shot. Don't get worried, my circle is white, but at the time I took the screen shot, the image was showing the square in dashed lines of the selection box and not the fill. When the shot was pasted, it showed it as a blue circle with no fill! With the selection box still showing, move your circle to near the bottom and off to the right a bit.
NOTE: You must hold down the shift key and the right button for this to work right as stated. If you hold the left button down, the image will go off the screen before you get the size of your circle. As soon as you release the shift key and the right button, your numbers on the bottom will disappear, so hold that button down until you have your size!
To make it easier to draw the next vector layer, you need to close the nodes, or unhighlight the sublayer the shape is listed on. There are several ways to do this. The easiest way is to hold down the Ctrl key and click the D key. You can also activate the Pen Tool which is just below the Preshape Shape Tool. This will take away the selection box, and put nodes on your circle. Go to your layer palette, click on the little + to open the body vector layer. Right click on the bold letters ellipse_1 and a screen will appear. Left click on the Select None. A third way is to left double click on the image and that should also hide the nodes, you might have to click one more time sometimes to get the nodes to hide! From this point on, I will just say to deselect the nodes with Ctrl-D.
Add a new vector layer, naming it head. Activate the Preset Shape Tool again, using the ellipse and same settings as before.
Again, hold the shift key down, and while holding down the right button on your mouse, draw a circle of 120x120 pixels. Use the selection box to place your head onto the body. We might have to move it some later. This is what you should have now.
Deselect the nodes with Ctrl-D
Highlight or activate the body layer and add a new vector layer, naming it L arm. Using the same Preset Shapes Tool and the ellipse with the same settings, draw an ellipse of about 40x100. Move it to a similar position that is shown in the screen shot.
Left click on the layer below the body layer - either it will be the black bg, or raster 1 - and add a new vector layer, naming it R arm. Activate the Preset Shape Tool again, using the ellipse and same settings as before.
Draw an ellipse of about 100x40. Move it to the right side of the body as in the screen shot. Deselect nodes, Ctrl-D. This is what your image should look like now.
Although we still have a hat to draw, we are going to do our node manipulation (adjusting the shape) of the head and arms.
Since we do have our basic snowman shape, now would be a good time to make a copy to save in the vectors. Hold the Shift key down and click the D key. A copy should appear on the screen. Save it as a pspimage in the folder of your choice.
NOTE: I have a main folder on my desktop labeled "psp stuff" and within that folder I keep a folder of tutorials I have recently worked, also a folder named "works in progress" where I save my pspimages for the various images or characters I have done. Within that folder there are more folders named "Christmas", "animals", "misc" etc.
Back to our main image we are working on. Activate the head layer, and the Pen Tool. You will see in the layer palette that the words ellipse_1 now looks like ellipse_1, and the nodes are now showing on the outline of the head.
Click on the left side node and handles will appear. This is a cusp node, so we can make sharp corners or points with it. If you want to see what kind of node it is (or any node), Right click on the node and a small screen will appear. Left click on the words Node Type and another small screen will appear. The word cusp (for this node) is "grey", so that means that is the type of node it is. See the following screen shots to show what I am talking about.
NOTE: If you ever have trouble seeing the handles, zoom the size of your image to 150% to 300% to make the handles easier to see. I often work with my image at 200-300% the entire time I am drawing the image.
If the zooming in doesn't show the handles, check to make sure it is a cusp node by doing the right click on the node and going to Node Type.
With this left side node activated, tap on the right arrow key 6-8 times. This will move the node slightly to the right and tapping the arrow key makes it easier to get the node where you want it.
Place your cursor on the tip of the lower handle and two little arrows will appear forming a small icon that kind of looks like a circle. Pull the handle out to the left until there is a "chubby cheek" formed. See the screen shot. Then do the same on the right side node. Activate the right side node and tap the left arrow key 6-8 times. Then grab the bottom of the bottom handle and pull it out to the right to show another "chubby cheek". See the screen shot.
Activate the left arm layer, click on the Pen Tool - time to adjust the shape of the left arm. Right click on the right side node and when your handles appear, pull out on the ends of each one until it looks like the screen shot.
Click on the bottom node and with the cursor, move it up and over to about 190x260.
Click on the Object Selection Tool, which is just below the Pen Tool. This will put the box with the dashed lines around the arm so that you can move it. Move the arm to the left to about 155x215. The back edge of the arm should be on the line of the "back" of the body.
Click on the Pen Tool to activate the nodes again. Hold the cursor over the right end of the arm, and a ~ will appear. Hold down the Ctrl, and the ~ will change to the word ADD. Left click the mouse and a node will appear. The node should appear one of two ways - either a node with handles sticking out from each side or with the box of the dashed lines around it. If it is the box, click any where on the image and the box will disappear. Either way, right click on the node. Click on Node Type, then click on Symmetric.
Left click on this new node and pull it to the right - as straight out as you can. Pull it out about 20 pixels, or whatever looks right to you!
Pull on the bottom handle until you get a rounded appearance to the end of the arm, about 7-10 pixels.
Deselect the nodes, Ctrl-D. If this is basically how you want this arm to look, skip the next part about making a hand. If you want to do the hand, add a new vector layer (on top of the L arm layer), naming it L hand.
Put the cursor over the end of the left arm, and draw a circle of about 40x40 pixels. Use the same settings for the Preset Shapes Tool. Once you have your circle drawn, move the circle to about where you want it to be. I never get mine right when I first draw it, so I then move it to where I want it.
Right click on the ellipse_1 layer of the L hand in the layer palette, and Select None.
This is what your layer palette should look like at this time.
Activate the R arm layer, and click on the Object Selection Tool. Place the cursor on the end of the handle and move it up to angle the arm upwards.
Then place the cursor on the center and move the arm up higher on the body.
Activate the Pen Tool and right click on the right side node which is kind of on the top now. Go to Node Type and then to Symmetric. Changing this node from Cusp to Symmetric will allow us to form a curve. Once the node is changed, move it towards the opposite node until the line looks straight as in the screen shot. Then place the cursor on one end of the handles and move it towards the node, then do the same with the other handle. This is to shorten the area the node affects, and as you finish, you will see that the "straight line" is much shorter with some roundness on each end of that line.
Right click on the left side node which is kind of on the bottom now, but still opposite of the node you just moved. Change it to Symmetric and then pull it away from the arm until you get a soft rounded line.
NOTE: Any time you want to check to see what the line looks like without the nodes and the lines between the nodes, just click on the Move Tool, and it will hide the nodes so you can see what the lines of the image looks like, but you can turn them back on by just clicking on the Pen Tool again. If I am having trouble with some node manipulation, I often do this just to see what I have done more clearly.
Click on the bottom node which is now mostly to the left, pull the top handle up and towards the left to round out the arm end.
Now click on the top node, which is now mostly to the right, pull the top handle up and towards the left to round out this end of the arm, too.
Deselect the nodes, Ctrl-D. (If you don't want to do hands for the snobaby, skip this next part.) With the R arm highlighted, add a new vector layer, naming it R hand. Using the Preset Shapes Tool with the ellipse, and the same settings as previously, draw a small circl of about 40x40 as we did for the L hand. Use the Object Selection Tool to move into place.
Highlight the head layer and open a new vector layer, naming it L eye. Foreground/Stroke - null; Background/Fill - black.
Activate the Presets Shape Tool, same settings, and draw a small circle about 15x15.
Now even though I said earlier that we wouldn't do final touches on any of the layers until we had them all drawn, we will do the finishing touches on the eyes, nose, mouth and cheeks - the face parts!!! So once you have this L eye drawn, and in place, convert to a raster layer.
Go to Effects/3D effects/Inner Bevel and use the round preset. If you don't have that preset, use the settings in the following screen shot and once you have the numbers entered, save it as a preset by clicking on the Save icon.
Highlight the head layer, add a new raster layer, naming it lashes. Foreground/stroke - black; Background/fill - null. Activate the Pen Tool and click on the straight line in the tool bar, and use the following settings.
Draw two short lines from the left side of the eye towards the left and up.
Highlight the L eye layer, right click on it, and go to Merge/Merge Down. Now your layer should say "lashes". Right click on it and rename the layer to L eye.
With the L eye layer still being highlighted, right click and in the drop down screen, click on Duplicate. Then go to Image/Mirror. You might have to use the Move Tool to move it right where you want it. Rename this layer R eye. This is what the image should look like now:
Highlight the head layer again, add a new vector layer, naming it nose. Foreground/stroke - null; Background/fill - an orange or red shade - I used #ff7f01.
Activate the Presets Shape Tool and use the same settings as before and draw a small circle about 14x14. Move into place, if necessary, convert to raster layer.
Go to Effects/3D Effects/Inner Bevel and use the settings in the screen shot. I have it saved as a preset, labeled balloon with the elevation at 20. I use this setting a lot and just raise the elevation by one or two numbers to get it to lighten a bit more. You can save this as a preset if you would like.
Activate your head layer and add a new raster layer, naming it mouth. Activate your Pen Tool and use the settings in the screen shot. Foreground/stroke - black; Background/fill - null.
NOTE: I sometimes have problems getting the ends of my mouth to match for placement, so I often pull down a guide line to help.
To pull down a guide line, go to View/Guides. Click on Guides in the drop down screen to activate it. Go back to the image and slide the cursor from the top of the ruler and as you slide it down across the image, you will see a line appear. Stop where you want it to be. If you need to move it some, go to the ruler on the side and as the cursor is over the guide line, the + will change in appearance - thicker and white with black borders. There is a thickened white line on the ruler where the line is, so you can just place the cursor over it. As long as the cursor looks like that, you can move it back up to the top ruler, or where ever you want it placed. See the screen shot.
Click on one side of the face where you want the mouth to begin - since I am left handed, I usually start on the left side. You will see a "node" appear. Then click on the other side of the face where you want the mouth to end, but keep the left button on the mouse depressed. You will see a straight line first, but move the mouse up and over to the right, and you will see a curved line starting to form, and handles coming out from the node you are working from. Once you have the shape you want, release the button.
Now I am going to show you how to add the curved lines at each end of the mouth - you can add this or not - it is up to you.
The easiest way is to add a new raster layer above the mouth layer, and using the same settings as for the mouth, use the Pen Tool and place a dot as in the screen shot.
Then place another dot down below the same end of the mouth line, keeping the button held down on the mouse, and pull out the mouse to make the curve. If you like this curve, duplicate the layer and mirror it and move the mirrored image to where you want it to be on the opposite end of the mouth. If you don't like the curve, use the undo button and do it over until you get a curve that you like.
It might help to zoom the image to 200-300% - sometimes that helps. Once you get the curved lines where you want, highlight the copy layer, and merge down, then highlight the raster layer and merge down - now there is a complete mouth on one layer that is named mouth! Note that I moved both side curved lines down from where the first one was placed. I move it a tiny bit with the Move Tool, then use the arrow keys to do further moving - kind of a fine tuning! : )
NOTE: The shape of the curves on the ends of the mouth adds to the chubbiness or roundness of the face, just as the placement of the white highlight in the eyes give a "character" to the eyes. And placement of the face parts will give a baby look, or a more mature look.
At this point you can merge these facial layers into one, and name it face, or you can just leave it as it is. I usually leave it in case I want to change any of it at another time.
Time to draw the buttons/coal that go down the front of the round tummy. Activate the body layer, add a new vector layer, naming it buttons. Activate the Preset Shapes Tool, using the same settings. Foreground/stroke - null; Background/fill - black. Draw a small circle about 14x14. Once you have it drawn, you can convert it to a raster layer.
Go to Effects/3D effects/Inner Bevel. Use the round inner bevel that we just used on the eyes. Duplicate it twice and move the buttons with the Move Tool to form a curve down the body. You can place them as I have them in the screen shot, or where ever you want them.
It is now time to do the last vector drawings - the hat and scarf! I used a stocking cap, but you can use any kind of hat you want.
Highlight the top layer in the palette, and add a new vector layer, naming it hat. Foreground/stroke - #606557; Background/fill - #8a937c which are shades of a sage green, but you can use any colors you want, just make sure the foreground color is a deeper/darker shade of your background color.
Activate the Presets Shape Tool, using the same settings as previously used. Draw an ellipse over the top of the head about 110x120. Then click on the Pen Tool to activate the nodes.
Go to the layer palette, click on the plus sign on the hat layer. This opens the vector layer. Click on the "eye" and a red X will show over the eye. This turns off the visibility of the layer, so that all you see on the image is the outline and the nodes. This makes it easier to see the nodes and to move them where you want them for the hat.
Right click on the bottom node, go to Node Type and then Symmetric. Move the node up with the mouse, until you are a little above the eyes.
Click on the left side node to activate it, then tap on the down arrow key to move the node straight down to about even with the "bend" in the head. Do the same to the right side. While the right side is activate, pull the end of the lower handle up and do the same on the left side - this should form an arch of sorts for the front of the hat.
Next is to add a cuff to the hat. Same settings with the Preset Shapes Tool. Color: Foreground/stroke: #86282a; Background/fill: #b8383a. Open a new vector layer on top of the hat layer, naming it hat cuff. Draw an ellipse about where you see it in the screen shot, size about 120x25 This is mini pic 1 in the screen shot.
Turn off the visibility in the layer palette by clicking on the eye for the ellipse_1 layer.
For the mini pic 2 - activate the node on the left side. Tap the up arrow key about 10-12 times, then do the same with the node on the right side.
For mini pic 3 -With the handles still showing on the right side node, grab the upper one and move it until it is level with the top line of the ellipse. This will give you a squared off look. Do the same to the node on the left side.
Then for mini pic 4 -Activate the center top node and click the up arrow key 10-12 times - this will give back the rounded look for the top of the cuff.
Refer to the following screen shot for the mini pics for the next set of directions. The numbers refer to the number on each of the mini pics.
1. Activate the left side node, pull the handle at the bottom of the node down till the point is about level with the bottom of the green hat.
2. Do the same with the right node.
3. Hold down the Ctrl button and click on the node line about level with the bottom of the green hat. This will add a new node to the ellipse. Then convert the node to a cusp node. When we add nodes they are often an asymmetric node and we need this one to be a cusp node.
4. This mini pic shows the node being moved out to being more even with the node above it - distance from the edge of the green hat.
5. This mini pic shows the bottom handle of the right bottom side node, being pulled in and up slightly to square off the "corner" a bit.
6. This also needs to be done on the left side - add a node and make it a cusp node. Move the top handle of the left bottom side node, in towards the hat slightly. This will give a rounded side to the hat.
7. Activate the bottom center node and tap on the up arrow key 14-16 times.
8. Now see how this all looks by turning the visibility of the ellipse_1 layer back on, and right clicking to close or hide the nodes.
Activate the Object Selection Tool, and highlight the ellipse_1 layer again. The cuff looks a bit narrow to me, so I am going to pull it wider by moving the center top node up. I will about double it. If you like your cuff, skip this step. You can widen it more if you want.
The last bit of vector drawing - the scarf! Activate the Presets Shape Tool, using the same settings. Foreground/stroke: #b20a0e; Background/fill: #ff0000. You can use colors of your choice. Activate the hat cuff layer, add a new vector layer, naming it scarf 1.
Draw an ellipse across the bottom of the head. We are going to do the nodes on this similar to how we did them on the hat cuff, only in reverse. Click on the Pen Tool to activate the nodes.
Click on the left side node, and pull it to the edge of the head. (mini pic 1) Activate the bottom node and pull it down below the chin. (mini pic 2) Click on the right side node and pull it into the edge of the head. (mini pic 3) Activate the top center node, pull it down to just above the chin line. (mini pic 4) Turn the visibility back on, click on the Move Tool - to see how it looks. If it is not how you want it to look, do your changes now.
Deselect the nodes, Ctrl-D. Add a new vector layer, naming it scarf 2. Use the Presets Shape Tool with the same settings and the same colors.
Even though the tails of the scarf are rectangles, we are going to use the ellipse to draw them. Start the ellipse on the left corner of scarf 1, drawing it out to the left, about 90x45.
Since the nodes will be moved beyond being able to call them left node, etc. I will call them A, B, C or D. See screen shot.
In the following screen shot, mini pic 1 shows the placement of the ellipse after you have drawn it - use the Object Selection Tool if necessary to put it where it should be.
Mini pic 2 shows the visibility to the ellipse layer turned off. Click on the top node A and move it up and out to the left to about where you think you want the upper end of the top scarf tail to be - mini pic 3. Move the lower handle to form the squared off line in mini pic 4. Activate node D and move it up and to the left as shown in mini pic 5. Activate node A and pull the bottom handle out to the left as in mini pic 6.
Activate node C and pull it to on top of or as close as possible to node B as in mini pic 1.
Go to the end of the handle extending to the right and pull it back to the node as in mini pic 2.
Activate node D (mini pic 3) and pull the top handle below the outside most left line - slightly, as in mini pic 4, and also pull the bottom handle up into the image, also shown in mini pic 4.
Mini pic 5 - activate node D and pull the handles to shape that corner a bit better, left handle into the rectangle a bit, and the right handle up and out to accent the curve of the upper line of the image.
Deselect the nodes, Ctrl-D. Add a new vector layer, naming it scarf 3. Using the Preset Shapes Tool with the same settings and the same colors, draw a small ellipse over the meeting point of the other two scarf layers. The ellipse should be about 10x20.
Our final vector drawing is next - the tassel to the stocking hat. Activate the Preset Shapes Tool once again, and find the tassel in your preset shapes folder. Using the same colors we just had for the scarf layers, add a new vector layer on top of the top hat layer - should be the hat cuff - name it tassel. Keep the same settings we have been using and draw out the tassel to about 70x40. Once you have the size you want, move it with the Object Selection Tool to the place you want it!
I am going to start at the top of the layer palette to do our finishing touches. Convert the tassel layer to a raster layer.
Activate the scarf 3 layer. Convert to raster layer. Effects/3D effects/Inner Bevel using the following settings:
Activate the scarf 2 layer. Convert to raster layer. Selections/Select All. Selections/Float. Effects/3d effects/Cutout using the following settings:
Reapply the Cutout, changing the V & H to -2. Deselect. Duplicate the layer. Turn off the visibility to the duplicated layer, and using the Raster Deform Tool , move the original scarf 2 layer down a bit and angle - similar to the screen shot, or however you want it to look. To check your placement, turn the visibility back on the duplicated layer. Once you are satisfied, go onto the next step.
Activate the scarf 1 layer. Convert to raster layer. Selections/Select All. Selections/Float. Effects/3D effects/Cutout. Use the same settings that we used for scarf 3, changing the blur to 15. Remember to reapply the Cutout changing the V & H to minus 2. Deselect. At this time, activate the scarf 3 layer. Right click and go to Merge/Merge Down. Repeat until you have the layer named Scarf 1.
Activate the hat cuff layer. Convert to raster layer. Image/Free Rotate. Rotate Right 90 Effects/Texture Effects/Texture/Sponge 02. Use the settings in the screen shot. Then go to Free Rotate again, but rotate Left 90
Activate the hat layer. Convert to raster layer. Image/Free Rotate. Rotate Right 90 Effects/Texture Effects/Texture/Sponge 02. Use the settings in the screen shot. Then go to Free Rotate again, but rotate Left 90
This is what the snobaby should look like:
Activate the head layer. Convert to raster layer. Selections/Select All. Selections/Float. Effects/3D effects/Cutout. Use the following settings, then reapply the Cutout changing the 5 to minus 5 (-5). Deselect.
Looks like I suffered a blonde moment and forgot to give our little snobaby some pink cheeks!! So better late than never, let's do it now. Activate the head layer, add a new raster layer, naming it cheeks. You can use any pink or rosy color you want, I used #f597e9. Activate the air brush with the following settings. I clicked 2 - 3 times on each cheek to make it really rosy!
Go to Adjust/Blur/Gaussian Blur. I used 5 for my blur strength, but you can use what you decide looks best for your image.
Activate the L arm. Convert to raster layer. Selections/Select All. Selections/Float. Effects/3D effects/Cutout. Use the following settings, then reapply the Cutout, changing the 2 to minus 2 (-2). Deselect.
Activate the L hand. Convert to raster layer. Selections/Select All. Selections/Float. Effects/3D effects/Cutout. Use the following settings, then reapply the Cutout, changing the 3 to minus 3 (-3). Deselect.
While the L hand is still activated, click on the Eraser Tool - shape - round; size - 8; hardness - 0; step - 25; density - 100; opacity - 100. Erase a small portion of the hand where it would be making a wrist. I zoomed the image to 200% to make it easier to see and erase, and also if there is a little mistake or two, when the image is back to its normal size, all tiny errors disappear!!
I used the guide lines, not only to help me, but to make it easier for you to see. I would suggest you use them, too. It is an extra step, but it really does help! I put 3 mini pics in the screen shot so you could see how and what I did. (Ignore the guide line in the first mini pic.)
Activate the L arm layer, and using the Raster Deform Tool, hold the Shift key down and move the bottom right corner up until it is hidden behind the L hand.
Activate the body. Convert to raster layer. Selections/Select All. Selections/Float. Effects/3D effects/Cutout. Use the following settings, then reapply the Cutout, changing the 3 to minus 3 (-3). Deselect.
Activate the R hand. Convert to raster layer. Selections/Select All. Selections/Float. Effects/3D effects/Cutout. Use the same settings as for the L hand, then reapply the Cutout, changing the 3 to minus3 (-3). Deselect.
Activate the R arm. Convert to raster layer. Selections/Select All. Selections/Float. Effects/3D effects/Cutout. Use the settings we just used on the R hand, remembering to reapply the Cutout, changing the 3 to minus 3 (-3). Deselect.
WE ARE FINISHED!
Now I look this little fellow over and see that he isn't so little. I resized him using the Raster Deform Tool on certain body parts - body, head, mouth, hat and scarf. On another copy I resized each part by resizing 75%. If you do each part separetly and don't move any of them until you are finished, the program will put them all in the right place. I also moved the eyes down closer to the nose and mouth - made it look more baby like instead of just chubby!
Raster deformed and Resized 75% each part images.
Thank you for trying my tutorial!
If you would like to make the little Snobaby's friend, Baby Penguin, click here.
This tutorial was written December 3, 2007.
Please feel free to contact me if you have any comments or questions. Send email to susie