PAINT SHOP PRO: BORDERS, FRAMES & COLLAGES

BORDERS: To add borders to a photo, select Image > Add Borders. This will bring up the border menu. The size and color of the border can be specified with this menu. Adding a border to a photo will expand the dimensions of the photo by the size of the border specified.

When selecting a border color, it is recommended that an existing color in the image be used. If the image is to be displayed on a screen with a black background or black side strips, a brighter border color can be used to better define the edge between the picture and the black background. If the image is to printed on white paper, a darker color can be chosen. To define the border:

  1. Left click on the color box. This will bring up the color chart and activate the color dropper tool.


  2. Side the dropper tool onto the image and left click to copy a color to the color box. Click O.K. to choose the border.


  3. Enter the desired pixel size of the border. The borders can be symmetric or specified individually.

The following two pictures are an original photo and the same photo with an added border.

OriginalGreen 25 pixel symmetric border

Borders can also be painted on the image using the Selection tool.

SELECTION TOOL: The Selection Tool is used to define areas within an image which will subsequently be modified with other PSP actions. Areas that are defined with the Selection Tool will have their borders “outlined” with moving dashes (often referred to as “marching ants”). There are three options that can be used to select an area: Selection, Freehand Selection and Magic Wand. This paper will only use the first option - Selection. Clicking on the drop down arrow of Selection Type will display a number of geometric outline types from which to choose. For the purpose of making a frame, the rectangle should be selected.

There are three Mode options when defining a selection. When an area is selected in the add mode, the area is added to any previously selected areas. If the Remove mode is used, any area selected will be removed from any previously selected areas. The final mode, Replace will create a new selected area and remove any previously selected areas. Also, right clicking on the mouse will unselect all selected areas.

The Feather option is used to graduate the edge of the selected area. Since a clean/sharp edge is wanted for the border, the Feather effect should be set to 0 and the Anti-Alias box should be checked.

To make a border with the selection tool, choose the Selection tool from the left hand tool bar. Press F4 to bring up the tool attribute inset. Select rectangle as the selection type; Select Add as the Mode; set Feather to 0 and check the Anti-alias square. To define the border boundry, left click on the upper left corner of the proposed rectangle and drag the curser down to the lower right point of the rectange and release the mouse button. At this point, everything inside the rectangle has been selected. To reverse this and create a border, choose Selections > Invert. Then only the border will be defined by the marching ants. To fill the border area with a color, use the Flood Fill tool with the tolerance set to the maximum of 200. At this high tolerance, the complete image within the selected area will be "painted" over. The Flood Fill Blend Mode should be set to Normal and the Opacity level set to 100. Select the flood fill color/pattern from the materials pallate (press F6 to display/hide the materials palette) and click within the defined border area to flood fill.

MATERIALS PALETTE: The materials palette is used to choose colors for painting tools and font color. Two separate materials are associated with the mouse. The left mouse button will "paint" with the foreground color (upper left side swatch) and the right mouse button will "paint" with the background color (lower right side swatch).

In addition to colors, the pallette can also be used to select many choises of gradient objects and patterns. Under each of the two swatches (foreground and background) are three smaller square buttons. clicking on the left small button brings up a drop down toggle switch that allows for the selection of solid color, gradient or pattern. Clicking on the one of the two main swatches brings up the secondary material palette. On this second palette, selections can be made each of solid color, gradient or pattern. The gradients and patterns have preset colors. The gradients and patterns can be used to flood fill rectangler created borders for interesting effects.

ADDING BORDERS TO ANOTHER LAYER: This procedure can be applied to a new second layer. Create the border on the new top layer and flood fill. If the border is wide and/or covers part of the image, the border can be erased to expose part of the overlayed image to create an interesting 3 D effect. Similarly, borders can be added within an image to highlight an important part of the image and erase part of the border to get the 3 D effect.

To create a new layer:

  1. Select Layers > New Raster Layer This will bring up the New Raster Layer option box. Click O.K. to create the new layer.
  2. Click F8 to display the Layer Palette. The Raster 1 line item should be highlighted indicating that any modifications made will be made to the highlighted item. If the curser is moved over the Raster 1 line item a small checkered inset will be displayed. This is an image of Raster 1. The checkered pattern indicates that the layer is blank/transparent. If the curser is moved over the Background line item, the small inset will display the original image.
  3. With Raster 1 highlighted/selected, use Selection Tool > Selection > Rectangle to create a border outline.
  4. Choose Selection > Invert to move the selected area from the center of the image to the border at the edge of the image.
  5. Use the Flood Fill tool to select a color and fill the newly defined border.
  6. Enter Selections > Select None to remove the marching ants.

The first picture show below was made using the rectangle selection tool and applied to a single background layer. The second picture had the border flood filled on the top new layer. Then part of the layer was erased to allow part of the lizard's foot to show through - creating a 3-D effect.

Border within Border (1 layer)Border within Border (2 layers) 3-D Buttonized border

3-D BUTTONIZE EFFECT: PSP has the capability of adding 3-D border effects. These effects do not expand the dimension of the image. To maintain the complete image, the image canvas size should be increased to account for the 3 D border dimension.

The most useful border effect is Buttonize. Select Effects > 3 D Effects > Buttonize. As with the Add Border option covered above, the border width and color can be specified. In addition, the opacity (lightness/darkness) of the border color can be adjusted and edge can be set to either transparent or solid. The last picture in the three pictures shown above was created with the Buttonize effect.

PICTURE FRAMES: PSP has 72 different Picture frames and mats that can be added over an image. To select a picture frame select Image > Picture Frame. Clicking on the drop down arrow will display the various frames. The frames include simple frames, frames with mats, mats and edge effects. There is an option to insert the frame outside of the image (for closely cropped images) and for inside of the image. View both options to find the best frame position.

The frame layer is placed on top of the background image layer. Displaying the Layer Options inset (F8 or View > Palettes > Layers), the opacity of the each layer can be varied to achieve different visual effects.

The three pictures below show the effects of adding frames.

Edge Effect FrameSimple Frame Frame Mat & Simple Frame (3 layers)

There are many more frames available beyound those that come with PSP. Many more can be found the internet. Google search on "frames" and "Paint Shop Pro". You can also find instructions on how to construct and add frames of your own design.

The frames that are designed as edge brushes are white and opaque. These edge brush frames can be colored with the Flood Fill tool using the color chart or part of the image to select the color. An interesting effect can be achieved by placing a smaller frame in a layer on top of a larger frame. In the picture on the left, the more extensive Edge Brush 11 was selected first and the frame colored maroon. The smaller Edge Brush 9 was selected next and lays on top of the first Edge Brush 11 frame.

Note: If there may be more modifications to the frames/layers, save the picture in the PSPImage format. All layers will be saved and can be reloaded and modified.


COLLAGE WITH LAYERS:

A collage is a group of images "pasted" on a single page. In the case of digital editing, the images are layered on a single canvas. To create a layered collage, the initial step is to define the desired final grouped image. The next step is to open all the images in PSP and starting with the desired bottom image, add each new image to the bottom image, ending with the primary top image. To create layers:

  1. Click on the title bar of the image to be copied and select Edit > Copy.
  2. Click on the title bar of the base image and select Edit > Paste > Paste as a New Layer

The layer palette can be toggeled with the F8 key. A layer can be selected for modification by clicking on its icon. Moving the curser over the layer icon will cause a mini picture of the layer image to be displayed.

After the layers have been extablished the collage can be created by erasing content (creating transparent areas) in each layer where lower layer content is to be displayed. The Move Tool can be used to move layer content around the layer canvas.

The following five picture were taken of a red corvette. The intent was to create a collage using all five pictures. The main image is the first picture of the complete vehicle. The remaining four images were to be placed in the background and surround the main image.
Layer 1: full carLayer 2: Engine Layer 3: Rear car Layer 4: Hood

The images were opened in PSP and layered on the last image in reverse order so that the full car image was on top. All content other than the car was erased from the top image.

Layer 1: full carLayer 2: Engine Layer 3: Rear car Layer 4: Hood

The second layer was the image of the engine and the hood. The engine and hood image was then moved to the lower left. The third layer (car rear) was selected and the image content was moved to the upper right. The forth layer image of the hood ornament was moved to the lower left. In the process, additional erasures were made in layers 2 and 3 to allow for display of content in lower layers.

The image on the left is the resulting four layer collage.

MAKING A COLLAGE WITH PRINT LAYOUT

To make a collage of some or all of opened images in PSP, use the command File > Print Layout. This will open a new screen with all of the open images on the left side of the screen. On the right is an area representing the photo to be printed. Images on the left side can be dragged and dropped onto the "photo paper". There each image can be resized and positioned on the paper outline. If the images in the collage are overlapping, the layer position can be altered by moving a top image away and moving what was the bottom back on top of the first image.