1. Adobe Photoshop CS Design Professional AN IMAGE PLACING TYPE IN

2. Chapter E2Placing 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

3. Chapter E3Placing 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

4. Chapter E4Placing 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

5. Chapter E5Placing Type in an Image Appearance of Type Modify type by changing: –Font –Size –Color Apply special effects that make type pop off the page

6. Chapter E6Placing 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

7. Chapter E7Placing 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

8. Chapter E8Placing 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

9. Chapter E9Placing Type in an Image Location of Type Type created in Photoshop is automatically placed on a new type layer on the Layers palette

10. Chapter E10Placing 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

11. Chapter E11Placing 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

12. Chapter E12Placing 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

13. Chapter E13Placing Type in an Image Symbol Fonts Used to display unique characters Sample Symbols £ ™ © # é ∑  

14. Chapter E14Placing 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

15. Chapter E15Placing Type in an Image Using Type Size Default Photoshop type size is 12 points In Photoshop, use either PostScript measurements or traditional measurements

16. Chapter E16Placing 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

17. Chapter E17Placing 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

18. Chapter E18Placing 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

19. Chapter E19Placing Type in an Image Spacing Terms Monotype spacing Proportional spacing Kerning Tracking Leading

20. Chapter E20Placing 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”

21. Chapter E21Placing 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

22. Chapter E22Placing Type in an Image Kerning Controls the amount of space between characters

23. Chapter E23Placing Type in an Image Very Tight Tight Normal Loose Very Loose Tracking Inserts a uniform amount of space between selected characters

24. Chapter E24Placing Type in an Image Leading Amount of space between lines of type Leading is 50 points Leading is 75 points

25. Chapter E25Placing Type in an Image Using the Character Palette The Character palette is used to control type properties such as kerning, tracking, and leading

26. Chapter E26Placing 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

27. Chapter E27Placing 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

28. Chapter E28Placing 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

29. Chapter E29Placing 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”

30. Chapter E30Placing 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

31. Chapter E31Placing Type in an Image Layer Style Dialog Box

32. Chapter E32Placing Type in an Image Using the Drop Shadow Create an illusion that another colored layer of identical text is behind the selected type

33. Chapter E33Placing 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)

34. Chapter E34Placing Type in an Image Drop Shadow Settings

35. Chapter E35Placing 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

36. Chapter E36Placing Type in an Image Five Anti-Aliasing Methods None Sharp Crisp Strong Smooth

37. Chapter E37Placing 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

38. Chapter E38Placing Type in an Image Bevel and Emboss Settings Structure determines the size and physical properties of the object Shading determines the light effects

39. Chapter E39Placing Type in an Image Bevel and Emboss Samples

40. Chapter E40Placing Type in an Image Bevel and Emboss Structure Settings

41. Chapter E41Placing 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

42. Chapter E42Placing Type in an Image Sample Filters

43. Chapter E43Placing Type in an Image Creating Text on a Path Create a shape Add type to the shape (path)

44. Chapter E44Placing 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

45. Chapter E45Placing 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