streaming heart `

Heart Streams

    The animated images in this tutorial for some reason are best viewed in Firefox or Opera browsers. In IE browsers, there are "ghost lines" and other "things" that show. I have tried changing the images, yet there are still some problems.

    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 wrote this tutorial after being inspired by my friend Eagle who made a similar image and posted it on our graphics board. She has given me permission to write the tutorial. Thank you, Eagle.

    I did the work for this tutorial in PSP version 9, but I am sure the technique would work in other versions as well.

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

    Within the Supplies zip is one pspimage of a background, named "red_mums1_ssg.pspimage". This image was made by me. You may use it however you want as in other tags, but please do not share it unless you give credit to me.

    Remember to save often! You can save it as a pspimage in the folder of your choice. (I often make a folder with the name of the tut for my images, especially if I make more than one - you know, do a bit of playing with it!)

    1. Open a 200x200 transparent image. Rename the layer "wht bg" and flood fill with white. White backgrounds work the best with this animation, as if it is a patterned background, part of the background is also brought into the effect. (Tried it and hated it!)


    2. Add a vector layer, naming it "heart 1". Foreground: null; Background : pattern of your choice, or you can use my pspimage.


    3. Open the Preset Shapes tool and click on the heart shape of your choice (I used "heart 1"). Start with the cursor at 15x30 and pull it out into shape until the size is about 172x160. Go to Objects/Align/Center in canvas.


    4. Right click on the heart layer in the Layer Palette, Convert to Raster layer.


    5. Duplicate the heart 1. Go to Images/Resize to 75%, making sure you use "Bicubic" in the Resample using box. Also make sure the Resize all layers box is unchecked.


    6. Selections/Select All. Selections/Float. Selections/Defloat. Hit the Delete key, and keeping the area still selected, activate the heart 1 layer and again hit the Delete key. You should have a similar image as in the screen shot. Deselect.



    7. Since the "copy of heart 1" layer is now empty, Delete the layer.


    8. Duplicate the heart 1. Rename "heart 2".


    9. Resize 65%. Use the Mover Tool to move the second heart up to where the tips are overlapping slightly.



    10. Duplicate the heart 2, rename the layer "heart 3".


    11. Resize 65%. Use the Mover Tool to place the heart as in the screen shot.



    12. Open Animation Shop (AS), and minimize. In PSP, go to Edit/Copy Merged. Activate AS and Right click on the workspace, Paste as new animation.

    13. Go to Effects/Insert Image Effect and choose Stream in the Effect box. Use the settings in the screen shot.

stream effect settings

    NOTE: In doing several of these images, I discovered that using the exact same settings as in the above screen shots, you will end up with a total of 31 frames. However, in the next step - where it says the first blank frame should be numbered 25 ---- well, that seems to depends on the pattern you use for your heart! Sometimes it will be a higher number, like 28 or something else. Don't pay that much attention to the numbers - just go to the last frame with an image that you want in your animation (further explanations near the end of the tutorial on this) and follow the steps below.

    14. When your image is ready, you will see that you have 31 frames. Click on the left arrow at the bottom of the window until you see the last frame with an image in it, instead of just the blank transparent background or the blank white background. The first blank frame should be numbered 25. Left click on the frame 25 to highlight just it, and then Right click on that frame and then click on Cut.

    NOTE: In trying various patterns, I found that often a faint line would be after the images and before the white blanks. I deleted that frame, too. The following screen shot shows what the last image you are cutting to should look like - it is not the same colors as in the other screen shots, for it is one that had the faint line that the others didn't.

cut to this image

    15. You will see that the frame still says frame 25 - that is right and how it should be. Left click on the frame 25 again, and then do the Right click and Cut again.

    16. Do this 5 more times (or as many as you want or need to) until the last frame is the one with a bunch of the lines of your image. If you do slip and cut more than you want, go to Edit/Undo delete.

    17. Click on the left arrow to reverse until you get to Frame 1. Either go to Edit/Select All or hold down the Ctrl and the A keys to select all the frames.

    18. Duplicate the image by holding down the Shift key and the D key. On this duplicated image, Select All and go to Animation/Reverse Frames.

    19. On the Duplicated image, Right click on Frame 1, making sure all the frames are selected, and click on Copy.

    20. On the original image, go to Frame 24 (or the last frame that has an image in it), then Left click on it to activate just it, and then Right click/Paste after current frame.

    You should now have 48 frames (or maybe more or less depending on your image) with the heart streams opening and closing. Check how it looks by clicking on the "film icon" in the upper tool bar to start the animation.

    21. Once you are satisfied with the animation, add your name, and do any resizing (in the Animation tool).

    22. Go to File/Save As - name your image and then click through until the image is optimized.

    Congratulations, you are finished! Thank you for trying my Heart Streams Tutorial and I hope you enjoyed doing it.

heart streams 1

    Here are a couple of variations I did. I even did one with cutting more images, so the hearts don't go all the way into solid lines.

red diamonds       red mosaic

orange gold pattern       variation purp marble

varied number of hearts

      This tutorial was written January 23, 2009.

Terms of Use

    All the content on this Heart Streams 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 it.

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