Adobe Photoshop CS Design Professional AN IMAGE PLACING TYPE IN.

transcript

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

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

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

Appearance of TypeModify type by changing:– Font– Size– Color

Apply special effects that make type pop off the page

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

Using Type TypesType created in Photoshop is initially Outline type

Outline type is then converted into Bitmap type when special filters are applied

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

Location of TypeType created in Photoshop is automatically placed on a new type layer on the Layers palette

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

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

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

Symbol FontsUsed to display unique characters

Sample Symbols

£ ™ © # é ∑

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

Using Type SizeDefault Photoshop type size is 12 points

In Photoshop, use either PostScript measurements or traditional measurements

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

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

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

Spacing Terms

Monotype spacing

Proportional spacing

Kerning

Tracking

Leading

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”

Proportional Spacing

Used in desktop publishing and word processing

Each character takes up a different amount of space, depending on width

Kerning

Controls the amount of space between characters

Very Tight

Normal

Very Loose

Tracking

Inserts a uniform amount of space between selected characters

Leading

Amount of space between lines of type

Leading is 50

pointsLeading is

75 points

Using the Character Palette

The Character palette is used to control type properties such as kerning, tracking, and leading

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

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

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

Viewing Effects

The Layers palette shows what effects have been applied to Text

Layer styles applied to the text “Fresh

Ideas”

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

Layer Style Dialog Box

Using the Drop Shadow

Create an illusion that another colored layer of identical text is behind the selected type

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)

Drop Shadow Settings

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

Five Anti-Aliasing Methods

Strong

Smooth

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

Bevel and Emboss Settings

Structure determines the size and physical properties of the object

Shading determines the light effects

Bevel and Emboss Samples

Bevel and Emboss Structure Settings

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

Sample Filters

Creating Text on a Path

Create a shape

Add type to the shape (path)

Chapter E TasksLearn about type

Change the spacing of type

Adjust the baseline shift of type

Understand styles

Use the Drop Shadow style

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

Adobe Photoshop CS Design Professional AN IMAGE PLACING TYPE IN.

Documents