Push Tool Effects

Created by: kiss

You can use the Retouch Tool - Push mode to create all sorts of interesting duplication effects in your graphics. In this tutorial we will use the Retouch Tool to duplicate the roses and leaves, then we'll add a border, fill the border with a roses pattern, add some cutouts to the image, and finally add a bevel and a texture to the frame.

The steps below show how to perform each task using the PSP menu options. Alternatively, you may wish to use the keyboard shortcuts for some of the tasks - these are displayed in small text - surrounded by [square brackets].

The tools you will use in this tutorial include the Retouch Tool (push mode), the Crop tool, the Selection tool, the Magic Wand tool, the Mover tool and the Flood Fill tool.

To begin the tutorial:

1. Open a favourite picture in Paint Shop Pro. I chose
     to use this simple rose shown to the left, but you
     can use anything you want - as long as the image
     stands out against a plain background.

     If you don't have a picture on hand, just right click
     on the image, and - from the pop-up menu - choose
     the Save image as...menu option.

     After saving this image to your hard disk, open
     the "/tutorial/html/tut7eff/ptrose.jpg" file to your workspace.

2. Duplicate your image [SHIFT+D] (to ensure you
     don't lose the original).

3. After duplicating the image, close the original, then
     save the new image as roses1.psp [F12].

If you are using our ptrose.jpg image, set the background colour to black, and increase your canvas size, to give you plenty of room to create your bunch of roses.

To increase the canvas:

1. Using the Colour Palette, change your Background
     Colour to Black (Foreground Colour = any colour).

2. Click on the Image | Canvas Size menu option. The
     system displays the Change Canvas Size dialog
     box.

3. Change the canvas size dimensions to the following
     settings:

     New Width = 400,
     New Height = 610,

4. Change the image placement settings to the
     following:

     Centre Image Horizontally checkbox - checked,
     Centre Image Vertically checkbox - unchecked,
     Change the Top setting to 280,
     Change the Bottom setting to 25.

5. Click on the [OK] button to accept these settings.

The system doubles the original size of the canvas, placing the rose at the bottom of the image.

Now we will change the Retouch Tool settings to those shown on the left.

To change the Retouch Tool settings:

1. Click on the Retouch Tool in your Tool Palette.

2. Using the Tool Options - Retouch dialog box,
     change the settings to:

     Shape = Round,
     Size = 50,
     Hardness = 45,
     Opacity = 70,
     Step = 60,
     Density = 100,
     Mode = Push,

Now we will use the Retouch Tool - Push mode to multiply various sections of the image. The first part of the image to multiply is the rose flower head.

To multiply the rose head:

1. Left click in the centre of the rose head.

2. Holding down the left mouse key, slowly drag
     your mouse directly upwards. When the system
     displays a duplicate copy of your rose, release the
     left mouse button.

Notice how the copy of the rose head is 50% of the size of the original rose head, with a lower opacity than the original (as per the settings you made in the previous step).

You can create two different effects using the push tool.

To create a bunch of roses at 70% opacity of the original rose head:

1. Again click on the original rose and drag it up
     and to the right - the next rose's opacity is that
     set in your Retouch Tool settings (i.e. at 70%).

     If you don't release the mouse button, and continue
     dragging outward, your 'multiple' roses will all be
     the same opacity as set in the Tool Settings Box
     (i.e. at 70%).

2. Repeat the above step going out in several
     directions.

Your image should look like that shown on the left.

To create a bunch of roses that fade in opacity towards the outer edge:

1. Again click on the original rose and drag it
     up and to the right - the next rose's opacity is
     that set in your Retouch Tool settings (i.e. at 70%).

2. Release the mouse button.

3. Click on your second rose, and drag it up and to
     the right - the next rose's opacity is now 70% of the
     second rose's opacity.

4. Repeat the above step going out towards the edge
     of your image.

5. Repeat steps 1 to 4 going out in several directions.

Your image should look like that shown on the left.

To create a bunch of roses all at 100% opacity:

1. Change the Opacity setting in the Tool settings -
Retouch Tool dialog box to 100%.

2. Click on the original rose, and holding down the left
mouse key, drag the roses out in several directions.

Your image should look like that shown on the left.

Now that you have created your bunch of rose heads, repeat the above techniques on the rose stems.

Your image should look like that displayed on the left (dependent on the types of rose heads you chose).

After dragging the top leaves, I then dragged upwards on the 'black area' below the roses, to reduce the length of the stems.

After creating the bunch of roses, save your image [CTRL+S].

Next we are going to resize your image back to its original size using the Crop tool.

To resize the image back to its original size:

1. Double click on the Crop tool. The system displays
     the Crop Area dialog box.

2. Change the Crop Area settings as follows:
     Left = 80,
     Right = 280,
     Top = 215,
     bottom = 520.

3. Click on the [OK] button. The system displays your
     crop area (as a thin white frame surrounding your
     roses). After making these settings, you may need
     to drag the crop area to the left, right, up or down
     - dependent on how far out your roses extend to
     centre the roses inside your crop area. To do this,
     hold down your left mouse button and drag the crop
     area to the desired position.

4. After centering the roses inside the crop area, using
     the Tool Options - Crop Area dialog box, click on
     the Crop Image button. The system crops the
     image to your selected area.

5. Now would be a good time to save your image
     [CTRL+S].

Next we'll create a rose pattern for the frame, by selecting a 100 x 100 px area of our image.

To create the rose pattern:

1. Double-click on your Selection tool. The system
     displays the Select Area dialog box.

2. Apply the following settings:
     Left = 50,
     Right = 150,
     Top = 120,
     Bottom = 220.

3. Click on the [OK] button to accept your
     dimensions.

4. Check that your selection sits nicely around
     an area showing the roses and some of the leaves
     (if not, click on the Mover tool, then - holding
     down your right mouse button - drag the selection
     so that it sits over your required area of the
     picture).

5. Copy your selection [CTRL+C] to the clipboard.

6. Deselect the 100x100 area [CTRL+D].

7. Paste the clipboard contents as a new image
     [CTRL+V].

8. Save the new image as pattern.psp [F12].

9. Click on the roses1.psp image for the next steps.

Now we shall add a border.

To add a border:

1. Click on your Background Colour in the colour
     palette, and change the background colour
     to white.

2. Click on the Image | Add Borders... menu option.
     The system displays the Add Borders dialog box.

3. Apply the following settings:

     Symmetric checkbox = Checked,
     Top = 20,
     Bottom = 20,
     Left = 20,
     Right = 20 (as you've selected the Symmetric
     option, you should only need to type in the top
     dimension of 20 - the rest will automatically
     appear).

4. Click on the [OK] button to add the white border.

We're now going to fill the white border with the rose pattern.

To fill the border with the rose pattern:

1. Click on the right-arrow in the Foreground Style
     Palette, and choose Pattern as your Style Type
     selection.

2. Click on the center of the Foreground Style. The
     system displays the Pattern dialog box.

3. Click on the down arrow beside the displayed
     pattern. The system displays all of your available
     patterns.

4. Select the pattern.psp image (this should be the
     second image in the top row of your available
     patterns).

5. Still in the Pattern dialog box, change the following
     settings:

     Scale = 25%,
     Angle = 0 degrees.

6. Click on the [OK] button to accept your Pattern
     settings.

7. Using your Magic Wand tool, click once on the
     white border area (to select it).

8. To promote the white border to a new layer, use the
     Selections | Promote to Layer menu option
     [SHIFT+CTRL+P].

9. Now click on the Flood Fill tool, and fill the selected
     white area with your rose pattern.
     Do NOT deselect.

10. Save your image [CTRL+S].

Next we'll adjust the brightness and contrast of the frame.

To adjust the brightness/contrast of the frame:

1. Select the Colours | Adjust | Brightness menu
     option [SHIFT+B]. The system displays the
     Brightness/Contrast dialog box.

2. Change the Brightness and Contrast settings as
     follows:

     Brightness = -30,
     Contrast =+30.

3. Click on the [OK] button. Do NOT deselect.

Now we'll rename your layer.

To rename the rose frame layer and create 2 new layers for a cutout effect:

1. Click on the Layer Palette.

2. Right-click on the Promoted Selection layer.

3. From the pop-up menu, select the Rename option.

4. Rename this layer Frame.

5. Still using the Layer Palette, click on the New
     Layer icon, and create a new layer naming it
     Cutout1.

6. Again using the Layer Palette, click on the New
     Layer icon, and create another new layer naming it
     Cutout2.

7. Click on the Cutout1 layer to make it your active
     layer. Your Layer Palette should now look like that
     shown on the left.

Next you're ready to apply two cutouts to the image (to make it stand out from the frame).

To apply the first cutout to the image:

1. Invert your selection, using the Selection | Invert
     menu option [SHIFT+CTRL+I].

2. On the Cutout1 layer, choose the Effects | 3D
     Effects | Cutout... menu option. The system
     displays the Cutout dialog box.

3. In this dialog box, select the following settings:

     Offset Vertical/Horizontal = 3,
     Opacity = 60,
     Blur = 20.

4. After making these selections, click on the
     [OK] button. The system applies your cutout to the
     top and left area of the image inside the frame. Do
     NOT deselect.

Now we'll apply the second cutout.

To apply the second cutout to the image:

1. Using the Layer Palette, click on the Cutout2 layer
     (to make it the active layer).

2. Again choose the Effects | 3D Effects |
     Cutout... menu option. The system displays the
     Cutout dialog box.

3. In this dialog box, select the following settings:

     Offset Vertical/Horizontal = -3,
     Opacity = 60,
     Blur = 20,
     Shadow Colour = white,
     Fill Interior with Colour checkbox = checked,
     Interior colour = white.

4. After making these selections, click on the
     [OK] button. The system applies your cutout to the
     bottom and right area of the image inside the frame.
     Do NOT deselect.

5. Now, using the Selections | Invert menu option,
     invert your selection so that the frame is selected
     Do NOT deselect.

6. Using the Layer Palette, click on the Frame layer
     (to make it the active layer).

In this step we'll apply an inner bevel effect to the frame.

To apply the inner bevel effect to the frame:

1. On your frame layer, choose the Effects | 3D
     Effects | Inner Bevel... menu option. The system
     displays the Inner Bevel dialog box.

2. In this dialog box, select the following settings:

     Bevel type = rounded (2nd option),
     Bevel Width = 7,
     Image Smoothness = 40,
     Image Depth = 7,
     Image Ambience = 20,
     Image Shininess = 50,
     Light Colour = White,
     Light Direction = 315 degrees,
     Light Colour = White,
     Light Intensity = 50,
     Light Elevation = 30.

3. After making these selections, click on the
     [OK] button. The system applies your bevel
     to the frame. Do NOT deselect.

In this last step we'll apply a texture effect to the frame.

To apply the texture to the frame:

1. Choose the Effects | Texture Effects |Texture...
     menu option. The system displays the Texture
     dialog box.

2. In this dialog box, select the following settings:

     Texture type = Denim (No. 25 - choose a light
     texture you like),
     Size (%) = 47,
     Image Smoothness = 0,
     Image Depth = 5,
     Image Ambience = 0,
     Image Shininess = 50,
     Light Colour = White,
     Light Direction = 315 degrees,
     Light Colour = White,
     Light Intensity = 50,
     Light Elevation = 30.

3. After making these selections, click on the
     [OK] button. The system applies your bevel
     to the frame.

4. Next save your image [CTRL+S].

5. Finally, using the Layer Palette - click on the
     Background Layer, and duplicate it (using
     the Layers | Duplicate menu option).

6. Using the Layer Palette, click on the Copy of
     Background layer, and change the Blend mode to
     Multiply. This makes the roses stand out a little
     more from the frame. Your final image should look
     like that shown on the left.

7. To finish off, merge all layers (Layers | Merge |
     Merge All (flatten) menu option, then save your
     image [CTRL+S].

This is the end of the tutorial.