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