Little Penguin Tutorial
All the content on this Baby Penguin 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. 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 work as a pspimage, so that you can open it again and redo the arms/wings for another position or use in another image.
Let's make a Baby Penguin!!
Open a transparent image, 400x400. Foreground/stroke = null; Background/fill = black.
Add vector layer, naming it black body. Activate the Preset Shapes Tool, with the following settings:
Draw an ellipse about 165x175. Convert to a raster layer. Using the Move Tool, move it to the lower part of your image as in the screen shot.
NOTE: Some screen shots will be reduced in size for faster upload time, and others will be of zoomed images for ease in seeing small areas.
Add a new vector layer, naming it white body. Using the Preset Shapes Tool, with the same settings, except change the Background/fill to white. Draw an ellipse over the black body to about 140x160. Convert to raster layer and using the Move Tool, move it to a position similar to that shown in the screen shot.
Add a new vector layer, naming it head.
Again, using the Preset Shapes Tool, with the same settings, and changing the Background/fill to black, draw a circle of about 110x110. Convert to a raster layer and using the Move Tool, move it similar to the position in the screen shot. We will probably have to move it again later as we do the finishing touches, but this gives us a fair placement for now.
Add a new vector layer, naming it white face. Use the same settings with the Preset Shapes Tool, but change the color to white again! Draw a circle of about 80x80. Use the Object Selections Tool to center it on the black head.
Activate the Pen Tool, as it is now time to do some node manipulation!! The four nodes you see on the image are all cusp nodes and that is just what we need for the changes we are going to make.
Click on the bottom node and handles will appear. But this is the only node on the face that we won't be manipulating, moving yes, but not manipulating! Use the down arrow key and tap it about 12 times.
NOTE: Tapping on the arrow keys to move the nodes are called nudge moves, and they give a better control over where the node goes. Just remember if you have to undo, it will be as many undos as there were nudges, to get back to your original placement of the node.
Refer to the following screen shot with the mini pics for the movements we are going to do with the rest of the nodes.
1. Activate the left node and tap the right arrow key 5 times to move the node towards the center.
2. Grab the bottom handle and pull it out as in the mini pic 2.
3. Grab the top handle and pull it out as in the mini pic 3.
4. Activate the top node and pull the left handle up, giving a rounded "corner" on the left upper face, as in mini pic 4.
5. Grab the right handle and move it up; the handles should form a "V", as in mini pic 5.
6. Activate the right node, tap it to the left 5 times, then grab the top handle and pull it out to form a rounded upper right corner, as in mini pic 6.
7..Grab the bottom handle and pull it out to form a "V" with the other handle and create a rounded bottom right corner, as in mini pic 7.
8. This is what the face now looks like. You can activate the nodes to do some more fine tuning of the shape of the face or leave it as it is.
9. I wanted to see what the face looked like without the nodes showing or the line - so I clicked on the Move Tool and they were hidden. I like the way it looks, so will now convert it to a raster layer.
Add a new vector layer, naming it L eye. Use the Preset Shapes Tool, with the same settings, and change the color to black. Draw a small circle about 15x15. Convert to a raster layer.
Go to Effects/3D Effects/Inner Bevel. I used the round preset, but changed the angle to 24. In case you don't have the round preset in your Inner Bevel, the settings are in the screen shot. (To save it as the round preset, change the angle to 315.) I applied it twice to get a larger white spot. The change in the angle moves the white spot from the left side to the right side.
Right click on the L eye layer and click on Duplicate in the drop down menu. Then go to Image/Mirror. This should move the copied eye to the right side of the face, but you might still have to use the Move Tool to get it right where you want it. Rename this layer R eye. Sometimes with duplicating and mirroring, some of the sharpness is lost. Go to Adjust/Sharpen/Sharpen More to get it as sharp as the left eye.
Add a raster layer above the L eye layer. Activate the Pen Tool. Foreground/stroke = black; Background/fill = null. I used the straight line tool, but you can make curved lines with either the Bezier curve or the freehand. Draw a couple of lines to be the eye lashes.
Duplicate the raster layer. Go to Adjust/Sharpen/Sharpen More. Go to Images/Mirror. You might have to use the Move Tool to get them actually in place. Move the duplicated layer above the R eye in the layer palette.
Right click on the duplicated layer and go to Merge/Merge down. Go to the raster layer that is above the L eye and Merge/Merge down for it, too. Doing the merge this way, you don't have to close off all the other layers, and you don't have to rename.
Here is what the penguin looks like at this point:
Add a new vector layer, naming it lower beak. Use the Preset Shapes Tool with the same settings. Foreground/stroke = #b6640c; Background/fill = #f78e1d.
Draw a small circle about 30x15. Activate the Pen Tool and the nodes.
Refer to the following screen shot with the mini pics for the movements we are going to do with these nodes.
1. Activate the left side node - tap the up arrow key 7-8 times. Grab the lower handle, and pull it in towards the center as in the screen shot.
2. Tap the right arrow key 3-4 times.
3. Activate the top node. Tap the down arrow key 3-4 times.
4. Activate the right side node. Tap the up arrow key 6 times.
5. Tap the left arrow key 3-4 times.
6. Grab the lower handle and pull it in towards the center slightly.
7. Activate the left side node and grab the lower handle pulling it in towards the center slightly.
8. Activate the bottom node. Tap the up arrow key about 3-4 times.
Refer to the following screen shot with the mini pics for the movements we are going to do with these nodes.
1. Click on Ctrl-D to turn off or deselect the nodes. Duplicate this layer and go to Images/Flip. You will have to use the Move Tool to move this layer (the upper beak) down to its place on top of the lower beak.
2. Activate the Pen Tool so the nodes will show on this layer. Activate the bottom center node and tap the down arrow key 6-7 times.
3. Place the cursor on one end of the handles and move it towards the center slightly. Then do it some on the other handle. Click on the Move Tool to turn the nodes off to see how this line looks. It needs both handle ends pulled up a very little bit on mine. Click on the Pen Tool again to move the handles. This will round the line and make it so it doesn't over extend the lower beak.
4. Click on the left side node. Grab the lower handle and pull it straight in towards the center.
5. Click on the right side node. Grab the lower handle and pull it straight in towards the center.
6. Click on the top center node. Tap the up arrow key 3 times.
7. Click on the right side node and pull the end of the top handle in towards the center slightly. Do the same with the left side node.
8. Click on the Move Tool to check how both the beaks look - if they look satisfactory, convert each layer to a raster layer.
Activate the lower beak, go to Effects/3D effects/Inner Bevel and apply the settings shown in the screen shot.
Activate the upper beak, go to Effect/3D effects/Inner Bevel and apply the same settings. While the upper beak is activated, right click on it and go to Merge/Merge Down. You can rename the lower beak now to just beak. Now we have to move the beak down some. Using the Move Tool, move it to a bit lower than the eyes similar to the screen shot. Once I had the beak moved, I felt the eyes should be also moved down a bit - I used the arrow keys and tapped the down arrow key 2-4 times for all three moves. Remember to use the arrow keys for these moves, you have to activate the Move Tool and click it on the image you want to move.
Activate the beak layer, add a new raster layer, naming it cheeks. We want his cheeks to be rosy looking, so you can use a pink of your choice. I used #f74a3d. Activate the Air Brush and use the settings in the screen shot.
I applied the color 3 times on each side so I could have them pretty rosy. Then go to Adjust/Blur/Gaussain Blur - about 6. You can play with the numbers here to get what you really like.
Activate the white body layer, add a new vector layer, naming it L wing. Activate the Preset Shapes Tool, with the same settings. Foreground/stroke = null; Background/fill = black! Draw an ellipse on the left side of the body about 70x135.
Activate the Pen Tool to show the nodes. Click on the bottom node, when the handles appear, pull the left handle straight up.
Click on the left side node, and using the Left arrow key, tap it 6-8 times.
Click on the right side node, and using the Right arrow key, tap it 6-8 times.
Click on the top node and pull the ends of the handles out from the node slightly - these last 3 node manipulations give a rounded look to the wing.
Activate the Object Selection Tool. A selection box with a handle from the center will appear. Move the end of that handle down until the wing is at an angle to the body. Then click on the center to move the entire wing over.
When you are satisfied with the shape and placement of the wing, convert to a raster layer. Duplicate the layer and go to Images/Mirror. You might have to use the Move Tool to get the wing where you want it. I readjusted the placement of my L wing slightly and then matched the placement on the R wing. Rename the copy of the L wing to R wing.
Activate the white body layer, and add a new vector layer, naming it L foot. Foreground/stroke = #b6640c; Background/fill = #f78e1d. Activate the Preset Shapes Tool, using the same settings, and draw a small circle at the bottom of the body, about 16x16.
Convert to a raster layer. Go to Effects/3D effects/Inner Bevel. Use the same settings as we did on the beak, and since we haven't changed them, they should be the same.
Duplicate the layer twice so that you have 3 little balls. Place them right next to each other, then go to the top duplicated ball and activate it. Right click on the layer and go to Merge/Merge down. Do the same to the next ball. Now you should have the 3 little balls all on one layer named L foot.
Duplicate the L foot layer, and using the Move Tool, move it right next to the L foot. Rename the copy to R foot.
Activate the layer below the head - should be R foot - add a new vector layer, naming it scarf 1. Foreground/stroke = #ba0808; Background/fill = #fc0000. These are shades of red, but you can use colors of your choice.
Activate the Preset Shapes Tool, using the same settings as before, draw an ellipse of about 85x20.
Refer to the following screen shot with the mini pics for the movements we are going to do with the nodes. For these manipulations, and the screen shots, I zoomed the image to 200%. I also turned the visibility/color off by clicking on the eye icon next to the sublayer of scarf 1- ellipse_1 in the layer palette. A red X will appear on the "eye". All you will see on your image is an ellipse with nodes - no color.
1. Click on the Left side node, and move it up to form the left end of the neck part of the scarf.
2. Click on the Right side node, and move it up to form the right end of the neck part of the scarf.
3. Click on the top center node, tap the down arrow key 7-8 times to bring the top of the scarf down to near the bottom of the chin/head.
4. Turn the visibility of the scarf ellipse_1 layer on by again clicking on that eye icon. The red X will disappear and you will now be able to see the color again. Click on the Move Tool to hide the nodes so you can see what the scarf looks like. If you are satisfied with the appearance and shape of the scarf, deselect by clicking on Ctrl-D.
With the scarf 1 layer highlighted, add a new vector layer, naming it scarf 2. Use the same colors, and the same settings for the Preset Shapes Tool. We are going to draw one of the tails of the scarf, and even though the scarf is a rectangle, we will be using the ellipse to make the tail. Draw an ellipse (horizontal) of about 85x30.
I am naming the nodes on this vector, since once we start moving and manipulating them, they will no longer be able to be identified by left side node, right side node, top center node and bottom center node. They will be referred to as A, B, C or D.
Again, refer to the following screen shot with the mini pics for the movements we are going to do with the nodes. Also, I again will zoom the image for better view of what I am doing, and for better screen shots. I also turned off the visibility/color to the vector in my layer palette to see my nodes and moves better.
1. Activate the B node and move it to the left and up.
2. Grab the left handle and pull it down straight.
3. Activate A node and move it up and out to the left.
4. Activate the D node. Right click on it, go to Node Type, go to Symmetric. (See following "Note" for how to do this if you don't know or understand.) Move it up. This should give a curve out on the left and a curve up on the right.
5. Pull on the left handle down so that the slight curves are more pronounced.
6. Activate A node, and pull the top handle in to the right a little. This is now the shape of the scarf tail. If you are satisfied, turn the visibility back on by clicking on the red X in the layer palette, and deselect with Ctrl-D.
With the scarf 2 layer still highlighted, add a new vector layer, naming it scarf 3. Use the same colors, and the same settings in the Preset Shapes Tool, and draw a small ellipse about 10x15. Deselect with Ctrl-D.
Now that we have the basic scarf parts drawn, we can convert it to raster layers. Activate the scarf 1 layer, convert it to a raster layer. Activate the scarf 2 layer and convert it to a raster layer. (We will duplicate this layer in a bit to make our second scarf tail.) Activate the scarf 3 layer and convert it to a raster layer.
With the top layer in your layer palette highlighted (should be scarf 3), add a new vector layer, naming it ear muffs. I am making my ear muffs match my scarf, but you can use the color of your choice. I used Foreground/stroke = null; Background/fill = #fc0000. Activate the Preset Shapes Tool, and using the same settings, draw a small ellipse on the left side of the head, about 36x56.
When you have the shape and size you like, convert to a raster layer. Go to Effects/3D effects/Inner Bevel. Use the following settings:
Every ear muff I have ever seen or worn, have been fuzzy. So now we are going to fuss this ear muff up. I found Eye Candy works great and you can use either version - 3 or 4.
Eye Candy 3.1 Fur settings:
NOTE: When doing fur in Eye Candy 4, it uses the colors that are displayed in your color palette for the colors drawing the fur. Even though we didn't use a color in our foreground when drawing the ear muffs, put the darker shade of the color you used on the color palette. The color number I put on the screen shot is the darker shade of the red that I used for the ear muffs. Change your number as necessary.
Eye Candy 4.0 Fur settings:
Next we blur the fur, well, we blur the entire image. I have tried to just blur the fur several ways, but never could get it to do it without having to do the entire image. As a result, we have to keep the blur low in numbers. Go to Adjust/Blur/Gaussian Blur.
Now we want to fuzz the outer part of the ear muff. We go back into Eye Candy to do this.
Eye Candy 3.1 Jiggle settings:
Eye Candy 4.0 Jiggle settings:
Duplicate this ear muff layer and go to Images/Mirror. You might have to use the Move Tool to get it right where you want it.
Now we have to connect the ear muffs with a head band of some sort. The best ones are metal, so we are going to try to make it look like metal. On the layer below the first ear muffs layer, highlight it and add a new raster layer, name it ear muffs. (We are naming it this now, because this is the layer we are merging the other two down onto.)
Activate the Pen Tool and click on the Bezier Curve icon in the top tool bar. At the left side of the screen shot, you can see part of the side bar with the tools for PSP. I have boxed in red the Pen Tool. On the top section of the screen shot, I boxed in red the Bezier Curve icon in red, and we are using a line width of 5, so I also boxed that in red.
Foreground/stroke = black; Background/fill = null. Click on the left ear muff and you will see a little node appear. (I am left handed so start on the left usually. Feel free to start on the right - the actions are the same, just kind of in reverse.) In the screen shot, this first click is boxed in black. Then click on the right ear muff - also boxed in black in the screen shot.
When you make the second click, keep the button depressed, and move the mouse in the direction of the bottom handle and you should see the line arch up from being straight, and the handles will elongate.
You should see something very similar to the screen shot. When you are satisfied with the shape of your line, release the mouse button. You should see a black line as in the lower part of the screen shot. If it didn't turn out right, undo until you can start this part over again. It just takes practice to get the feel of moving those handles to get the arch or curve you want!
This is what our little penguin should look like at this point.
Now it is time for the finishing touches!! Activate the layer you just drew the arched line on. Go to Effects/Texture Effects/Sculpture. Use the settings in the following screen shot. I used the pattern named Gold, but you can use the pattern of your choice.
Go to Effects/3D effects/Inner Bevel. The settings in the screen shot are a variation of the round preset. I have it in my presets as "altered round" and use it for my eyes and other things that need the very round setting, but not quite as drastic as the round preset. Feel free to save the settings in your own presets. Apply the settings to the image.
Go to your layer palette and highlight the "copy of ear muffs". Right click on the layer and go to Merge/Merge down. Do the same thing to the next layer. All three parts of your ear muffs should now be on one layer.
Go to the scarf 2 layer. Go to Selections/Select All. Selections/Float. Go to Effects/3D effects/Cutout. Use the following settings:
Duplicate the scarf 2 layer. On the copy layer, use the Raster Deform Tool to adjust the position and angle. Since it is on the top, I pulled the handle down some to angle the scarf tail up, and then moved the right end back under the knot (scarf 3 image). Then use the Raster Deform Tool on the scarf 2 layer and pull the handle up, to angle the scarf tail down. Make sure the right ends of both layers are under the "knot".
Go to scarf 3 layer and then go to Effects/3D effects/Inner Bevel. Apply the following settings.
Highlight scarf 1 layer. Selections/Select All. Selections/Float. Effects/3D effects/Cutout. Use the same settings used on scarf 2 layer.
Highlight the scarf 3 layer. Right click on it and go to Merge/Merge Down. Right click on that layer and go to Merge Down, and then go to Merge Down with that layer. All 4 layers of your scarf should now be on one layer.
Highlight the white face layer. Go to Effects/3D effects/Inner Bevel. Apply the settings in the screen shot. Then apply the same settings to the white body.
Congratulations! You are finished!! Thank you for trying my tutorial!
Here are a few examples of what our little guy would look like if you colorize the hat and scarf.
If you would like to make the little Baby Penguin's friend, Snobaby, click here.
This tutorial was written December 6, 2007.
Please feel free to contact me if you have any comments or questions. Send email to susie