Learning Adobe Photoshop CS4 - Graffiti on a Building

Download Learning Adobe Photoshop CS4 - Graffiti on a Building

Post on 16-Nov-2014




0 download

Embed Size (px)


Sample pages from Chapter 26 of Learning Adobe Photoshop CS4 by Greg Bowden which demonstrates how to add some graffiti text to a building so that the text matches the perspective of the building. The text is then moved behind objects in front of the building to make the text look realistic.


<p>Learning Adobe Photoshop CS4By Greg Bowden</p> <p>Chapter 26</p> <p>Graffiti on a Building</p> <p>Guided Computer Tutorials www.gct.com.au</p> <p>PUBLISHED BY GUIDED COMPUTER TUTORIALS PO Box 311 Belmont, Victoria, 3216, Australia www.gct.com.au Greg Bowden This product is available in Single or Multi User versions. Single-user versions are for single student or teacher use at any particular time, just as a single text book would be used. If you intend to use the notes with multiple students the single user version should be upgraded to the multi-user version. Multi-user versions allow the school or institution to print as many copies as required, or to place the PDF files on the school network, intranet and staff laptops. A certificate of authentication is provided with multi-user versions. Bookmarks provide links to all headings and sub-headings, and individual chapters are provided.</p> <p>First published 2009 ISBN: Module 1 1 921217 69 3 Module 2: 1 921217 70 7 Module 3 1 921217 71 5 PDF document on CD-ROM</p> <p>Every effort has been made to ensure that images used in this publication are free of copyright, but there may be instances where this has not been possible. Guided Computer Tutorials would welcome any information that would redress this situation.</p> <p>Chapter</p> <p>Graffiti on a Building</p> <p>26</p> <p>Rather than displaying graffiti on a flat surface, you can also display it on a photograph and use perspective tools to make it look realistic. In this Exercise some graffiti will be added to a building then moved behind the snow and branches as shown in the following diagram:</p> <p>Starting a New Document1 Load Photoshop or close the current files then display the FILE menu and select NEW.</p> <p>2 Set the WIDTH to 800 pixels, the HEIGHT to 600 pixels and the BACKGROUND COLOUR to WHITE.</p> <p>3</p> <p>Select OK to start the document.</p> <p> Guided Computer Tutorials 2009</p> <p>26-1</p> <p>Learning Adobe Photoshop CS4</p> <p>Entering Some TextSome text will be entered and the WARP transformation used to distort it. 1 Select the HORIZONTAL TYPE TOOL and in the OPTIONS BAR select an artistic FONT such as ADOBE GARAMOND PRO (BOLD ITALIC) or FORTE, set the SIZE to 48 pt and select a TEXT COLOUR.</p> <p>2 Click at the top left of the canvas and enter a short word for the graffiti, for example: Chill</p> <p>3 Select the MOVE TOOL, press CTRL+T or COMMAND+T to display the FREE TRANSFORM frame and increase the size of the text.</p> <p>4</p> <p>Press or to accept the transformation.</p> <p>26-2</p> <p> Guided Computer Tutorials 2009</p> <p>Graffiti on a Building</p> <p>26</p> <p>Warping the TextRather that using the LIQUIFY filter to create the graffiti text, you can WARP the text. Again, to do this text must be rasterized. 1 2 Display the LAYER menu, highlight RASTERIZE and select LAYER. Display the EDIT menu, highlight TRANSFORM and select WARP.</p> <p>3 Drag the numerous handles that are placed around the text to create the effect that you want.</p> <p>4</p> <p>Press or to accept the transformation.</p> <p>NOTE:</p> <p>No effects will be applied to the text at this stage. The text will be made to look like graffiti once it has been added to the photo.</p> <p>5</p> <p>Save the document in your STORAGE folder as a PHOTOSHOP file under the file name: Warped Text</p> <p>Loading the PhotographA photo of a house has been prepared for you and the graffiti text will be placed on one of its walls. 1 2 3 Display the FILE menu and select OPEN. Access the PScs4 SUPPORT FILES, open the CHAPTER 26 folder and open the BUILDING photo. The graffiti will be added below the right window. Guided Computer Tutorials 2009 26-3</p> <p>Learning Adobe Photoshop CS4</p> <p>Inserting the Warped TextThe warped text needs to be added to the BUILDING file. 1 Select the MOVE TOOL from the TOOLS panel and drag the WARPED TEXT file tab down to view both files. 2 Drag the CHILL (or text) layer from the WARPED TEXT file onto the BUILDING photo.</p> <p>3 Select OK if you receive a message about converting colours.</p> <p>4</p> <p>Close the WARPED TEXT file.</p> <p>5 Press CTRL+T or COMMAND+T to display the FREE TRANSFORM frame around the text and adjust its size so that it fits beneath the right window.</p> <p>26-4</p> <p> Guided Computer Tutorials 2009</p> <p>Graffiti on a Building 6 Press or to accept the transformation.</p> <p>26</p> <p>Setting the Vanishing PointIn order to make the text look more realistic, it needs to slant in the same perspective as the side of the building. The VANISHING POINT filter can be used to achieve this.</p> <p>A</p> <p>Starting a New layer</p> <p>The text will be copied into a vanishing point frame in a new layer. 1 Move the text to the top left of the photo and select the BACKGROUND layer in the LAYERS panel.</p> <p>2 Create a new layer above the BACKGROUND layer and rename it: Vanishing Point</p> <p> Guided Computer Tutorials 2009</p> <p>26-5</p> <p>Learning Adobe Photoshop CS4</p> <p>B</p> <p>Copying the Text</p> <p>The text path can be copied then pasted into the Vanishing Point frame. 1 Click on the CHILL (or text) layer in the LAYERS panel, hold down the CTRL or COMMAND key and click on its thumbnail to select the path of the text.</p> <p>2</p> <p>Press CTRL+C or COMMAND+C to copy the path. 3 Turn off the CHILL (or text) layer, select the VANISHING POINT layer and press CTRL+D or COMMAND+D to deselect the text.</p> <p>Note:</p> <p>The path of the text should not be visible on the screen.</p> <p>26-6</p> <p> Guided Computer Tutorials 2009</p> <p>Graffiti on a Building</p> <p>26</p> <p>C1</p> <p>Setting the Vanishing Point TextDisplay the FILTER menu and select VANISHING POINT to open the VANISHING POINT dialogue box. 2 Click a vanishing point frame along the edges of the brick work under the right window including a little of the snow at the base of the wall.</p> <p>3 Press CTRL+V or COMMAND+V to paste the text into the vanishing point dialogue box.</p> <p>4 Drag the text into the vanishing point frame.</p> <p> Guided Computer Tutorials 2009</p> <p>26-7</p>