Little Penguin


penguin



    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.

    I am doing things a bit different in this tutorial - there will be 3 different views of the Little Penguin to do - all very easy and quick. It will be a front view, a side view and a back view. This is so you can do the final part of the tutorial, if you want, of animating the penguin to twirl on the ice in a winter scene. I made the winter scene, so it is safe to use, but you may, of course, make your own scene.

    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 is an Alpha Channel Selections tutorial, and I hope it is clear enough for anyone trying it. The canvas was saved as a psp, so it should also work in verson 8. Remember to save often.

    To do this tutorial, you will need a basic knowledge of PSP and my Supplies.


    In the supplies 3 canvas psps and a psp of a winter scene for your use, if you want. You are more than welcome to use the colors of your choice for the Penguin. Be creative!

    Unzip the Penguin Canvas, the "side_penguin_canvas", and the "back_penguin_canvas" and the winter scene. I usually make a folder with the name of the tutorial and put the supplies in there for easy access.

    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!)

    Step 1. Open the little_penguin_canvas_ssg.psp in your PSP workspace, duplicate it and close the original. I will give directions for the colors I used, which are on their own layer in the canvas, but feel free to color the Penguin parts with your choice of colors.

SAVE

    Step 2. Activate the feet layer in the Layer Palette (located near the bottom of the Layer Palette - we will be working up from the bottom of the palette). Go to Selections/Load-Save Selections/Load from Alpha Channel. Load the feet selection. Fill with color # 1 (#e28a3c) or the color of your choice. Go to Selections/Select None to Deselect or by holding down the Ctrl key and D key on the keyboard. After this step, I will just say Deselect. Go to Effects/3 D Effects/Inner Bevel. Use the following settings: Bevel: 2; Width: 12; Smoothness: 48; Depth: 7; Ambience: 4; Shininess: 2; Color: white; Angle: 315; Intensity: 30; Elevation: 50.


feet bevel

SAVE

    Step 3. Activate the body layer. Load the body selection. Fill with color # 2 (black), or color of your choice. Deselect.


    Step 4. Activate the tummy layer. Load the tummy selection. Fill with color # 3 (white). Go to Selections/Float. Go to Effects/3 D Effects/Cutout. Use the following Cutout settings: V&H: 0; Opacity: 50; Blur: 25; Shadow color: black. Deselect.


tummy cutout

SAVE

    Step 5. Activate the head layer. Load the head selection. Fill with color # 2 (black). Deselect.


SAVE

    Step 6. Activate the white mask layer. Load the white mask selection. Fill with color # 3 (white). Float. Use the following Cutout settings: V&H: 0; Opacity: 50; Blur: 25; Shadow color: black. We just used this same setting on the tummy, so the settings should still be on the window. Deselect.


tummy cutout

    Step 7. Activate the face layer. You will see there is a red X on the eye icon - this means the visibility is turned off. Click on the X to turn the visibility on.


SAVE

    Step 8. Activate the L wing layer. Load the L wing selection. Fill with color # 2 (black). Deselect.


    Step 9. Activate the R wing layer. Load the R wing selection. Fill with color # 2 (black). Deselect.


final penguin

SAVE

    Congratulations! Your frontal view of the Little Penguin is finished! You can now delete the colors layer, and do a final save. You can add a background and play with your image. OR you can continue on with the other views. You will still want to delete the color layer or turn the visiblity off to the layer by clicking on the eye icon in the Layer Palette.

    Step 10. Open the "side_penguin_canvas_ssg.psp" in the work space, duplicate it and continue. Activate the foot layer in the Layer Palette. Load the foot selection. Fill with color # 1 (#e28a3c) or the color of your choice. Deselect. Use the following Inner Bevel settings: Bevel: 2; Width: 12; Smoothness: 48; Depth: 7; Ambience: 4; Shininess: 2; Color: white; Angle: 315; Intensity: 30; Elevation: 50.


feet bevel

SAVE

    Step 11. Activate the body layer. Load the body selection. Fill with color # 2 (black), or color of your choice. Deselect.


    Step 12. Activate the tummy layer. Load the tummy selection. Fill with color # 3 (white). Go to Selections/Float. Go to Effects/3 D Effects/Cutout. Use the following Cutout settings: V&H: 0; Opacity: 50; Blur: 25; Shadow color: black. Deselect.


tummy cutout

SAVE

    Step 13. Activate the head layer. Load the head selection. Fill with color # 2 (black). Deselect.


SAVE

    Step 14. Activate the white mask layer. Load the white mask selection. Fill with color # 3 (white). Float. Use the following Cutout settings: V&H: 0; Opacity: 50; Blur: 25; Shadow color: black. We just used this same setting on the tummy, so the settings should still be on the window. Deselect.


tummy cutout

    Step 15. Activate the face layer. You will see there is a red X on the eye icon - this means the visibility is turned off. Click on the X to turn the visibility on.


SAVE

    Step 16. Activate the wing layer. Load the wing selection. Fill with color # 2 (black). Deselect.


side penguin

    Congratulations! You have now finished the side view of the Little Penguin! Delete or turn the visibily off to the color layer. The back view is super easy and fast!

    Step 17. Open the "penguin_back_canvas_ssg.psp" in the work space, duplicate it and continue. Activate the feet layer in the Layer Palette. Load the feet selection. Fill with color # 1 (#e28a3c) or the color of your choice. Deselect. Use the following Inner Bevel settings: Bevel: 2; Width: 12; Smoothness: 48; Depth: 7; Ambience: 4; Shininess: 2; Color: white; Angle: 315; Intensity: 30; Elevation: 50.


feet bevel

SAVE

    Step 18. Activate the body layer. Load the body selection. Fill with color # 2 (black). Deselect.

    Step 19. Activate the head layer. Load the head selection. Fill with color # 2 (black). Deselect.

SAVE

    Step 20. Activate the L wing layer. Load the L wing selection. Fill with color # 2 (black). Deselect.

    Step 21. Activate the R wing layer. Load the R wing selection. Fill with color # 2 (black). Deselect.


penguin back

    Congratulations! You have now finished the back view of the penguin! Remember to delete or turn the visibility off to the color layer. You should now have 3 separate images of the Little Penguin. Since you are still with me, I think this means you will be doing the animation, too! I will give the steps I do, but if you have another way to do these, please feel free to do it your way!

    Open Animation Shop (from here on it will be referred to as AS). Minimize it. Open all three of your penguin images on your workspace, minimizing the side and back views. Open the winter scene into your workspace.

    Step 22. Activate the frontal view penguin. Go to Edit/Copy Merged. Activate the winter scene image, go to Edit/Paste/Paste as New Layer. Rename the new layer in the Layer Palette as penguin 1.

    Step 23. Using the Move Tool, click on the penguin, then tap the Down Arrow key on the key board, until the penguin is between the blue ellipses on the image. This will take about 20 taps on the Down Arrow key. See the screen shot to see where I mean for placement - this is where I wanted mine to be, you are free to place yours where you want it!


placement

    Step 24. Repeat all of this with the side view penguin image. When it comes to moving it down with the Down Arrow key, it should look like this - in the screen shot. Now I know the side view penguin is shorter than the front view, but you can either leave it this way or use the Raster Deform Tool to bring up the top of his head to where he is even with the first penguin. It is up to you! Rename this layer penguin 2.


placement2

    Step 25. Repeat all of this with the rear view of the penguin, too. To aid in the placement of this penguin, pull down the Guide Line to the very bottom of the first penguin's feet - the second penguin's feet should also be there - as in the screen shot. To pull down the Guide Line, go to View, and then Guides - if the icon next to the word is grayed out, click on the word Guides. If it isn't grayed out, then it is already on. Just click on the top ruler and pull down, a line will appear and you can put it any where you want on the image. Tap the Down Arrow key about 20 times to get this penguin there, too! Rename this layer penguin 3.


guide line

    Step 26. We need one more penguin image. Activate the side view penguin again, copy and paste as a new layer on top of the penguin 3 layer. Rename this layer penguin 4. Go to Image/Mirror. Then tap on the Down Arrow to get his little foot on to the top of the Guide Line. (It took me 25 taps.)


guide line 2

    Step 27. If you hold the cursor over the Guide Line on the left ruler of your image, you will see the plus sign change from a single black plus to an outlined plus sign - when you see this, you can move the Guide Line back up and off the image. However, it won't show up in the image in AS if you don't remove it!

    Step 28. Go to the Layer Pallete and turn the visibility off to the penguin 3, 2 and 1 layers. Activate the winter scene layer. Go to Copy Merged, then activate AS. Right click on the workspace, and Paste as New Animation. If you want to put your name on before this, please do so, as it is easier to put your name on in PSP - then you don't have to do the Propagate Paste steps!

    Step 29. Back to PSP, turn the visibility off to the penguin 4 layer, and turn the visibility on to the penguin 3 layer. Copy Merged. Back to AS. Right click on the image and Paste Before Current Frame.

    Step 30. Back to PSP, turn the visibility off to the penguin 3 layer, and turn the visibility on for the penguin 2 layer. Copy Merged. Back to AS, right click on the image and Paste Before Current Frame.

    Step 31. Back to PSP, turn the visibility off to the penguin 2 layer, and turn the visibility on for the penguin 1 layer. Copy Merged. Back to AS, right click on the image and Paste Before Current Frame. Yeah, you now have all the frames and in the correct order. To see how it looks, click on the film strip icon in the upper tool bar. You can see that it jumps, but to me, that looks like skaters who are doing the same kind of twirl - and after all, this is a penguin, so he is using his feet, not skates!

    Step 32. Time to do Frame Properties - you can leave it as it is, or you can try various settings. To use the settings I used, click on the first frame, right click, go to Frame Properties and type in 100. Go to the next frame, right click and type in 20 in the Frame Properties, do this for the next two frames also.

    Step 33. I did not resize my image so that you could see the final results better. If you want to resize yours, do it here in AS. Just activate the first frame, then tap the Ctrl key and the A key at the same time - this will select all the frames. Go to the Tool Bar at the top of the work space, and click on Animation. Go down the list that opens up to Resize Animation - I always do it by percentage, rather than by Pixel size - and as you change the percentage, you can see in the pixel size what size your image will be. If you want your penguins smaller to begin with - do the resizing of each penguin before you put them on the image.

    Congratulations! You have finished the entire Little Penguin tutorial, including the animation! Thank you for trying my Little Penguin tutorial and I hope you enjoyed doing it, and maybe even learned something!

penguin



      This tutorial was written January 5, 2014.

Terms of Use

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



Home