Home  >  Tutorials  >   PSP 8 Tutorials  >
Inserting Images into Shapes
E-mail this tutorial to a friend Email to a Friend

Inserting Images into Shapes
Created by: Barbara Townsend

One of the most popular requests I have from PSPers new to the program is how to transfer one image into another. This tutorial is going to teach this along with a few other techniques that will create a complete and finished picture of your image. You may use any image of your own but I suggest you use the one provided in this tutorial so we will always be together in this learning experience.
Click on this image and copy

Paste as a new image

Usually we offer the images that we use in a tutorial as a zip file for download. This time I'm choosing a different way to show you another feature of PSP:

Click on the fruit image on the left; it is linked to a bigger image that will open in a new browser window. Now copy that bigger image to your clipboard by right-clicking on it and choosing 'Copy' from the pop-up menu; you can then close that second browser window.

With your PSP open, either go to Edit || Paste As New Image, or right-click somewhere into the workspace and choose "Paste As New Image" from the pop-up menu. See how easy that was?

This is a technique I use whenever possible. I also have several versions of PSP programs and move a working image from one to another to use some of the techniques and picture tubes, gradients, etc. that one program will have that another does not.

New Image Create a new image, 400 x 400 pixels, transparent background.

Preset Shapes Tool (PSP 8)

Lots of shapes are available

Selecting the Shape

Select the Preset Shapes tool in your Tools toolbar and click on the Shape drop-down list in the Tool Option palette.

Shapes come in all sizes and kinds and not all your PSP versions are going to have the same ones. You will need time to look and search for ones that you like to add to your library. One of the most popular shapes is the heart. I like to use the star. The star in version 8 works well but I like the way version 10 lets you make the choice of how many points you want,whether they be rounded or pointed, and how long you want them to be.

I will work this tutorial in version 8 and select the Octagon. All versions come with the Octagon in their shapes so no one will have a problem finding something that works to start with.


Octogon chosen
After you click on the Octagon shape in the drop-down list it appears in the shape window of the Tool Option palette. The tool settings should be as follows:
– Retain style = unchecked
– Anti-alias = checked
– Create as vector = unchecked
– Line style = +Solid (the default)
– Width = 20
The rest can be the default values.
Materials Palette - Materials Box  Materials Solid Color Option Materials Transparent Option

HTML color code

Set the Foreground Material to Solid Color and the Background Material to Transparent (Null).

Change the Foreground Color by clicking on the Foreground Material box, thus opening the Material Properties dialog. In the HTML code box on the bottom of the Color tab, put in this code:
Click on OK.

Drag mouse from top left to bottom right corners

Starting at one upper corner and holding your Shift key down to get a perfect octagon, draw (drag) the shape into your blank image. You will get something that looks like the image on the left: a large shape with a large green border or edge.

Move Tool Use the Move tool to center the shape in your image.

Magic Wand Tool


Select the Magic Wand tool and use these settings:
– Mode = Add (Shift)
– Match mode = RGB Value
– Tolerance = 10
– Sample merged = unchecked
– Feather = 0
– Anti-alias = unchecked

Click into the green octagon border.

Note: When tools do not cooperate with you it is usually because the Tolerance is set too high or too low.

Creating the bevel

Save Preset

Go to Effects || 3D Effects || Inner Bevel and use these settings:
– Bevel = # 8
– Width = 2
– Smoothness = 50
– Depth = 10
– Ambience = 25
– Shininess = 40
– Color = #2A4F2E
– Angle = 20
– Intensity = 60
– Elevation = 60

When you like this bevel and wish to use it again, go up to the top of the Inner Bevel window and click on the Save button. Name it and it will be ready for you another time. Then click on OK.

Deselect by going to Selections || Select None (Ctrl+D) or by right-clicking into your image.

Using the Magic Wand tool to select 'inside' the octagon

Inserting the Image

If you haven't got the fruit image open in PSP copy it now as described above. Click on its Titel bar to make sure it's the active image, then go to Edit || Copy to place it into the clipboard.

Now click on the octagon shape image to make it the active image.Select the Magic Wand tool and change these settings:
– Contiguous = checked (versions 9 and 10 only)
– Anti-alias = checked
– Inside = selected

Click inside the octagon border. The ants are now marching around inside.

Pasting the fruit into the selection

Now go to Edit || Paste || Paste Into Selection, and your fruit image fits nicely into your octagon shape.

Deselect (Selections || Select None or Ctrl+D).

Soften Tool

Using the Soften brush

If you zoom into your image you'll see some jaggies between the image and the octagon frame.

Look for the Soften brush in the Tools toolbar – it is located after the Clone brush with other brushes. Set the Size = 10 and carefully smooth out the pixels inside the frame.

New Raster Layer Create a new layer and name it "Background". Go to Layers || Arrange || Send to Bottom or drag it to the bottom with your mouse in the Layer palette.
Materials Palette - Active Colors     Flood Fill Tool Change your Foreground color to #D5B33E and flood-fill the 'Background' layer.
Materials Palette - Materials Box  Materials Texture Option Open the Material Properties window again by clicking into the Foreground Materials box and check the 'Texture' option. From the Texture drop-down list, select "Cork" which came with all three versions (8, 9 and 10). Change the color to #6A5C32 and click on OK. Then flood-fill the background again with this texture.

Magic Wand Tool

Finished image with cork and frame

Merge your layers (Layers || Merge || Merge All [Flatten]), then go to Image || Add Borders. Set the border size to whatever you like. I used:
– Symmetric = checked
– Top/Left/Right/Bottom = 10
– Color = #38763D

Use the Magic Wand and click inside the new border to select it. Then go to Effects || 3D Effects || Inner Bevel and use the same bevel settings as before. Deselect (Selections || Select None or Ctrl+D).

Save your work. You may play with all the colors and textures in the background you want to. It will give you lots of experience. I hope that this has been a good lesson for you and you will continue to enjoy your PSP.

I look forward to seeing what you do on your own.

Barbara T.