drummer horse ani

Drummer Horse



    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 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 Horse Supplies.


    Unzip the Horse Supplies into a folder of your choice. I usually make a folder with the name of the tutorial and put the supplies in there for easy access. Within the zip is the rearing_horse_canvas_ssg.psp, drum_set_ssg.psp and drum_stick_ssg.psp.

    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 rearing_horse_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 horse with your choice of colors. You will also notice several layers X'ed out - the visibility is turned off. These are the R upper leg 2, R upper leg shading, R upper hoof 2 and the eyes layer. We will not use them until we get to those layers in the Layer Palettte. Open the other two psp images in your PSP workspace and minimize them for later use.

SAVE

    Step 2. Activate the tail layer in the Layer Palette. Go to Selections/Load-Save Selections/Load from Alpha Channel. Load the tail selection. Fill with color # 3. Selections/Float. Go to Effects/3D Effects/Cutout. Use the following settings: V&H: 0; Opacity: 75; Blur: 20; Shadow color: #925330. Deselect by going to Selections/Select None or by holding down the Ctrl key and the D key on the keyboard.

tail and mane cutout

SAVE

    Step 3. Activate the tail shading layer. Load the tail shading selection. Fill with color # 1. Deselect.

    Step 4. Activate the L ear layer. Load the L ear selection. Fill with color # 2. Float. Use the following Cutout settings: V&H: 0; Opacity: 75; Blur: 7; Shadow color: #542004. Deselect.

ear cutout

    Step 5. Activate the L inner ear layer. Load the L inner ear selection. Fill with color # 5. Float. Use the following Cutout settings: V&H: 0; Opacity: 75; Blur: 7; Shadow color: #542004. Deselect.

SAVE

    Step 6. Activate the L upper leg layer. Load the L upper leg selection. Fill with color # 2. Float and use the following Cutout settings: V&H: 0; Opacity: 75; Blur: 15; Shadow color: #542004. Deselect.

leg cutout

SAVE

    Step 7. Activate the L uppper hoof layer. Load the L uppper hoof selection. Fill with black. Deselect. Effects/3D Effects/Inner Bevel. Use the following settings: Bevel: 2; Width: 14; Smoothness: 15; Depth: 12; Ambience: 0; Shininess: 50; Color: white; Angle: 265; Intensity: 70; Elevation: 30.

hoof bevel

SAVE

    Step 8. Activate the mane layer. Load the mane selection. Fill with color # 3. Float. Use the following Cutout settings: V&H: 0; Opacity: 75; Blur: 20; Shadow color: #925330 (same as tail). Deselect.

tail and mane cutout

    Step 9. Activate the mane shading layer. Load the mane shading selection. Fill with 1. Deselect.

SAVE

    Step 10. Activate the body layer. Load the body selection. Fill with color # 2. Float. Use the following Cutout settings: V&H: 0; Opacity: 75; Blur: 30; Shadow color: #542004. Deselect.

body cutout

    Step 11. Activate the body shading layer. Load the body shading selection. Fill with color # 1. Deselect.

SAVE

    Step 12. Activate the R inner ear layer. Load the R inner ear selection. Fill with color # 5. Float and use the following Cutout settings: V&H: 0; Opacity: 75; Blur: 7; Shadow color: #542004. Deselect.

ear cutout

    Step 13. Activate the mouth layer. Load the mouth selection. Fill with color black. Deselect.

SAVE

    Step 14. Activate the tongue layer. Load the tongue selection. Fill with color # 6. Float. Use the following Cutout settings: V&H: 0; Opacity: 75; Blur: 7; Shadow color: #542004. Deselect.

ear cutout

    Step 15. Activate the nose layer. Load the nose selection. Fill with black. Deselect.

    Step 16. Activate the eyes layer. Click on the red X, to turn on the visibility.

    Step 17. Activate the R upper leg layer. Load the R upper leg selection. Fill with color # 2. Float. Use the following Cutout settings: V&H: 0; Opacity: 75; Blur: 15; Shadow color: #542004.Deselect.

leg cutout

    Step 18. Activate the R upper leg shading layer. Load the R upper leg shading selection. Fill with color # 1. Deselect.

    Step 19. Activate the R upper hoof layer. Load the R upper hoof selection. Fill with color black. Deselect. Apply the following inner bevel: Bevel: 2; Width: 14; Smoothness: 15; Depth: 12; Ambience: 0; Shininess: 50; Color: white; Angle: 265; Intensity: 70; Elevation: 30.

hoof bevel

    NOTE: Turn the visibility off to R upper leg, R upper leg shading and the R upper hoof layers. Turn the visibility on to R upper leg 2, R upper leg shading 2, and R upper hoof 2. These are the layers for the horse to play drums with, the others are for the horse rearing up - to be used when and where you want!

    Step 20. Activate the R upper leg 2 layer. Load the R upper leg 2 selection. Fill with color # 2. Float. Use the following Cutout settings: V&H: 0; Opacity: 75; Blur: 15; Shadow color: #542004. Deselect.

leg cutout

    Step 21. Activate the R upper leg shading layer. Load the R upper leg shading selection. Fill with color # 1. Deselect.

    Step 22. Activate the R upper hoof layer. Load the R upper hoof selection. Fill with color black. Deselect. Apply the following inner bevel: Bevel: 2; Width: 14; Smoothness: 15; Depth: 12; Ambience: 0; Shininess: 50; Color: white; Angle: 265; Intensity: 70; Elevation: 30.

hoof bevel

    Step 23. Activate the L lower hoof layer. Load the L lower hoof selection. Fill with black. Deselect. Use the same Inner Bevel settings.

    Step 24. Activate the R lower hoof layer. Load the R lower hoof selection. Fill with black. Deselect. Use the same Inner Bevel settings.

    The Drummer Horse (or Rearing Horse) is finished - for now. Do another SAVE and minimize the image.

Animation

    NOTE: I work from the back of the animation frames, so that is how I will give directions.

    Step 25. Open drum set psp. Image/Canvas Size - H &V 400 Pixels; Top: 45; Bottom: 45; Left: 6; Right: 6. Click on center box if your Canvas Size window does not have these settings.

canvas size

    Step 26. The drum set is too high on the image for the horse to show when behind, so we are going to move the drums down. Activate the Raster Deform Tool, place the cursor over the center node (one with the arrow and handle extending from it). It should line up with 200 on the side ruler (which is the center of the image). Move it to 235 on the side ruler - make sure you move it straight down. You can check this by looking at the top ruler and you should still be at 200 on the upper ruler.

drums 1

drums 2

    Step 27. Add a new raster layer and name it "bg" or whatever you want. Move it below the drum layer. Name the drum layer "drums" or whatever you want.

    Now that this image is ready - we will go back to work on the horse image to get it ready to paste into the drum image.

    Step 28. If you don't have the visibility on to the R upper leg 2, the R upper leg shading 2 and the R upper hoof 2, turn it on now. Turn off the visibility to the R upper leg, R upper leg shading and the R upper hoof. The eye icon should be showing when the visibility is on, and a red X will be showing when the visibility is off.

layer palette

    Step 29. Go to Edit/Copy Merged. Activate the drum set image, highlighting the Raster 1 or bg layer and Paste as New Layer. Name the layer "horse". Image/Rotate/Free Rotate - Right; 30. This will straighten the horse into a more upright position. Image/Resize - 85%. Bicubic and Lock aspect ratio - checked. Resize all layers box unchecked.

rotate

resize

    Step 30. The horse is too low in the image. Use the Raster Deform Tool to move up - as close to the top as you can without cutting off the top of the horse's mane.

horse move 1

horse move 2

    Step 31. Open or maximize the drum_stick_ssg.psp. Edit/Copy.

    Step 32. Activate the layer under the horse layer, which should be the bg layer or Raster 1. Edit/Paste as New Layer. Name the new layer "L stick 1". Since you won't be able to see the stick - use the Raster Deform Tool to move it to the left and under one of the horse's hooves. You will also have to rotate it with the Deform Tool so that it is pointing in the correct direction. I think it is easier to move it this way rather than turning off the horse layer, or putting it on an upper layer and then moving it down. As long as it is highlighted in the Layer Palette, the Raster Deform Tool will find it and that will be all you move! You can do it however you please, just make sure the drum stick is under the horse's hoof for when you are finished.

L stick 1

    Step 33. Paste another drum stick, naming the layer L stick 2. Use the Raster Deform Tool to turn and move it into place - similar to the screen shot.

L stick 2

    Step 34. Repeat the above two steps - naming the new stick layers L stick 3 and L stick 4. Place them near the other sticks, but turn them down, similar to the screen shot. I turned the visibility off to the first sticks to take this screen shot.

L stick 3 and 4

    Step 35. Right click on the horse layer and then on duplicate. Turn off the visibility to horse 1 and the visible stick layers. Rename the duplicated layer horse 2. Go to Image/Mirror.

    Step 36. Copy and Paste as New Layer the drum stick again, using the same steps - only naming the layers R stick 1, R stick 2, etc. Make sure you activate the layer under the horse 2 layer to use when you Paste as New Layer. The drum sticks should be under the horse 2 layer.

    Step 37. Highlight the bg (or Raster 1) layer, and fill it with white or the color of your choice. You might also want to add a Drop Shadow at the point, or music notes - anything you want to add to your image is fine, but you should do it before we take it to Animation Shop (AS). Now is also the time to add your name.

    Step 38. See the following screen shot for which layers to turn the visibility off, and which ones to leave on. Here is a list of the layers to have the visibility on: drums, horse 2, R stick 1, R stick 2, bg.

layer palette

    Step 39. Edit/Copy Merged. In AS, right click on the workspace and Paste as New Animation.

    Step 40. Back to PSP, turn off the visibilty to R stick 1 and R stick 2 layers. Turn the visibility on to R stick 3 and R stick 4. Copy Merged. In AS, right click on the image and Paste Before Current Frame.

    Step 41. Back to PSP, turn off the visibilty to R stick 3, R stick 4 and horse 2 layers. Turn the visibility on to L stick 3, L stick 4 and horse layers. Copy Merged. In AS, right click on the image and Paste Before Current Frame.

    Step 42. Back to PSP, turn off the visibilty to L stick 3 and L stick 4 layers. Turn the visibility on to L stick 1 and L stick 2. Copy Merged. In AS, right click on the image and Paste Before Current Frame.

    Step 43. Hold the Ctrl key down and click on the A key - this will select all the frames. Right click on any frame and click on Frame Properties. (You can also click on Animation in the tool bar, and then on Frame Properties.) Set the numbers to 25. Check your animation by clicking on the film strip icon in the tool bar. If it is to your liking, go to Edit/Save As. Or change the settings to your liking. Before you save, you can resize it in Animation/Resize Animation.

    Congratulations! Your Drummer Horse is finished! I resized mine for the following image. See where your imagination leads you!

drummer horse ani

    Thank you for trying my Drummer Horse tutorial and I hope you enjoyed doing it.



      This tutorial was written June 29, 2009.

Terms of Use

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