Upload
helen-norris
View
215
Download
0
Embed Size (px)
Citation preview
Adobe Photoshop CS Design Professional
AN IMAGEPLACING TYPE IN
2Placing Type in an Image Chapter E
Learn about type and how it is createdChange spacing and adjust baseline shiftUse the Drop Shadow styleApply anti-aliasing to typeModify type with the Bevel and Emboss styleApply special effects to type using filtersCreate text on a path
Chapter Lessons
3Placing Type in an Image Chapter E
In Photoshop, the term type refers to text
Use type to express ideas displayed in imagery or to display an additional message
Modify type by using different typefaces and colors
Understanding Type
4Placing Type in an Image Chapter E
Type is used sparingly in Photoshop images to deliver short messages
Type should be to the point and easy-to-read
Imagery that accompanies type should complement and reinforce the message conveyed by the type
Using Type
5Placing Type in an Image Chapter E
Appearance of TypeModify type by changing:– Font– Size– Color
Apply special effects that make type pop off the page
6Placing Type in an Image Chapter E
Learn about Type and Create How it is Created Introducing Type Types
Outline type:– Can be scaled to any size without
losing clarity
Bitmap type:– Composed of pixels– Develops jagged edges when
enlarged
7Placing Type in an Image Chapter E
Using Type TypesType created in Photoshop is initially Outline type
Outline type is then converted into Bitmap type when special filters are applied
8Placing Type in an Image Chapter E
Creating TypeUse Type tools and the options bar to create horizontal or vertical type
Use the options bar to modify the font size and alignment of type
Use the Color Picker dialog box to change type color
9Placing Type in an Image Chapter E
Location of TypeType created in Photoshop is automatically placed on a new type layer on the Layers palette
10Placing Type in an Image Chapter E
Font FamiliesEach font family represents a complete set of characters, letters, and symbols for each type face
Three font family categories:– Serif– Sans Serif– Symbol
11Placing Type in an Image Chapter E
Serif FontsA tail or stroke appears at the end of some characters
Serif fonts generally used in text passages
Sample Serif Fonts
Poor Richard Goudy Old StyleTimes New Roman Courier New
12Placing Type in an Image Chapter E
Sans Serif FontsNo tail or stroke appears at the end of any character
Sans Serif fonts generally used for headlines
Sample Sans Serif Fonts
Arial BauhausCentury Gothic Berlin Sans FB
13Placing Type in an Image Chapter E
Symbol FontsUsed to display unique characters
Sample Symbols
£ ™ © # é ∑
14Placing Type in an Image Chapter E
Type SizeCharacter size within a font is measured in points
PostScript measurements:– 1 inch = 72 points or 6 picas– 1 pica = 12 points
Traditional measurements:– 1 inch = 72.27 points
15Placing Type in an Image Chapter E
Using Type SizeDefault Photoshop type size is 12 points
In Photoshop, use either PostScript measurements or traditional measurements
16Placing Type in an Image Chapter E
Acquiring FontsMost computer systems include many fonts
Purchase additional fonts from private companies, individual designers, computer stores, catalog companies, or Web sites on the Internet
17Placing Type in an Image Chapter E
How to Create TypeClick the Horizontal Type Tool on the toolbox
Click the Set the font family list arrow on the options bar
Select the required font and font size
Click in the image, then type the text
18Placing Type in an Image Chapter E
Change Spacing and Adjust Baseline Shift Understanding Spacing
Make finite adjustments to the space between characters and between lines of type
These adjustments are called type spacing
Type spacing affects the ease with which words are read
19Placing Type in an Image Chapter E
Spacing Terms
Monotype spacing
Proportional spacing
Kerning
Tracking
Leading
20Placing Type in an Image Chapter E
Monotype Spacing
Used by typewriters
Each character occupies the same amount of space
For example, “o” and “w” take the same space as “i” and “l”
21Placing Type in an Image Chapter E
Proportional Spacing
Used in desktop publishing and word processing
Each character takes up a different amount of space, depending on width
22Placing Type in an Image Chapter E
Kerning
Controls the amount of space between characters
23Placing Type in an Image Chapter E
Very Tight
Tight
Normal
Loose
Very Loose
Tracking
Inserts a uniform amount of space between selected characters
24Placing Type in an Image Chapter E
Leading
Amount of space between lines of type
Leading is 50
pointsLeading is
75 points
25Placing Type in an Image Chapter E
Using the Character Palette
The Character palette is used to control type properties such as kerning, tracking, and leading
26Placing Type in an Image Chapter E
Defining Baseline Shift
An invisible line on which type rests
The Character palette is used to adjust the baseline shift:– Vertical distance that type moves
from its baseline
27Placing Type in an Image Chapter E
Checking Spelling
The Spelling Checker checks the spelling of type on the current layer or on all the layers in the image
To check spelling:– Click Edit on the menu bar– Click Check Spelling
28Placing Type in an Image Chapter E
Use the Drop Shadow Style Adding Effects to Type
Effects are layer styles which can be applied to a type or an image layer
Use styles to enhance the appearance of text and improve its effectiveness
29Placing Type in an Image Chapter E
Viewing Effects
The Layers palette shows what effects have been applied to Text
Layer styles applied to the text “Fresh
Ideas”
30Placing Type in an Image Chapter E
Applying a Style
To apply a style:– Click Layer on the menu bar– Point to Layer Style– Click a style
Work in the Layer Style dialog box to add effects to type
31Placing Type in an Image Chapter E
Layer Style Dialog Box
32Placing Type in an Image Chapter E
Using the Drop Shadow
Create an illusion that another colored layer of identical text is behind the selected type
33Placing Type in an Image Chapter E
Controlling a Drop Shadow
Options to control:– Angle: where the shadow falls
relative to the text– Distance behind the type that the
shadow appears– Width of the shadow text (spread)– Amount of blur (size)
34Placing Type in an Image Chapter E
Drop Shadow Settings
35Placing Type in an Image Chapter E
Apply Anti-Aliasing to Type
Used to prevent jagged edges (jaggies) that can accompany bitmap type
Partially fills in pixel edges with additional colors to produce smooth-edge type
Use on type with a point size greater than 12 point
36Placing Type in an Image Chapter E
Five Anti-Aliasing Methods
None
Sharp
Crisp
Strong
Smooth
37Placing Type in an Image Chapter E
Modify Type with the Bevel and Emboss Style Using the Bevel & Emboss Style
Used to add combinations of shadows and highlights to a layer
Gives type the appearance of dimension and shine
Use the Layer menu or Layers palette to apply the Bevel and Emboss style to the active layer
38Placing Type in an Image Chapter E
Bevel and Emboss Settings
Structure determines the size and physical properties of the object
Shading determines the light effects
39Placing Type in an Image Chapter E
Bevel and Emboss Samples
40Placing Type in an Image Chapter E
Bevel and Emboss Structure Settings
41Placing Type in an Image Chapter E
Applying Special Effects with Filters
Filters can be applied to a type layer
The type layer must first be rasterized: converted to an image layer
After rasterizing, the type layer cannot be edited
42Placing Type in an Image Chapter E
Sample Filters
43Placing Type in an Image Chapter E
Creating Text on a Path
Create a shape
Add type to the shape (path)
44Placing Type in an Image Chapter E
Chapter E TasksLearn about type
Change the spacing of type
Adjust the baseline shift of type
Understand styles
Use the Drop Shadow style
45Placing Type in an Image Chapter E
Chapter E TasksApply anti-aliasing to type to reduce jagged edges
Use the Bevel and Emboss style
Use filters to apply special effects
Create text on a path