learning adobe photoshop cs4 - text
DESCRIPTION
Sample pages from Chapter 6 of Learning Adobe Photoshop CS4 by Greg Bowden which demonstrates how to enter text and apply effects to that text such as colour, text warp, style effects, 3D effects and typing text along a path. Text is then added to photos and imagesTRANSCRIPT
Learning Adobe Photoshop CS4By Greg Bowden
Guided Computer Tutorialswww.gct.com.au
Adding Text to Designs
Chapter 6
PUBLISHED BY
GUIDED COMPUTER TUTORIALSPO Box 311Belmont, 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.
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
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.
© Guided Computer Tutorials 2009 6-1
Chapter
6Adding Text to Designs
Text can be added to photographs and manipulated. There are text effects available to curve letters, display them vertically, set text to follow a path and applying similar effects to those you added to shapes in the last chapter.
Starting a New Document 1 Load Photoshop or close the current file and select NEW from the FILE menu.
3 Select OK to start the page.
Entering TextThe TEXT TOOLS are housed in the TYPE TOOL in the TOOLS panel.
2 The OPTIONS BAR should display the text options which are labelled in the diagram at the top of the next page.
2 Set the WIDTH to 800 pixels, the HEIGHT to 600 pixels, the COLOUR MODE to RGB COLOUR and the BACKGROUND CONTENTS to WHITE.
1 Click and hold down the mouse button on the TYPE TOOL and select the HORIZONTAL TYPE TOOL.
© Guided Computer Tutorials 20096-2
Learning Adobe Photoshop CS4
3 Set the VIEW to FIT ON SCREEN by pressing CTRL+0 on the Windows system or COMMAND+0 on the Macintosh system.
4 Click the cursor (which is now an I-Beam) near the top centre of the canvas.
NOTE: A text layer is created when you click the I-Beam on the canvas.
Altering TextYou can alter text once it has been entered.
1 Highlight your name by dragging the I-Beam across the letters or by double clicking on the letters.
5 Set the FONT to CENTURY GOTHIC or TIMES NEW ROMAN, the FONT STYLE to BOLD, the FONT SIZE to 18 pt and the TEXT COLOUR to RED.
6 Enter your first name.
Set the Font Family
Set the Font Style
Set the Font Size
Set the Anti-aliasing Method
Alignments
Text Colour
Accept or reject edits
Text Orientation
Warp Text
Open the Character & Paragraph panels
© Guided Computer Tutorials 2009 6-3
6Adding Text to Designs
Warping TextThere are a number of special curved effects that can be applied to the text. These are found in the WARP TEXT button in the OPTIONS BAR.
A Single Arced Text
1 Click the I-Beam anywhere in your name.
2 Set the FONT SIZE to 36 pt and your name should become larger, then set the TEXT COLOUR to BLUE.
3 Click on the COMMIT ANY CURRENT EDITS button to accept the changes.
2 Click on the CREATE WARPED TEXT button in the OPTIONS BAR and the WARP TEXT dialogue box will open.
3 Set the STYLE box to ARC and move the WARP TEXT dialogue box so that you can see your name, which should now be curved.
© Guided Computer Tutorials 20096-4
Learning Adobe Photoshop CS4
NOTE: The reverse occurs if you increase the HORIZONTAL DISTORTION.
4 Move the BLEND slider and the size and direction of the arc will change. Set it to a negative value.
5 Decrease the HORIZONTAL DISTORTION and the letters should start large and curve to smaller.
6 Increase the VERTICAL DISTORTION and the angle of the letters will be altered.
© Guided Computer Tutorials 2009 6-5
6Adding Text to Designs
NOTE: The VERTICAL option gives text the illusion of the text moving out of the screen.
NOTE: Setting the STYLE box to ARC UPPER will set the curve to a slightly different curve up to the normal ARC style.
7 Set the HORIZONTAL and VERTICAL DISTORTION bars back to 0 then click on the VERTICAL radio button at the top of the dialogue box.
8 Increase the BLEND to reverse the effect.
9 Click on the HORIZONTAL button to set the text back to normal then set the STYLE box to ARC LOWER and the curve will move down.
10 Increase the BLEND to +75% to see the effect more clearly.
© Guided Computer Tutorials 20096-6
Learning Adobe Photoshop CS4
11 Try setting the STYLE box to ARCH, BULGE, SHELL LOWER and SHELL UPPER to see the effect of these styles.
B Multiple Arcs
You can also set text to wave along a path. In other words, arc more than once.
2 Try setting the STYLE box to WAVE, FISH and RISE to see the effect of these styles.
C Three-Dimensional Effects
Warping can also be used to set three-dimensional effects.
NOTE: As you read across your name the centre letters appear you come out of the screen.
3 Try setting the STYLE box to INFLATE, SQUEEZE and TWIST to see the effect of
those styles.
1 Set the STYLE box to FLAG and decrease the HORIZONTAL DISTORTION to see the effect more clearly.
1 Return the HORIZONTAL DISTORTION to 0 and set the STYLE box to FISH EYE.
2 Adjust the BLEND to enhance the effect.
© Guided Computer Tutorials 2009 6-7
6Adding Text to Designs
4 Select OK to return to the page.
D Text Orientation
You can change the direction of text at any time.
2 Click on the CHANGE THE TEXT ORIENTATION button again the text will be returned to its original direction.
Vertical TextText can be set to be entered down the screen.
1 Click on the CHANGE THE TEXT ORIENTATION button in the OPTIONS BAR and the name should be set to vertical.
1 Click and hold on the TYPE TOOL in the TOOLS panel and select the VERTICAL TEXT TOOL.
© Guided Computer Tutorials 20096-8
Learning Adobe Photoshop CS4
NOTE: The same warp options can be applied to vertical text.
Adding Styles to TextThe styles you used in the last few chapters can be applied to text in the same way that they were applied to shapes.
2 Press CTRL+T or COMMAND+T to select FREE TRANSFORM PATH.
4 Press <enter> or <return> to accept the transformation.
2 Click next to your first name and enter your last name. It will be entered down the screen. Press <enter> or <return> to set it.
1 Expand the LAYERS panel and click on your first name layer to select your first name.
3 Use the size ‘handles’ to increase the size of the name.
© Guided Computer Tutorials 2009 6-9
6Adding Text to Designs
7 Select OK to replace the current style.
NOTE: As with shapes, you can turn styles off in the LAYERS panel.
5 Open the STYLES panel in the PANEL GROUP.
6 Click on the PANEL MENU icon and select WEB STYLES.
8 Apply a style to the text.