Adobe Photoshop CS3 Tutorial: The Vanishing Point Filter: Wrapping a label around artwork. Part 1

This is part 1 of my 3 part Photoshop Tutorial, using the new improved Vanishing Point Filter in CS3.

This is a very powerful feature, and takes a bit of time to get confident with, so I have split this tutorial into 3 parts, this particular one will show you how to create and manipulate planes.

Later, we will map artwork to the planes and add a convincing, in perspective label.

Finally, we will explore some of the other tools inside the Vanishing point feature.

1Download and open brown_box.psd in Photoshop CS3. This file only has one layer, Background.

2From the Filter Menu, select Vanishing Point

Screenshot 1

3A new window will appear, with tools on the left hand side, and a preview of your image in the center. We will use the box image as a guide and create planes for the document.

Screenshot 1

The Vanishing Point planes will be saved with your image, even if your image is saved as Jpeg, Gif or any other format. There is only 1 Vanishing Point for each document, and it is stored with the image NOT the layer.

4The “Create Plane” tool is selected by default. Set the Grid Size to 100

Screenshot 1

5Click on the top left corner of the first plane in the box, as shown:

Screenshot 1

To navigate the artwork, use these handy shortcuts: <CTRL/CMD + +) to zoom in, <CTRL/CMD + -) to zoom out and (SPACEBAR) to pan around the view.

6Once you have the first point plotted, click on the next corner of the plane:

7Continue clicking on all 4 corners, Photoshop will create a plane for you, with grid lines. The plane and lines will most likely be coloured blue.

8You can select and drag the points individually to adjust the plane’s perspective.

9If a planes is out of perspective it will display in a different colour to let you now. Yellow lines mean the plane might work but it might not give you the best results. Red lines means the plane is out of perspective and will not work. Blue is the colour you want!

10Once your plane is adjusted, we will create another plane. Hold down CTRL / CMND and click on the resize box in the centre of the plane. We want to create a plane that is attached to the right hand side of my existing plane (to make the artwork “wrap” around the 2 planes smoothly, so I click on the middle box on the RIGHT-HAND side of my plane. The screenshot below shows you were to CTRL/CMD click.

11Whilst holding down CTRL or CMD, you can drag a new plane from the existing one.

12To adjust the angle of the plane, click on the word “Angle” to the left of the dropdown and hold down the mouse. A hand icon will appear, with a small arrow on each side. You can scrub left or right to adjust the angle of the plane. Try to align the angle to the top of the box, so it follows the angle as shown below.

13Now you can resize the plane by clicking and dragging.

Leave a Reply

Your email address will not be published. Required fields are marked *