Animated FilmStrip Mask Tutorial

Home About Me Favorite Links Tutorials Twilight Tutorials ZFJM Tutorials Testers Wanted!

You are more than welcome to share this tutorial (or any of my tutorials for that matter) with whomever you please including Yahoo Groups.  You do not need to ask for my permission.  I write tutorials for people to enjoy and possibly learn something new… so the more the merrier!


This tutorial assumes a basic knowledge of Paint Shop Pro.  I believe the skill level to be at the “Advanced”Intermediate Level.   Knowledge of PSP tools and Letter Creator is required.  Just be sure to read every step carefully and always pay special attention to what layer you are working on.

Note:  I have 2 versions of this tutorial.  One is animated and one is not.  This is the one that is animated.  If you would like to try the non animated version click Here.

Things Needed For This Tutorial

  • Paint Shop Pro (This is done using 9)
  • Animation Shop
  • 4 graphic's of choice ...from the same movie or show.
  • A Tube ( Preferably a misted tube)....that works well with the graphic's you choose.
  • Font of your choice
  • No Outside Plug-In's or Filters needed.....Yay!
Let's Begin....Making The Header
  1. Open all 4 graphic's in PSP, duplicate once (shift D) and close originals....Minimize them for now.  Open your tube, duplicate once (shift D) and close original.
  2. With your dropper tool, choose a light color from your tube and set as your background.  Choose a dark color and set as your foreground color. 
  3. In your materials pallet click on your foreground color box and choose gradient.  Select Fading foreground, Angle 0, Repeats 1, Invert box is checked, Linear style.
  4. Open my mask and template..... minimize the mask for now.  Activate my template,  select your magic wand and click on the large white space....and the small white strip under the film strip. Layers/Promote Background Layer and push your delete key on your keyboard.  Selections/Select None........Note:  You now should have only the black film strip showing and the background should be transpartent.
  5. Layers/Add New Raster Layer.....Layers/Arrange/Send to bottom
  6. Select your Flood Fill Tool    Left click and fill this layer with your background color. 
  7. Add a new raster layer.....Flood Fill this layer with your Foreground Gradient.  Effects/Edge Effects/Enhance....Effects/Edge Effects/Enhance More.
  8. Maximize your tube....Edit/Copy.  Maximize your header image.  Edit/Paste As New Layer.     Note:  You want your tube to appear under the film strip layer.  Also if you are not using a misted tube.  You may want to add a drop shadow.
  9. Make your filmstrip layer active.  Layers/Duplicate....3 times.  You should now have 4 layers of the filmstrip.   Name them Film 1, 2, 3, & 4.
  10. Select your Magic Wand....with the feather set at 2.  Make sure you have Film Layer 1 active......Click inside of the first box of the filmstrip.
  11. Maximize one of your graphics.....Edit/Copy.  You can now close it, you will no longer need it.  Maximize your header....Edit/Paste Into Selection.  Selections/Select None.
  12. Make sure  you have Film Layer 2 active.  With your Magic Wand.....Settings the same.....Click inside of the next box of the film strip.  Edit/Paste Into Selection.  Selections/Select None. .....Move to Film Layer 3 and Select the third box with your wand.....paste into selection. .....Move to Film Layer 4 and Select the fourth box with your wand.....paste into selection.
  13. Repeat the above instructions until all four Layers are filled in on the fimstrip.  Note:  Just remember to move one box over to the right with each layer.  So when you get to a layer that has the graphic in the last will paste it into the first box on the left.
  14. Image/Canvas Size.....Width 475.....Height 375

Add a new layer.....Send it to the bottom....Flood fill it with Black.

Selections / Select All......Selections / Contract by 11 pixels.                                            

Selections / Invert......Flood fill with your Background color.

Selections / Select None

Selections / Select All......Selections / Contract by 8 pixels.

Selections / Invert......Flood fill with your Forground color.

Selections / Select None 

Selections / Select All......Selections / Contract by 4 pixels.

Selections / Invert......Flood fill with Black.  Selections / Select None

Add a new layer.....Place your watermark where you like. 

Now onto Animation.......

  1. In PSP Layers Pallet –Place a X over the ( 2, 3, 4 ) Film Layers......Layers / Merge Visible.  Go up top and click on Edit /Copy.....Switch over to Animation Shop, and on the top click on Edit /Paste as New Animation.   Switch back to PSP go to Layer Pallet – Edit /Undo.
  2. In PSP Layers Pallet – Remove the a X from the Film 2 Layer.  Place a X over the Film 1 Layer Layers>Merge>Merge Visible.....Go up top and click on Edit /Copy.....Switch over to Animation Shop, and on the top click on Edit /Paste After Current Frame.   Switch back to PSP go to Layer Pallet – Edit /Undo.
  3. In PSP Layers Pallet – Remove the a X from the Film 3 Layer.  Place a X over the Film 2 Layer Layers>Merge>Merge Visible........Go up top and click on Edit /Copy.....Switch over to Animation Shop, and on the top click on Edit /Paste After Current Frame.   Switch back to PSP go to Layer Pallet – Edit /Undo.
  4. In PSP Layers Pallet – Remove the a X from the Film 4 Layer.  Place a X over the Film 3 Layer Layers>Merge>Merge Visible.....Go up top and click on Edit /Copy.....Switch over to Animation Shop, and on the top click on Edit /Paste After Current Frame.  Now you have all 4 layers in animation shop.  We are going to change the speed of the animation.  This is how I do that.....
  5. Edit/Select All...You will see all the frames high lighted in blue.  Right click on the first frame and select-Frame Properties.  Type in 45 in the box that pops up. Click up top on File> Save As then choose where you would like to save it, and give it a name. Click on Save. It then opens another window Animation Quality Versus Output Size. There is a slider on the left. The higher the slider is on the line the larger the file size of your animation will be. But then again the lower on the line you set it, the quality of your image goes down. Click on Next then click on next in the next window, then click Next again, then click on Finish. You may now close out your image and close Animation Shop you are done with the header.

    Making The Background Sidebar

    1. Open a new image 200 X 300
    2. With your selection tool   Set at Rectangle.....Click on Custom selection  with these settings.

      Flood Fill the selection with your dark color.  Selections/Invert...Flood Fill the section with black.  Selections/Select None.

    1. Layers/New Mask Layer/From Image.  Source Luminance and Invert mask data, both checked....Click OK.
    2. Layers/Merge/Merge Group.
    3. With your magic wand (feather 2) select the dark color area.  Effects/Texture Effects/Fur with following setting.   Selections / Select None.
    4. Image/Canvas Size....Width 1200 - Height 300, Left middle arrow selected.
    5. Effects/3D Effects/Drop Shadow with following settings.
    6. Effects/Image Effects/Seamless Tiling with following settings.
    7. Add a new raster layer and send it to the bottom.  Flood Fill it with your light color.
    8. Add noise with the following setting.
    9. File/Export/JEPG Optimize at 25.  Add to Letter Creator and you are done.


Hope you enjoyed this tutorial.  As much as I did writing it.
Any similarities to other tutorials are Entirely coincidental.

Be creative.....add tubes and/or text to the sideborder.....

Also try using more then 4 images....Shuffle them up into different places on each layer.

I believe I used 7 or 8 different images in the stat below......