Little Girl Blowing Bubbles and Animation

Blowing Bubbles

Terms of Use

All the content on my Variations For Little Girl 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. The idea for the variations on the Little Angel Tutorial from Cathy's Corner are all my own ideas and work. 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 developed this tutorial after being asked to write up how I did my image of the little girl blowing bubbles. I first wrote to Cathy of Cathy's Corner and obtained her permission to write my variations and to also link to her original tutorial of The Little Angel. There are a lot of pages for her tutorial and the pages are graphic intensive, so please be patient with the download. It is well worth it. This is the link to The Little Angel at Cathy's Corner.

Cathy's Corner - My Little Angel Tutorial

    I did this image in Version 9, but believe you could also do it using 8 or X. The only supplies needed are contained within my zip file - there are two different single bubbles contained in it, so that you can use whichever one you want, or you can even use one of your own.

Bubble Zip

    To make my original girl blowing the bubbles, I followed Cathy's Little Angel Tutorial and made the complete little angel, then saved the vector shapes (renamed) to my shapes folder. You may follow her tutorial to make the little angel, or you may follow my tutorial with all my own images and directions to follow. You can stop with just a figure of a little girl, or you can continue onto the animating section and actually have the little girl blowing bubbles through her wand.

    Open a transparent image, 450x450. Save it as a .pspimage - named Little Girl (littlegirl.pspimage) or whatever you wish. As you add the vector shapes, if you click on save, it might tell you that vector layers will be converted to raster layers, do you want to continue. Click yes. It will save your work and will not do the conversion. Make sure your extension is pspimage though.

    Add a vector layer, naming it hair. Open your shapes tool, and click on the ellipse. Anti-alias - checked; Create as vector - checked; Width - 1 (or less if you are comfortable with a 0.5){I used 2 so that the lines would show up more prominently in the screen shots. Foreground/stroke - black (or possibly a shade of gray so it is not as prominent in the finished image.) Background/Fill - null. Starting near the top of your image, draw a round circle, about 172x172 - watch as you are drawing it at the bottom of your screen and you will see the numbers for the dimensions. These numbers are not exact, just to give you an idea of size.

    We are going to add the next layer for the face before we add the nodes to the hair. At this time, add a new vector layer, naming it face. Draw out your ellipse (same settings as before) smaller than the hair layer. I used a white background so the work would show up, but yours will be on the transparent background.

Placement Ellipses

    Now it is time to shape the hair. Activate your hair layer, click on your object selector tool, then on the pen tool. Because our image is rather small for my old eyes, I zoom into at least 200% to see my lines better and for ease in seeing my nodes.

    Left click on your top node - at the top of your circle to activate it. Then holding down your CTRL key, move your mouse over your circle line. You will see the word ADD, left click (while holding down your CTRL key) and you will add a node. Continue doing this until you think you have nodes where you will want to be changing your shape. I say think, because believe me, you will be adding more! Since we are drawing a little girl with pigtails, we only want a few changes in our hair outline. Don't place any new nodes lower than the ones on each side of the circle.

    Left click on your top node again to activate it, then right click on it, and go to Node Type - it should show Cusp grayed out - this means that is the type of editing this node will do - and that is what you want!

    Go to your arrow keys on your keyboard and tap the up arrow - I found 3 taps put my node and line about where I wanted to start.

    Work your way around the top half of the circle, tapping on the arrow keys for the direction you want the node to move, only do a few taps at a time. Sometimes you will need to use two or more arrows to get the node to go in the direction you want.

    To make a curve, or later a curl for the bangs, you will need 3 nodes - the center being the one you tap out, with the other two holding the line in place for the dimension. Add nodes as necessary to make the curves or bumps as I call them in this outline part.

    Because we are adding pigtails to this hair style, once you get all the bumps or curves you want, click on one of the side nodes - you will see a long line with an arrow coming from it. Move your mouse over the bottom of the line, this is a handle to adjust the line it is on.

    I moved mine in towards the face to make the hair appear that it is pulled up into the pigtail. Do this on both sides, as it is in the screen shot.

Node Changes

    For the final shaping on the hair, at least at this point, activate your bottom node and tap it up until it is about a third of the way up your face. I prefer having it hidden rather than trying to keep it even with the chin line.

Hair Chin Node

    Activate your face layer, click on the object selector tool, then the pen tool. Add nodes the same way, making sure your top node on the top of the circle is in the cusp mode. Also don't go beyond the two nodes on each side.

    We will be making some bangs and some curls around the face, so you will need your nodes placed closer together. You will also need 3 nodes close to each other for each curl, and then to add to each curl - it will look like a triangle and to get it to curve, you will need to add two more nodes once you have your little triangle formed.

    Here are two screen shots to show what I am talking about - they are enlarged for ease in viewing. This is how I made the bangs and side curls onto the face.

Node Curl     Node Curl Move_5

    Put as many or as few curls on your face as you want. When you get to the side nodes, activate each one of them in turn and use the handle at the bottom to shape out your cheeks of the face a bit more rounded.

    Activate the bottom node and tap the up arrow to bring the chin into almost a flat line.

Cheek Chin Nodes

    Before we move onto making the pigtails, let's put some color in our hair and face. Activate your face layer, double click on the symbol for the ellipse layer, click on fill, then click on the color box that comes up so that we can change it. The shade of pink I used is #ffc0ff.

    Next activate your hair layer, if you want to use a brown - doing the same as you did for the fill for the face - use #684a47. If you want a pale blonde, a good shade is #ffff99.

    Activate your Face layer, closing all vector layers first, then add a new vector layer, naming it pigtails.

    Draw an elongated oval, using your ellipse with the same settings as for the face and hair.

    Add your nodes as you did before, remembering the general shape you want your pigtail to be. We will be moving it to attach it to the head, so you don't have to get too fine a detail at this time.

    Once you have the general shape you want, click on your object selector tool so that you can move the pigtail. First, move it closer to the head, then move the handle to adjust the angle you want the pigtail to be.

Draw Pigtail     Move Pigtail     Angle Pigtail

    Now it is time to do some fine tuning on the pigtail. Add nodes as you need to so that you can achieve the shape you want.

    When you have the desired shape, then fill with the color of the rest of your hair. How does it look? If it looks ok, then convert it to a raster layer. If you want to save the shape into your shapes, make sure you rename the ellipse to pigtail or whatever you want and export it as a shape. Then you can convert it to the raster layer.

    Duplicate your pigtail layer then mirror it. Using your mover tool, move each pigtail where you want them. I then turned off the visibility to all my other layers, and merged the pigtail layer and the copy of the pigtail layer - merge visible.

    Now we are going to add some shading to them with a cutout. Select all, then float - you should have marching ants around your pigtails. Open Effects/3D effects/cutout.

    Use the settings below for the cutout for the pigtails. Do NOT deselect. Apply the cutout again, changing the H & V setting to -3. Deselect.

Cutout Pigtail

    Move your pigtails layer below your hair layer.

    While we are at it, let's apply the cutout to the rest of the hair and to the face. Since they are both vector layers, convert both to raster layers. You can apply the cutout while they are still vector layers, but we don't need to adjust the shape of either layer anymore, so convert.

    For the hair, use the same settings and color for the cutout.

    For the face, use the same settings, but change your color to #b57f7f.

    This is now what your image should look like.

Cutouts Applied

    Before we apply the details to our face and hair, we will do the rest of the figure.

    Activate your face layer which should be on the top, and add a new vector layer, naming it body. I used the rounded rectangle for my body, using the same settings as for the ellipses.

    Draw a rectangle, using the screen shot for your placement and approximate proportion to the head.

Body Place

    Put your fill in, using the same shade of pink as for the face, then convert to a raster layer. Select All/Float - then apply the same cutout settings to the body - if you want. We will be covering the body with clothes, so it is not necessary.

    Add a new vector layer, naming it L arm. Using your ellipse with the same settings as before, draw an elongated oval.

L Arm Oval

    Tap on your bottom node to bring it up so that it is almost squared off - this will be your elbow.

L Arm Elbow

    Add two nodes in the wrist area, one on each side. Make sure they are cusp nodes, as we need them for the indentation of the wrist. Tap on each using your left and right arrow keys to make a slight indentation.

    Her arm will be bent at the wrist, so using your object selection tool, angle her arm towards her mouth area.

    Click on the right wrist node - two handles will appear, using the top one, pull it down to about a 45 degree angle.

L Arm Wrist

    Click on your top node, change it to symmetrical and tap it down 2-3 times to change it from a point to a more rounded appearance.

    Using the handle that juts out to the right, move the handle up to form a ball or a rounded fist outline.

L Arm Hand

    Tap top node 4-5 times up, to enlarge hand. Also add a node about the middle of this and tap it out to get the rounded appearance, like in the screen shot. We are making our hand look something like a fist.

    Add a node to each side of the top one, making sure they are cusp nodes.

L Arm Fingers

    To make it easier to see a bit more room to put the next two nodes in, zoom in to make your image appear larger. Add a node between the first and middle and the middle and last. Make sure they are cusp nodes, as this is the lines between our fingers.

    This now looks like some small mountains or triangles, pointed - using your handles on the lower nodes, close the distance between the fingers. Pull the two handles for each node to both pointing straight up.

    This is a final look at what you should now have for an arm.

L Arm Final Shape

    This is what your entire image should look similar to - and it is now ready for details. You will notice a difference in the hand shape of her left arm - this is because I redid the hand and those are the directions that are within the tutorial now - my own design of the hand.

Image Ready 4 Details

    Since all of your layers are now raster layers, NOW WOULD BE A GOOD TIME TO SAVE!!

    Because we want her arms to be above the table, but her clothes and body to be behind the table - make the body layer active.

    Add a new vector layer and name the new layer table or something similar.

    I used black for my foreground and a wood pattern (Wood 01- angle = 0; scale = 68) for my fill/background.

    I made my shape to about 250 pixels x 30 pixels - this is not exact, go with what looks best for your image.

    Rectangle, anti-alias - checked; create as vector - checked. line width - 2.

Shape Settings Scrn Shot Table

    Once you have the size you want, convert to raster layer, and apply an inner bevel.

    Effects/3D Effects/inner bevel = Width =6; Smoothness=6; Depth=3; Ambience and Shinines=0; Color=white; Angle=315; Intensity=30; Elevation=50.

Inner Bevel Scrn Shot Table

    Effects/3D Effects/Drop Shadow = V & H = 2; Opacity= 51; Blur = 16.

Drop Shadow Settings Scrn Shot Table


    Clothes - activate your body layer and add a new vector layer, naming it clothes. Or you can just change the fill from the pink to a pattern. I wanted a neckline of sorts, so I used the heart shape.

    Foreground - black, Fill/background - pattern of your choice. Heart, anti-alias=checked; create as vector=checked; line width=1.

    To make it easier to see your little body shape, toggle off the visibility of the two arms by clicking on the little eye for each layer on your layer table.

    You will have to alter the shape some, so we have to add nodes.

Scrn Shot Add Nodes Clothes

    Here is a screen shot for suggested placement of the additional nodes. Add yours where necessary to be able to fit the shoulders to cover the body, but don't extend beyond the body by more than a pixel or two. You will also need to make the bottom of your heart shape go up so it doesn't show under your table. Edit your nodes to make them work the way you want them to.

    Convert your body to a raster layer.


    Open the visibility of your R arm layer and highlight it. Add a new vector layer, naming it Sleeve.

    I used an ellipse for my basic shape, but you can use what you would like. You will also have to add a couple of nodes to alter this shape to how you want it to look. Remember that you can save any of these vector shapes to your shapes folder, but be aware of what name you use to save them with. Convert these layers to raster layers.


    Now it is time to add facial and other details.

    Activate your head layer, and add a new vector layer, naming it eye.

    When I am doing facial details like these, I often zoom my image to 200% - that way it is not only easiest to see what I am doing, but if my lines are not the smoothest, it will blend them out when going back to the original size.


    Shapes - ellipse and draw a small oval for the first eye. Foreground/stroke - black; background/fill - white. Once you have the size you want, convert to raster layer.


    Add another vector layer, change your background/fill to black or whatever eye color you want, and draw a smaller oval on top of the white oval outlined in black. Once you have the size and shape you want, convert to raster layer, and merge down.

    Duplicate and name the new copy R eye, renaming the other layer as L eye. While your L eye layer is high lighted, either mirror it or move it into the place you want.

    Activate your L eye layer, add a new raster area, name it hi lite. Using your air brush, with the settings in the screen shot and your foreground/stroke color - white. Spray a couple of little dots on the inner part of the eye for a high light. Adjust/Blue/Gaussin Blur - 2.

    Activate your R eye layer, and apply the same.

Air Brush Settings_9


    Activate your L eye layer, add a new raster layer, name it eye lashes. Click on your pen tool, and the freehand setting, and line width at 1 or 2 if you want it darker. Foreground/stroke color is black; Background/Fill color is null. Draw in some eyelashes. Duplicate the layer, mirror the layer and move the duplicated layer for proper placement - you now have eyelashes on both eyes.

    Add a new raster layer, name it nose. Continue with your pen tool drawing a small arc for a nose.

    Add a new raster layer, name it cheeks. Using your air brush, size 32, hardness 0; step 25; density 70; thickness 100; Opacity 100. Foreground/stroke color: ff40ff. Spray once on each side of the mouth. Adjust/Blur/Gaussian blur - 8-10.

    Activate your hair layer, add a new raster layer, naming it high lights. Using your pentool, or you could also use your air brush tool, make some curved lines on top of her hair - to show waves or dimension. Use the same color you used for the cutout - or it could be a gold for either the brown or blonde hair. Once you have several lines, go to Adjust/Add or remove noise/Gaussian Blur - I used about 2, but try what looks best to you. You can always click on undo to try a different setting.

    Activate your R arm layer, add a new raster layer, naming it fingers. Use your pentool with background/fill null, and you can either use black or #da9292, which is a dark pink shade. Draw three small lines. Adjust/Add or remove noise/Gaussian blur - 1.

    If you just want to have a little girl figure, now is when you add a new raster layer, naming it mouth. Continue with your pen tool and draw in the shape you want for her mouth. At this point you should crop your image and do any resizing.

    Add a vector layer and your text and then save. Export it with jpg optimizer and you have a figure of a little girl.

    If you want to animate your little girl to blow bubbles, continue on.

    Add a new vector layer, naming it small mouth. Using black for both your foreground and background, draw a small ellipse for your mouth. This should only be about 10-13 pixels in height, as it is our blowing mouth.

    Once you have the size and shape you want, convert it to a raster layer. Add another vector layer, naming it large mouth. Using the same settings, draw a slightly larger ellipse - about 20 pixels for height. Convert to a raster layer.


    I also added another raster layer, naming it smile mouth. This is something I thought would look nice, but it is up to you whether you add it or not.


    Bubble wand - You probably could use the tennis racquet shape for a bubble wand, but I used the golf tee - with both colors set to black for the tee.

    In drawing it, I elongated it so it would go behind her hand. Add a new vector layer, naming it bubble wand, and draw your golf tee. Then null out your background/fill, and using the ellipse, draw a small circle - line width 1-3, depending on how you want it to look - a little larger than the small mouth. Mine is about 10 pixels in size.

    Once you have your wand looking the way you want - this should be under your L arm layer and above your face features - you can convert it to a raster layer.


    To postion the left arm at the proper or more appropriate angle, use the Free Rotate under Image. Start your rotate with about 10 degrees. If that is not quite enough, reapply the Free Rotate, but use only 2-5 degrees at a time, until you have the position you want. Use your mover tool to move your Bubble Wand, and again the Free Rotate for the proper angle. For this one, start with 15 degrees, then if more angle is needed, reapply by 2 degrees at a time until you have the position you want.


    Now that all the vector drawings are finished, you can now convert each of your layers to raster layers. Now would be a good time to save.

    Now you can crop your image and do any resizing that you might want.

    Activate your Bubble Wand layer. Add a new raster layer, naming it Bubble 1.

    Using your picture tubes, choose a single bubble, reducing the scale to about 24. You might have to play with it a bit to get the size to fit the round portion of the Bubble Wand.

    If you download the bubble zip file, the bubble labeled MySingleBubble_ssg - reduce to 10 for the bubble at the wand (first bubble); if you use the one in in PSP tubes, or use the other bubble in my zip file, it needs to be about 24. This all depends on the size of your circle part of your bubble wand.


    Add a new raster layer, naming it Bubble 2. Scale 30 for my bubble, scale about 50 for the PSP bubble.

    Place it somewhere to the left of her eyes. Don't be too concerned with exact placement as it can be moved later with the mover tool.


    Add a new raster layer, naming it Bubble 3. Scale 35-40 for my bubble; 60-70 for the PSP bubble.

    Again place this one to the left of her eyes, but above and a bit more to the left - at the edge of her hair maybe.


    I added two more bubble layers - to make it look like the bubble were drifting up and out of the image. You can add more if you want.

    If you add two or more layers, reduce the opacity so they look like they are fading away - I used 88 for my opacity on Bubble 4 layer; opacity of 66 on Bubble 5 layer.


    I added a tube of a bow to her hair, this is optional. I also added the multiple bubbles in my picture tubes for a background. Add what you would like, or just have it without a background.

    Add a vector layer and add your text - if you want and did not do it earlier. Then add any effects you might want on your text.

    If you added anything else, now would be a good time to SAVE your work. Now would also be a good time to resize your image

    Now it is time to prepare it for Animation Shop.

    Turn the visibility off for all your bubble layers, and all your mouth layers. Right click on one of the open layers, and merge visible. Rename this merged layer Girl.

    Open animation shop. Go back to PSP, and have the visibility open on the Girl layer, the small mouth layer and the bubble 1 layer.

    Click on Edit/Copy merged. Go to AS and right click on your screen, paste as a new image.

    Turn the visibility off for small mouth and bubble 1, open visibility for large mouth and bubble 2. Edit/Copy merged. AS, right click on the frame and paste after current frame. Move your little bar at the bottom over to the right so that the window is showing frame 2.

    Return to PSP, close the visibility to large mouth and bubble 2 off. Open visiblilty to smile (if you have this layer) or to small mouth. If you are using small mouth, open bubble 1 again. If you are using he smile mouth, open bubble 3. Go to Edit/Copy merged. AS, right click on frame 2 and paste after current frame.

    Remember to move the bar so that you see frame 3 in your window. Return to PSP, close the visibility to your smile mouth if that is what is open, or to your small mouth and either bubble 1 or bubble 3 - whichever you have open. If you have the smile mouth - now open the small mouth, bubble 1 and bubble 4 - do the copy merge again. If you don't have the smile mouth, open the large mouth and bubble 4 and copy merged. AS - right click on frame 3 and paste after current image.

    If this seems confusing, just remember she can have other bubbles showing while she is blowing a new bubble, and the other bubbles will look like they are floating up. If you use a smile mouth - you should do this until you have a total of 6 frames. You can always cut a frame out and redo it from PSP to get the right combination of bubbles with the right mouth. If you don't have the smile mouth, I used 5 frames.

    When you have your frames ready as you want them, right click on the first frame and left click on frame properties - set it to 80. Do the same to Frame 2. For frame 3, change the timing to 120. Set frame 4 and 5 to 80 and frame 6 to 120. If you do not have the smile frame, just set them all to 80.

    Click on animation and see what you have. If you are satisfied, save the animation thru File/Save As. Name your animation and then as the next windows pop up, click on next until you click on finish. If you are not satisfied, play with the settings of the timing to see what you like best. Then do the save as procedure.

You now have a little girl blowing bubbles!!

Blowing Bubbles

girl Blowing Bubbles
Little Girl Variations - Hair Styles and Colors

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