Watching Kitty

watching kitty

Terms of Use

    All the content on this Watching KittyTutorial 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 the technique would work in other versions as well.

    I have supplied the three mice images, the two cheese images and the kitty parts in three different colors for you to use in doing this tutorial. These images were all drawn by me, so they are safe to use. You can use your own tubes if you would prefer.   Kitties and Mice   Download the zip and open the pspimages in your PSP workspace.

    Open a new transparent image 400x400. Name the layer wht bg in the layer palette.

    Open a vector layer, naming it name. Use a font of your choice, with the following settings:


    Holding the cursor at 500x250, click to put your first letter. The letter needs to be large enough for the kitty to partially hide behind.

    Open the kitty image you want to use, highlight the head layer and go to Edit/Copy. Activate your new image, highlight the wht bg layer, and paste as a new layer. Rename the new layer head. Using the Mover Tool, move the head behind your letter.

    Activate the name layer, and click on the plus sign to open the layer. Activate the letter layer, and click on the Text Tool and enlarge your letter so that it partially hides the kitty head. The screen shots will show about how much I enlarged. Yours will be different as your name is different.

shot 2       shot 3

    Activate the Mover Tool, and move the kitty head so that it looks similar to in the screen shot, the kitty's eyes are peeking through part of the letter.


    Now we are going to add the rest of our name. To make sure the entire name is on the same line (sort of), place your cursor on the top ruler of the image and pull down a guide line.


    Note: To activate the Guide lines, go to View, and then click on Guides. If it is already activated, the Snap to Guides will be in dark letters, if not, it will be grayed out!


    Activate the name layer and the Text Tool. Change the size of your font to 36 and type the rest of your name. Start the first letter a distance from the first letter - you can move it in place once you are finished with all the letters. Once you have the letters as you want them, convert to a raster layer.

    This is what you should have now - or something similar, depending on your name and the color of kitty you used. I resized the image for the screen shot.

shot 6

    Activate the kitty head and duplicate it twice so you have three heads. Rename the duplicate head layers head 2 and head 3.

    Activate the white bg layer in the layer palette. On the kitty image, activate the body layer. Edit/Copy. Activate the new image and paste as a new layer, renaming it body.

    Use the Mover Tool to move it behind the head in the image.

shot 7

    Activate the white bg layer again. Activate the kitty image, and go to the layer palette. Activate the tail 1 layer, Edit/Copy. Activate the new image, and paste as a new layer - renaming it tail 1. Do the same with the other two tail layers. This is how your layer palette and your image should look now.

shot 8       shot9

    In the new image, activate the name layer. In the kitty image, activate the L paw layer. Edit/Copy. Activate the new image and paste as a new layer, renaming the layer L paw. Use the Raster Deform Tool to move and turn the paw onto the left edge of your large letter - you can place it similar to mine, or where you want it. Do the same with the R paw. Then you can close the kitty image.

shot 10

    Time to place our kitty heads in their positions. You can move them as I do, or you can put them in positions that work better with your letter. Keep head 1 where it is, then while using the Raster Deform Tool on head 2, move it to the left so that at least one eye is peeking around the letter, or to where ever you want to! (LOL - with letters like J, M, N, L, K etc., you can move it up instead of to the left. Play with it some to see where it looks best to you. I have added some basic examples for suggestions of placement.) I also duplicated the L paw and moved the copy over to the right - some letters will need this, others won't. This needed it because otherwise the paw didn't connect to anything - easier to duplicate the paw and move it, than to draw the leg in!

shot 10a       shot 11

shot 12       shot 13

    Use the Raster Deform Tool to move the head 3 to the right so that the head is almost in full view - or however you want.

shot 14

    Now it is time to add the mouse eating his cheese. Open the 3meeses_ssg.pspimage. Activate the mouse 1 layer. Edit/Copy. Activate the new image, highlight the top layer (should be the R paw layer), Paste as New Layer. Move the mouse with the Move Tool, down some from the bottom of your name and kitty. I put the first one where I wanted it and then put a couple more Guide Lines to help with the placement of the next two. This will make the placement better so there will be minimal or no "jumping" or "jerking".

shot 15

    Note: One of the tricks I do to ensure the the placement besides the Guide Lines, is to paste my second mouse, move it into the Guide Lines, then go to my layer palette, and turn the visibility off to the new layer to see if there is any "jumping". If there is, I click on the new layer with the Mover Tool, then go to my arrow keys and tap the opposite direction from the way the image jumped - often it is only one tap that is needed, sometimes a couple. It does mean having to click on the image again with the Mover Tool, if turning the visibility on and off still shows jumping, but it is worth the tediousness of this little step to not have any jumping! (At least, that is how I feel.)

    Once you have all three of the little mice in place, you can remove the Guide Lines. Go to the ruler opposite from the one you dragged each one from, and as your cursor is over the line in the ruler, click and move it to the top left corner of the rulers.

    Now we are going to crop the image. We will resize it in Animation Shop (AS). Make sure all the layers are visible in the image, and apply the Crop Tool.

    Now is the time to add any drop shadow you might want. I used the following settings on each layer to give it a bit of depth.

shot 16

    Open Animation Shop (AS), minimize it. In PSP, close the visibility of the following layers: mouse 2, mouse 3, L paw, head 2, head 1, tail 2 and tail 1. Edit/Copy Merged. Restore AS and right click on the workspace, click on Paste as New Animation.

shot 17

    Back to PSP, close the visibility of the following layers: mouse 3, mouse 1, L paw, head 3, head 1, tail 3 and tail 1. Edit/Copy Merged. Restore AS and right click on the image - Paste before Current Frame.

shot 18

    Back to PSP, close the visibility of the following layers: mouse 3, mouse 2, Copy of L paw, head 3, head 2, tail 3 and tail 2. Restore AS and right click on the image - Paste before Current Frame.

shot 19

    Now we are going to prepare our image for animation. Click on Edit/Select All. Click on Animation, and then click on Resize animation. By changing my Percent to 85%, it changed the size of my image to 276x285 - you can lower the percentage to make a smaller image if you want.

shot 20       shot 20a

    Back to Edit, but this time, click on Select None.

    Right click on the first frame - Frame Properties - change to 100; right click on the second frame - Frame Properties - change to 125; and then right click on the third frame - Frame Properties - change to 150.

    Go to File/Save as..., and save your image to the folder of your choice, with a name of your choice, and then click next. Continue to click on the next button until you see a Finish button. Click on it, and you are finished! Congratulations!!

watching kitty       kitty watch

white kitty watch

      Thank you for trying my little kitty watching the mouse tutorial.

      This tutorial was written May 18, 2008.

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