Adobe Photoshop CS Design Professional AN IMAGE PLACING TYPE IN
Adobe Photoshop CS Design Professional
AN IMAGE PLACING TYPE IN
Chapter E 2 Placing Type in an Image
Learn about type and how it is created Change spacing and adjust baseline shift Use the Drop Shadow style Apply anti-aliasing to type Modify type with the Bevel and Emboss style Apply special effects to type using filters Create text on a path
Chapter Lessons
Chapter E 3 Placing Type in an Image
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
Chapter E 4 Placing Type in an Image
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
Chapter E 5 Placing Type in an Image
Appearance of Type Modify type by changing: – Font – Size – Color
Apply special effects that make type pop off the page
Chapter E 6 Placing Type in an Image
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
Chapter E 7 Placing Type in an Image
Using Type Types Type created in Photoshop is initially Outline type Outline type is then converted into Bitmap type when special filters are applied
Chapter E 8 Placing Type in an Image
Creating Type Use 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
Chapter E 9 Placing Type in an Image
Location of Type Type created in Photoshop is automatically placed on a new type layer on the Layers palette
Chapter E 10 Placing Type in an Image
Font Families Each font family represents a complete set of characters, letters, and symbols for each type face Three font family categories: – Serif – Sans Serif – Symbol
Chapter E 11 Placing Type in an Image
Serif Fonts A tail or stroke appears at the end of some characters Serif fonts generally used in text passages
Sample Serif Fonts Poor Richard Goudy Old Style
Times New Roman Courier New
Chapter E 12 Placing Type in an Image
Sans Serif Fonts No tail or stroke appears at the end of any character Sans Serif fonts generally used for headlines
Sample Sans Serif Fonts Arial Bauhaus
Century Gothic Berlin Sans FB
Chapter E 13 Placing Type in an Image
Symbol Fonts Used to display unique characters
Sample Symbols
£ ™ © # é ∑
Chapter E 14 Placing Type in an Image
Type Size Character 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
Chapter E 15 Placing Type in an Image
Using Type Size Default Photoshop type size is 12 points In Photoshop, use either PostScript measurements or traditional measurements
Chapter E 16 Placing Type in an Image
Acquiring Fonts Most computer systems include many fonts Purchase additional fonts from private companies, individual designers, computer stores, catalog companies, or Web sites on the Internet
Chapter E 17 Placing Type in an Image
How to Create Type Click 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
Chapter E 18 Placing Type in an Image
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
Chapter E 19 Placing Type in an Image
Spacing Terms
Monotype spacing Proportional spacing Kerning Tracking Leading
Chapter E 20 Placing Type in an Image
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”
Chapter E 21 Placing Type in an Image
Proportional Spacing
Used in desktop publishing and word processing Each character takes up a different amount of space, depending on width
Chapter E 22 Placing Type in an Image
Kerning
Controls the amount of space between characters
Chapter E 23 Placing Type in an Image
Very Tight Tight Normal Loose Very Loose
Tracking
Inserts a uniform amount of space between selected characters
Chapter E 24 Placing Type in an Image
Leading
Amount of space between lines of type
Leading is 50 points
Leading is
75 points
Chapter E 25 Placing Type in an Image
Using the Character Palette
The Character palette is used to control type properties such as kerning, tracking, and leading
Chapter E 26 Placing Type in an Image
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
Chapter E 27 Placing Type in an Image
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
Chapter E 28 Placing Type in an Image
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
Chapter E 29 Placing Type in an Image
Viewing Effects
The Layers palette shows what effects have been applied to Text
Layer styles applied to the text “Fresh
Ideas”
Chapter E 30 Placing Type in an Image
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
Chapter E 31 Placing Type in an Image
Layer Style Dialog Box
Chapter E 32 Placing Type in an Image
Using the Drop Shadow
Create an illusion that another colored layer of identical text is behind the selected type
Chapter E 33 Placing Type in an Image
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)
Chapter E 34 Placing Type in an Image
Drop Shadow Settings
Chapter E 35 Placing Type in an Image
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
Chapter E 36 Placing Type in an Image
Five Anti-Aliasing Methods
None
Sharp
Crisp
Strong
Smooth
Chapter E 37 Placing Type in an Image
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
Chapter E 38 Placing Type in an Image
Bevel and Emboss Settings
Structure determines the size and physical properties of the object Shading determines the light effects
Chapter E 39 Placing Type in an Image
Bevel and Emboss Samples
Chapter E 40 Placing Type in an Image
Bevel and Emboss Structure Settings
Chapter E 41 Placing Type in an Image
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
Chapter E 42 Placing Type in an Image
Sample Filters
Chapter E 43 Placing Type in an Image
Creating Text on a Path
Create a shape Add type to the shape (path)
Chapter E 44 Placing Type in an Image
Chapter E Tasks Learn about type Change the spacing of type Adjust the baseline shift of type Understand styles Use the Drop Shadow style
Chapter E 45 Placing Type in an Image
Chapter E Tasks Apply 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