graphics  other  mail  home
PAINT SHOP PRO 8 and up, patched, and ANIMATION SHOP 3
This is a quick and easy guide to a simple rainbow animation which can be a base for a message or a name. If you choose to, it can also be a way to learn some first basic principles of text, toolbars, layers and palettes. For more information on the steps you can click on their help links.

You will need to download Hood's rainbow tube and my rainbow script. Click these links to save the files to your system. Save the tube to your Picture Tubes folder, and unzip the script to your Scripts-Restricted folder. Alternately, you can download this tutorial plus the script and the tube in one zip file.
The steps
  • Open Paint Shop Pro. There is no need to open a new image because this script will do this for you.

  • Run the jbc ripply rainbow script. help 1
  • After running the script, you will see a small layered image. The rainbow looks blurred because the three layers that contain its variations are still visible. The vector layer is selected and ready to place your text on.
  • Select the Text Tool. help 2

  • In the Text Tool Palette, set Create as to Vector and Alignment to Left.

  • Click on the location in the image where you want your text to begin.
  • After laying down the text, deselect it through right-click/Select None or Selections/Select None.
  • In the Layer Palette, toggle off the visibility of the layers named frame 2 and frame 3. help 3
  • Make a merged copy of the image through Edit/Copy Merged.
  • Open Animation Shop.
  • In Animation Shop, right-click in the workspace and Paste As New Animation.

  • Go back to PSP.
  • In PSP, make the layer called frame 1 invisible and make the one called frame 2 visible.

  • Copy Merged again.

  • Go back to Animation Shop.
  • In Animation Shop, right-click on the frame you already have and select Paste After Current Frame.

  • Go back to PSP.
  • In PSP, make the layer called frame 2 invisible and make the one called frame 3 visible.

  • Copy Merged again.

  • Go back to Animation Shop.
  • In Animation Shop, right-click on the second frame and select Paste After Current Frame.

  • You now have your animation. Run it by going to View/Animation or using the View Animation Icon.

    The speed for this animation is the default speed which should be okay. If it isn't to your liking, select Edit/Select All then right-click in any frame to change the speed of all frames in one go.

  • Check under Animation/Animation Properties to make sure that Looping is set to indefinitely.

  • Go to File/Save As to save your animation.
  • Name your gif and press Save.

  • An optimization dialog will come up that lets you determine the quality versus the size of your saved gif. For these basic steps with vector text, the settings as shown in this image will save the most quality and least filesize.

    optimization animation

    Your animation will show the changes you have made through the optimization. If they are not to your liking, go to Edit/Undo Optimize Animation and save again with different settings.
    Bonus steps for a shadow to your text

    You may want to add shadow to your text, which cannot be done to vector text. The following steps are towards text with a shadow. Take these steps before you proceed with copy/pasting to Animation Shop.

  • Place your text.
  • Duplicate the Vector Text Layer through Layers/Duplicate.

  • Convert the duplicate layer to a raster layer through Layers/Convert to Raster.

  • Text on a raster layer will give you more freedom to add effects. In this case, only a shadow will be added.

  • Go to Effects/3D Effects/Drop Shadow. A dialog will come up.

  • Set the vertical and horizontal offset of your shadow. There are three ways to do this.

  • shadow dialog

    Checking the option Shadow on new layer has the advantage of being able to remove it if you decide on a different shadow.

  • Experiment with the color, blur and opacity of the shadow then press OK.

  • You now have a shadow.
    Bonus steps for a larger canvas

    You may want to place the rainbow and your text on a larger canvas than my script provides. The following steps are towards a larger canvas. Take these steps before you place your text.

  • Choose Image/Canvas Size. A dialog will come up.

  • canvas resize

  • Enter the New Dimensions in pixels you want your canvas to be.

  • Set the Background color to white.

  • Set the Placement of your image to middle then press OK.

  • You now have a larger canvas.

    1 extra help on running the script back to script steps

    If you don't have your Scripts toolbar visible, you can run the script from Files/Script/Run. As you can see, the running is set to Silently - that is okay for this script.

    File/Run Script

    2 extra help on creating vector text back to text steps

    This is the Text Tool:

    Text Tool

    Selecting the Text Tool will bring up the Text Tool Palette. Palettes contain the options and settings for the tools they belong to. In case you don't have your Tool Options visible, right-click on any toolbar to be able to check Tool Options on the fly-out.

    make  palettes visible

    This is the Text Tool Palette:

    Before you enter your text in the Text Entry Dialog, check Create as Vector and set the Alignment to Left.

    When you have clicked in the image, a text dialog box comes up.

    the text dialog and realtime viewing

    As long as you keep your text selected in the Text Entry Dialog through having slided your mouse pointer over it from start to finish or vice versa, you can make changes to most of the settings in the Text Tool Palette:

    Choose a font type from the fly-out under Font. Since you can see the results of your choices directly on your image, you can change your mind at your heart's content on its type, size and possibly stroke.

    If Anti-alias isn't checked, you may want to do so. Anti-alias makes the text edges smoother.

    Auto kern sets a fixed distance between the individual letters. If you want to change the distance, uncheck Auto kern and use the Kerning slider.

    materials palette

    You can pick the text color from the Materials Palette by clicking in the color boxes. The Background and Fill material box shows the main color of your font. The Foreground and Stroke box shows the color of the outline or stroke if it is not set to zero in the Text Tool Palette. You will find many more fill options like gradients, patterns and textures once you open the Materials Style Palette.

    back to text steps

    3 extra help on layer visibility back to layer steps

    In case you don't have your Layer Palette visible, right-click on any toolbar to be able to check it on the fly-out.

    make palettes visible

    It may be the layer palette is not displayed fully when used for the very first time. Be sure to pull it out to its full width by grabbing hold of a corner.

    Layers are made invisible by clicking on the eye icon. A red cross will appear over it. Clicking it again will make it visible.

    layer palette rainbow script

    back to layer steps
    May 2003 - Script written by Joske Backer
    Questions about instructions, scripts, and files will only be answered if they relate to the original materials offered on and downloaded from this site. Errors in stolen and altered instructions, scripts, or files found elsewhere are not our responsibility. Unless stated otherwise, all the material on this site should not be copied or spread without our permission.