Learning Adobe Photoshop Cs4 - Text
This document was uploaded by user and they confirmed that they have the permission to share it. If you are author or own the copyright of this book, please report to us by using this DMCA report form. Report DMCA
Overview
Download & View Learning Adobe Photoshop Cs4 - Text as PDF for free.
More details
- Words: 1,279
- Pages: 11
Learning Adobe Photoshop CS4 By Greg Bowden
Chapter 6
Adding Text to Designs
Guided Computer Tutorials www.gct.com.au
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.
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.
Chapter
6
Adding 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. 2 Set the WIDTH to 800 pixels, the HEIGHT to 600 pixels, the COLOUR MODE to RGB COLOUR and the BACKGROUND CONTENTS to WHITE.
3
Select OK to start the page.
Entering Text The TEXT TOOLS are housed in the TYPE TOOL in the TOOLS panel.
1 Click and hold down the mouse button on the TYPE TOOL and select the HORIZONTAL TYPE TOOL.
2
The OPTIONS BAR should display the text options which are labelled in the diagram at the top of the next page.
© Guided Computer Tutorials 2009
6-1
Learning Adobe Photoshop CS4
Text Orientation
Set the Font Style
Set the Font Family
Set the Antialiasing Method
Set the Font Size
Text Colour
Alignments
Open the Character & Paragraph panels
Warp Text
Accept or reject edits
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. 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.
NOTE:
A text layer is created when you click the I-Beam on the canvas.
Altering Text You can alter text once it has been entered. 1
6-2
Highlight your name by dragging the I-Beam across the letters or by double clicking on the letters.
© Guided Computer Tutorials 2009
Adding Text to Designs
6
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.
Warping Text There 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 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 2009
6-3
Learning Adobe Photoshop CS4
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.
NOTE:
The reverse occurs if you increase the HORIZONTAL DISTORTION.
6 Increase the VERTICAL DISTORTION and the angle of the letters will be altered.
6-4
© Guided Computer Tutorials 2009
Adding Text to Designs
6
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.
NOTE:
The VERTICAL option gives text the illusion of the text moving out of the screen.
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.
NOTE:
Setting the STYLE box to ARC UPPER will set the curve to a slightly different curve up to the normal ARC style.
© Guided Computer Tutorials 2009
6-5
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.
1 Set the STYLE box to FLAG and decrease the HORIZONTAL DISTORTION to see the effect more clearly. 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. 1 Return the HORIZONTAL DISTORTION to 0 and set the STYLE box to FISH EYE.
2 Adjust the BLEND to enhance the effect.
NOTE:
3
6-6
As you read across your name the centre letters appear you come out of the screen.
Try setting the STYLE box to INFLATE, SQUEEZE and TWIST to see the effect of those styles. © Guided Computer Tutorials 2009
Adding Text to Designs 4
6
Select OK to return to the page.
D Text Orientation You can change the direction of text at any time.
1 Click on the CHANGE THE TEXT ORIENTATION button in the OPTIONS BAR and the name should be set to vertical.
2
Click on the CHANGE THE TEXT ORIENTATION button again the text will be returned to its original direction.
Vertical Text Text can be set to be entered down the screen.
1 Click and hold on the TYPE TOOL in the TOOLS panel and select the VERTICAL TEXT TOOL.
© Guided Computer Tutorials 2009
6-7
Learning Adobe Photoshop CS4
2 Click next to your first name and enter your last name. It will be entered down the screen. Press <enter> or to set it.
NOTE:
The same warp options can be applied to vertical text.
Adding Styles to Text The styles you used in the last few chapters can be applied to text in the same way that they were applied to shapes. 1 Expand the LAYERS panel and click on your first name layer to select your first name.
2
Press CTRL+T or COMMAND+T to select FREE TRANSFORM PATH.
3 Use the size ‘handles’ to increase the size of the name.
4
6-8
Press <enter> or to accept the transformation.
© Guided Computer Tutorials 2009
Adding Text to Designs
6
5 Open the STYLES panel in the PANEL GROUP. 6 Click on the PANEL MENU icon and select WEB STYLES.
7
Select OK to replace the current style.
8 Apply a style to the text.
NOTE:
As with shapes, you can turn styles off in the LAYERS panel.
© Guided Computer Tutorials 2009
6-9
Chapter 6
Adding Text to Designs
Guided Computer Tutorials www.gct.com.au
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.
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.
Chapter
6
Adding 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. 2 Set the WIDTH to 800 pixels, the HEIGHT to 600 pixels, the COLOUR MODE to RGB COLOUR and the BACKGROUND CONTENTS to WHITE.
3
Select OK to start the page.
Entering Text The TEXT TOOLS are housed in the TYPE TOOL in the TOOLS panel.
1 Click and hold down the mouse button on the TYPE TOOL and select the HORIZONTAL TYPE TOOL.
2
The OPTIONS BAR should display the text options which are labelled in the diagram at the top of the next page.
© Guided Computer Tutorials 2009
6-1
Learning Adobe Photoshop CS4
Text Orientation
Set the Font Style
Set the Font Family
Set the Antialiasing Method
Set the Font Size
Text Colour
Alignments
Open the Character & Paragraph panels
Warp Text
Accept or reject edits
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. 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.
NOTE:
A text layer is created when you click the I-Beam on the canvas.
Altering Text You can alter text once it has been entered. 1
6-2
Highlight your name by dragging the I-Beam across the letters or by double clicking on the letters.
© Guided Computer Tutorials 2009
Adding Text to Designs
6
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.
Warping Text There 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 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 2009
6-3
Learning Adobe Photoshop CS4
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.
NOTE:
The reverse occurs if you increase the HORIZONTAL DISTORTION.
6 Increase the VERTICAL DISTORTION and the angle of the letters will be altered.
6-4
© Guided Computer Tutorials 2009
Adding Text to Designs
6
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.
NOTE:
The VERTICAL option gives text the illusion of the text moving out of the screen.
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.
NOTE:
Setting the STYLE box to ARC UPPER will set the curve to a slightly different curve up to the normal ARC style.
© Guided Computer Tutorials 2009
6-5
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.
1 Set the STYLE box to FLAG and decrease the HORIZONTAL DISTORTION to see the effect more clearly. 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. 1 Return the HORIZONTAL DISTORTION to 0 and set the STYLE box to FISH EYE.
2 Adjust the BLEND to enhance the effect.
NOTE:
3
6-6
As you read across your name the centre letters appear you come out of the screen.
Try setting the STYLE box to INFLATE, SQUEEZE and TWIST to see the effect of those styles. © Guided Computer Tutorials 2009
Adding Text to Designs 4
6
Select OK to return to the page.
D Text Orientation You can change the direction of text at any time.
1 Click on the CHANGE THE TEXT ORIENTATION button in the OPTIONS BAR and the name should be set to vertical.
2
Click on the CHANGE THE TEXT ORIENTATION button again the text will be returned to its original direction.
Vertical Text Text can be set to be entered down the screen.
1 Click and hold on the TYPE TOOL in the TOOLS panel and select the VERTICAL TEXT TOOL.
© Guided Computer Tutorials 2009
6-7
Learning Adobe Photoshop CS4
2 Click next to your first name and enter your last name. It will be entered down the screen. Press <enter> or
NOTE:
The same warp options can be applied to vertical text.
Adding Styles to Text The styles you used in the last few chapters can be applied to text in the same way that they were applied to shapes. 1 Expand the LAYERS panel and click on your first name layer to select your first name.
2
Press CTRL+T or COMMAND+T to select FREE TRANSFORM PATH.
3 Use the size ‘handles’ to increase the size of the name.
4
6-8
Press <enter> or
© Guided Computer Tutorials 2009
Adding Text to Designs
6
5 Open the STYLES panel in the PANEL GROUP. 6 Click on the PANEL MENU icon and select WEB STYLES.
7
Select OK to replace the current style.
8 Apply a style to the text.
NOTE:
As with shapes, you can turn styles off in the LAYERS panel.
© Guided Computer Tutorials 2009
6-9
Related Documents
Learning Adobe Photoshop Cs4 - Text
May 2020 11
Learning Adobe Photoshop Cs4 - Introduction
May 2020 18
Learning Adobe Photoshop Cs4 - Animations
May 2020 6
Learning Adobe Photoshop Cs4 - Layer Uses
May 2020 5
More Documents from "Guided Computer Tutorials"
Gct Product Catalogue
May 2020 24
Learning Microsoft Access 2007 - Forms
May 2020 18
Learning Microsoft Word 2007 - Tabs
May 2020 24
Learning Adobe Dreamweaver Cs4 - Anchor Points
May 2020 20