placing type in - calhoun unit 40 - calhoun unit 40 · placing type in an image chapter e 3 in...

45
Adobe Photoshop CS Design Professional AN IMAGE PLACING TYPE IN

Upload: others

Post on 10-Oct-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

Adobe Photoshop CS Design Professional

AN IMAGE PLACING TYPE IN

Page 2: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 3: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 4: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 5: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 6: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 7: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 8: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 9: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 10: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 11: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 12: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 13: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

Chapter E 13 Placing Type in an Image

Symbol Fonts Used to display unique characters

Sample Symbols

£ ™ © # é ∑

Page 14: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 15: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 16: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 17: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 18: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 19: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

Chapter E 19 Placing Type in an Image

Spacing Terms

Monotype spacing Proportional spacing Kerning Tracking Leading

Page 20: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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”

Page 21: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 22: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

Chapter E 22 Placing Type in an Image

Kerning

Controls the amount of space between characters

Page 23: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 24: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

Chapter E 24 Placing Type in an Image

Leading

Amount of space between lines of type

Leading is 50 points

Leading is

75 points

Page 25: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 26: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 27: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 28: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 29: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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”

Page 30: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 31: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

Chapter E 31 Placing Type in an Image

Layer Style Dialog Box

Page 32: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 33: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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)

Page 34: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

Chapter E 34 Placing Type in an Image

Drop Shadow Settings

Page 35: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 36: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

Chapter E 36 Placing Type in an Image

Five Anti-Aliasing Methods

None

Sharp

Crisp

Strong

Smooth

Page 37: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 38: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 39: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

Chapter E 39 Placing Type in an Image

Bevel and Emboss Samples

Page 40: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

Chapter E 40 Placing Type in an Image

Bevel and Emboss Structure Settings

Page 41: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 42: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

Chapter E 42 Placing Type in an Image

Sample Filters

Page 43: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

Chapter E 43 Placing Type in an Image

Creating Text on a Path

Create a shape Add type to the shape (path)

Page 44: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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

Page 45: PLACING TYPE IN - Calhoun Unit 40 - Calhoun Unit 40 · Placing Type in an Image Chapter E 3 In Photoshop, the term type refers to text Use type to express ideas displayed in imagery

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