1. Chapter 5 Placing Type in an Image

2. Chapter Lessons 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 © 2009 Delmar Cengage Learning 2

3. Understanding Type 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 © 2009 Delmar Cengage Learning 3

4. Using Type Type is used sparingly in Photoshop images to deliver short messages Type should be concise and easy-to-read Imagery that accompanies type should complement and reinforce the message conveyed by the type © 2009 Delmar Cengage Learning 4

5. Appearance of Type Modify type by changing: –Font –Size –Color Apply special effects that make type pop off the page © 2009 Delmar Cengage Learning 5

6. Learn about Type and 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 6 © 2009 Delmar Cengage Learning

7. Using Type Types Type created in Photoshop is initially Outline type Outline type is then converted into Bitmap type when filters are applied 7 © 2009 Delmar Cengage Learning

8. 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 8 © 2009 Delmar Cengage Learning

9. Location of Type Type created in Photoshop is automatically placed on a new type layer on the Layers panel 9 © 2009 Delmar Cengage Learning

10. 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 10 © 2009 Delmar Cengage Learning

11. Serif Fonts A tail or stroke appears at the end of some characters Serif fonts generally used in text passages Sample Serif Fonts Garamond Goudy Old Style Times New Roman Courier New 11 © 2009 Delmar Cengage Learning

12. 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 12 © 2009 Delmar Cengage Learning

13. Symbol Fonts Used to display unique characters Sample Symbols £ ™ © # é ∑   13 © 2009 Delmar Cengage Learning

14. 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 14 © 2009 Delmar Cengage Learning

15. Using Type Size Default Photoshop type size is 12 points In Photoshop, use either PostScript measurements or traditional measurements 15 © 2009 Delmar Cengage Learning

16. Acquiring Fonts Most computer systems include many fonts Download/purchase additional fonts from private companies, individual designers, computer stores, catalog companies, or Web sites on the Internet 16 © 2009 Delmar Cengage Learning

17. How to Create Type Click the Horizontal Type tool on the Tools panel 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 17 © 2009 Delmar Cengage Learning

18. Change Spacing &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 18 © 2009 Delmar Cengage Learning

19. Spacing Terms Monotype spacing Proportional spacing Kerning Tracking Leading 19 © 2009 Delmar Cengage Learning

20. 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” 20 © 2009 Delmar Cengage Learning

21. Proportional Spacing Used in desktop publishing and word processing Each character takes up a different amount of space, depending on its width 21 © 2009 Delmar Cengage Learning

22. Kerning Controls the amount of space between characters 22 © 2009 Delmar Cengage Learning

23. Tracking Inserts a uniform amount of space between selected characters Very Tight Tight Normal Loose Very Loose 23 © 2009 Delmar Cengage Learning

24. Leading Amount of space between lines of type 24 © 2009 Delmar Cengage Learning Leading is 50 points Leading is 75 points

25. Using the Character panel The Character panel is used to control type properties such as kerning, tracking, and leading 25 © 2009 Delmar Cengage Learning

26. Defining Baseline Shift An invisible line on which type rests The Character panel is used to adjust the baseline shift: –Vertical distance that type moves from its baseline 26 © 2009 Delmar Cengage Learning

27. 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 Application bar –Click Check Spelling 27 © 2009 Delmar Cengage Learning

28. 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 28 © 2009 Delmar Cengage Learning

29. Viewing Effects The Layers panel shows what effects have been applied to text 29 © 2009 Delmar Cengage Learning Layer styles applied to the text “Fresh Ideas”

30. Applying a Style To apply a style: –Click Layer on the Application bar –Point to Layer Style –Click a style Work in the Layer Style dialog box to add effects to type 30 © 2009 Delmar Cengage Learning

31. Layer Style Dialog Box © 2009 Delmar Cengage Learning 31

32. Using the Drop Shadow Create an illusion that another colored layer of identical text is behind the selected type 32 © 2009 Delmar Cengage Learning

33. 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) 33 © 2009 Delmar Cengage Learning

34. Drop Shadow Settings © 2009 Delmar Cengage Learning 34

35. 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 35 © 2009 Delmar Cengage Learning

36. Five Anti-Aliasing Methods © 2009 Delmar Cengage Learning 36 None Sharp Crisp Strong Smooth

37. Modify Type with the Bevel & 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 Application or Layers panel to apply the Bevel and Emboss style to the active layer © 2009 Delmar Cengage Learning 37

38. Bevel and Emboss Settings Structure determines the size and physical properties of the object Shading determines the light effects 38 © 2009 Delmar Cengage Learning

39. Bevel and Emboss Samples © 2009 Delmar Cengage Learning 39

40. Bevel and Emboss Structure Settings © 2009 Delmar Cengage Learning 40

41. 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 for type content 41 © 2009 Delmar Cengage Learning

42. Sample Filters © 2009 Delmar Cengage Learning 42

43. Creating Text on a Path Create a shape Add type to the shape (path) 43 © 2009 Delmar Cengage Learning