Home  >  Tutorials  >   PSP 8 Tutorials  >
A Covered Swing (1): The Arch
E-mail this tutorial to a friend Email to a Friend

A Covered Swing (1): The Arch
Created by: Barb's Playground

 
Though this tutorial is not designed for the PSP beginner I encourage you to try it anyway. You will learn about the Deform tool and how to do perspective correction. It is intended to serve as a learning tool. The images on this page are reduced for space. I encourage you to make it uniquely your own creation. We will create this in two parts: In this part 1 of the tutorial we will make the arch, and then in part 2 we'll make the swing. I will leave the decorating up to you.
 
Download File Download File
The download file on the left contains my wood pattern which you need to unzip into your PSP Patterns folder. You can also use your own wood pattern.
 
New Image

Getting Started

Open a new image, 300 x 300 pixels, and save it as "swing". You may flood-fill it with a color if you want to make it easier to see, just make sure you keep it on a separate layer so you can delete it later. I will have my images on a white background to make it easier for you to see. Please make sure you save often.

 


New Raster Layer

Materials Palette - Materials Box  Materials Null OptionMaterials Pattern Option

Make the Arch

Create a new raster layer and name it 'Arch 1'.

Set your Foreground Material to Null and your Background Material to Pattern:
– Pattern = the wood pattern
– Angle = 0
– Scale = 100

 

Preset Shapes Tool

Select your Preset Shapes tool:
– Shape = Rectangle
– Retain style = unchecked
– Create as vector = unchecked
– Anti-alias = checked
– Line style = +Solid

Using the numbers in the Status bar at the bottom right, draw a long rectangle starting at (x:40 y:68) and ending at (x:45 y:259).

 
Duplicate Layer     Move Tool



Duplicate this layer twice, renaming the 'Copy of Arch 1' layers to 'Arch 2' and 'Arch 3'. Select your Move tool and move each rectangle next to the 'Arch 1' rectangle, putting 'Arch 2' in the middle. Leave enough space between them. See the image on the left for guidance.

In the Layer palette, move layer 'Arch 2' to the bottom. Select layer 'Arch 1'.

Go to Effects || 3D Effects || Drop Shadow with the following settings:
– Vertical Offset = 0
– Horizontal Offset = 1
– Opacity = 40
– Blur = 1
– Color = black (#000000)

Do the same for 'Arch 3', changing the following setting:
– Horizontal Offset = -1 (minus 1)

 
New Raster Layer

Create a new raster layer, name it 'Connect 1'. Move this layer below the 'Arch 1' and 'Arch 3' layers and above the 'Arch 2' layer in your Layer palette.

 

Preset Shapes Tool

Duplicate Layer     Move Tool

Select your Preset Shapes tool, same settings as before, and draw a small sideways rectangle starting at (x:42 y:68) and ending at (x:63 y:77).

Go to Effects || 3D Effects || Drop Shadow and change only the following settings:
– Vertical Offset = 1
– Horizontal Offset = 0

Center this piece if you need to. Make sure layer 'Connect 1' is below the 'Arch 1' and 'Arch 3' layer and above 'Arch 2' layer in the Layer palette.

Now duplicate this layer 11 times. You can rename each one but we will be merging soon so you don't have to. Select your Move tool and align them along the 'Arch' layers. You can use the Grid (View || Grid) if you need to for alignment. See the image on the left for placement.

 
Layer Visibility Off





Save Image

Make sure you have all the pieces straight! This is very important before you merge. If you have a colored Background layer for visibility, click on the eyeball next to that layer in the Layer palette to turn it off and go to Layers || Merge || Merge Visible. Rename the layer to 'Left Arch'.

Go to Effects || 3D Effects || Inner Bevel using these settings:
– Bevel = bevel #2
– Width = 4
– Smoothness = 0
– Depth = 1
– Ambience = 12
– Shiniess = 19
– Color = white (#FFFFFF)
– Angle = 13
– Intensity = 45
– Elevation = 30

If you haven't been saving your file now would be a good time to do it.

 
Duplicate Layer

Duplicate layer 'Left Arch' 4 times, renaming them 'Right Arch' and 'Top Arch', 'Back Left Arch' and 'Back Right Arch'. Put the 'Back Left Arch' and 'Back Right Arch' pieces off to the side for now.

 
Move Tool     Deform Tool

Select the Move tool and arrange all three layers like in the image on the left. For the top arch, select the Deform tool, then grab the handle and rotate it 90 degrees, then move it to the top. (You can also go to Image || Rotate || Free Rotate and rotate by 90 degrees, All layers = unchecked, to accomplish that.)

 

Now move the 'Back Left Arch' and 'Back Right Arch' layers below the rest of the layers in the Layer palette and position the pieces next to the front arches and up just touching the top of the top arch.

The Deform tool should still be selected. Select the 'Back Left Arch' layer in your Layer palette and on the bottom middle handle, push up to the top of the forth connection of the front arch. Do the same to the 'Back Right Arch'.

When you finish, you should have an image like the one on the left. Once you are satisfied with the way they look, click on any other tool (e.g. the Pan tool) to turn the Deform tool off, and go to Layers || Merge || Merge Visible (don't forget to turn your colored Background layer off before).

 
New Raster Layer     Preset Shapes Tool

Create the Roof

Move the arch to the bottom center of your image to make room for the roof.

Create a new raster layer.

Select your Preset Shapes tool, same settings as before, and draw a long sideways rectangle above the top-arch layer.

 
Perspective Correction Tool


Apply current tool settings     Undo Last Action

Select the Perspective Correction tool (if you don't see it on your Tools toolbar, click on the little down-arrow at the Deform tool and choose the Perspective Correction tool from the flyout sub-menu). Move the node to the positions shown on the left. (You will notice after this step that the grain of the wood looks more in perspective and realistic.)

Now click on the Apply button in the Tool Options palette. If you need to re-align then go to Edit || Undo and try again.

 

Deform Tool

Select the Deform tool, grab the node on each side and pull in to line up with the edges of the top arch (see image on the left).

Go to Effects || 3D Effects || Drop Shadow with the following settings:
– Vertical Offset = 1
– Horizontal Offset = 0
– Opacity = 40
– Blur = 1
– Color = black (#000000)

 

Your arch should now look like on the left.

Click on any other tool in the Tools toolbar to turn the Deform tool off.

Turn your colored Background layer off, merge all visible (Layers || Merge || Merge Visible), rename the merged layer 'Arch' and go get something to drink. We will continue on after you have had your break. :)

Are we saving our file as we go along? Good for us :)

Continue with Part 2: The Swing