ptg Filters 333 Turning photos into drawings or paintings In the instructions on this page, you’ll turn a photo into a drawing by reducing it to lines and then paint- ing on the lter mask. On the next page, you’ll turn a photo into a watercolor by applying a series of lters. We hope these exercises will inspire you to develop your own formulas. To turn a photo into a tinted drawing: 1. Duplicate an image layer in a high-resolution photo. A 2. Choose Filter > Stylize > Find Edges. B 3. Choose the Brush tool. Choose a large, Soft Round brush, Normal mode, and an Opacity below 50% on the Options bar. Also make the Foreground color black. 4. Click the Add Layer Mask button on the Layers panel, then with the layer mask thumbnail selected, apply strokes to the image to reveal areas of the underlying layer. 5. Do either or both of the following optional steps: Lower the opacity of the duplicate layer. Change the blending mode of the duplicate layer (try Lighter Color, Hard Light, Pin Light, or Luminosity mode). C–D C i s i s t h e L a y e r s p a n e l f o r t h e i m a g e s h o w n at right. D We applied brush strokes to the layer mask to reveal some of the underlying image, and changed the blending mode of the duplicate layer to Hard Light. A We duplicated the Background in this original image. B We applied the Find Edges lter to the duplicate layer. ptg 334 Chapter 19 A i s i s t h e o r i g i n a l p h o t o . B i s w a t e r c o l o r w a s c r e a t e d b y f o l l o w i n g t h e s t e p s above. C i s i s t h e r e s u l t o f u s i n g P h o t o s h o p ’ s A r t i s t i c > Watercolor lter. We think it’s a bit harsh compared to the results of our steps, as shown at left. ere are so many ways to combine lters. In these instructions, you’ll turn an image into a watercolor by applying the Median and Minimum lters — two lters that you probably wouldn’t ordinarily use. A medium- to light-toned image would work best for this exercise. To turn a photo into a watercolor: 1. Duplicate an image layer, then right-click the duplicate and choose Convert to Smart Object. Keep the new layer selected. A 2. Choose Filter > Noise > Median. In the Median dialog, choose a Radius value between 2 and 8, then click OK. 3. Choose Filter > Other > Minimum. In the Minimum dialog, choose a value that produces a pleasing simulation of a watercolor; click OK. 4. Optional: Choose Filter > Sharpen > Smart Sharpen, click Basic, try an Amount of 80–100% and a Radius of 4–8 px, then click OK. B–C ptg type IN THIS CHAPTER Creating editable type . . . . . . . . . . .336 Selecting type . . . . . . . . . . . . . . . .338 Recoloring type . . . . . . . . . . . . . . .339 Changing the font family and style . .339 Converting type . . . . . . . . . . . . . . .340 Importing type from Illustrator into Photoshop as a Smart Object. . . . .340 Changing the font size . . . . . . . . . .341 Applying kerning and tracking . . . . .342 Adjusting the leading . . . . . . . . . . .343 Changing the type style . . . . . . . . . .344 Shifting type from the baseline. . . . .344 Applying paragraph settings . . . . . .345 Transforming the bounding box for paragraph type . . . . . . . . . . . . . .346 Using the Warp Text command . . . . .347 Rasterizing type . . . . . . . . . . . . . . .348 Filling type with imagery . . . . . . . . .348 Making type fade . . . . . . . . . . . . . .350 Screening back type . . . . . . . . . . . .351 Putting type in a spot color channel .352 20 We’ve never heard the phrase “A word is worth a thousand pictures,” but in Photoshop, where you can do such artful things with type, the line between pictures and words is blurred (sometimes literally!). In this chapter, you’ll learn how to create and select editable type and apply a wide assortment of character and paragraph attributes. You’ll also learn some tricks, such as how to transform, warp, fade, and screen back type, and how to ll it with imagery. Finally, you will learn how to put type in a spot color channel. When you use the Horizontal Type tool or Vertical Type tool, a new layer appears on the Layers panel and editable type appears in the document. You can easily change the font, style, size, or color of edit- able type, and such settings as the kerning, tracking, leading, alignment, and baseline shift. Moreover, you can transform, warp, or apply layer eects to editable type, change its blending mode, and change its opacity and ll values. To style type, you’ll use the Character panel (shown below in A ), the Paragraph panel (on page 345), and the Options bar ( A , next page). Note: To apply some kinds of edits to type, such as lters or brush strokes, or to ll type with a gradient or pattern by using the Fill command, the type layer must be rasterized rst. However, you can’t have your cake and eat it, too: Once type is rasterized, you can’t edit its character attributes, such as the font, or its paragraph attributes, such as the alignment. F o n t Family K e r n i n g V e r t i c a l Scale B a s e l i n e Shift T y p e S t y l e s L a n g u a g e A n t i - aliasing A Character panel attributes can be applied to all the type on a layer or to select characters or words. F o n t S i z e F o n t S t y l e L e a d i n g Tracking H o r i z o n t a l Scale ptg 336 Chapter 20 Creating editable type Because editable type automatically appears on its own layer, it can be edited, moved, transformed, warped, restacked, etc., without aecting any other layers. You can be very casual about where you position editable type initially and about which typographic attributes you choose for it, because it’s so easy to move and edit. To create an editable type layer: 1. Choose the Horizontal Type tool or Vertical Type tool (T or Shift-T). 2. On the Options bar, A do all of the following: Choose a font family, and from the adjacent menu, choose a font style. A sample of each font displays on the menu. Choose or enter a font size (you can use the scrubby slider). Choose an anti-aliasing method: Sharp (sharpest), Crisp (somewhat sharp), Strong (heavier), or Smooth (smoothest). Photoshop will introduce partially transparent pixels along the edges of the characters to make them look smoother. With anti-aliasing o (None), the edges of the type will be jagged; this is the best option for Web output. B–C Click an alignment button to align point type relative to your original insertion point or to B With Anti-aliasing o, type edges look jagged. C With Anti-aliasing on, type edges look smoother. A e O p t i o n s b a r o e r s m a n y c o n t r o l s f o r t h e t y p e t o o l s . T o o l P r e s e t p i c k e r T e x t O r i e n t a t i o n F o n t F a m i l y F o n t S t y l e F o n t S i z e A l i g n m e n t A n t i - a l i a s i n g m e t h o d Show or hide the Character and Paragraph panel group Text Color W a r p T e x t *If your project requires you to typeset a fair amount of text, it may be more ecient to create the imagery in Photoshop and add the type in a layout or Web page creation program. align paragraph type to the left edge, right edge, or center of the bounding box (see also page 345). Click the Text Color swatch, then choose a color from the Color Picker or the Swatches panel, or click a color in the document. 3. Do either of the following: To create point type (suitable for a small amount of text), click in the document to establish an insertion point, then type the desired text. You can press Enter/Return to create line breaks, where necessary, to prevent the type from disappearing o the edge of the canvas. (You can also move the type later with the Move tool.) To create paragraph type (suitable for a larger block of text*), drag a marquee to dene a bounding box for the type to t into, then type the desired text. Let the words wrap naturally to the edges of the bounding box; press Enter/ Return only when you need to start a new para- graph. If you prefer to specify dimensions for the bounding box, Alt/Option click in the docu- ment, then enter dimensions in the Paragraph Text Size dialog. ptg Type 337 4. To accept the new text, press Enter on the keypad (not on the main keyboard) or click the Commit button on the right end of the Options bar. (To cancel the type, press Esc or click the Cancel button on the Options bar.) Each time you use the Horizontal or Vertical Type tool, Photoshop creates a new layer automatically. A–B Note: Photoshop uses the vector outlines for a typeface when resizing editable type, when saving the le to the PDF and EPS formats, and when outputting it to a PostScript printer. Like vector graphics, editable type outputs at the printer resolution, not at the le resolution. ➤ You can right-click an editable type layer name and choose a dierent anti-aliasing method from the context menu. ➤ In Edit/Photoshop > Preferences > Type, from the Font Preview Size menu, you can turn font menu A After typing the rst word shown at left, we pressed Enter/Return to start the second word on the next line. B Editable type layers have a T in the thumbnail and are named automatically by the rst word or few words of type they contain. previewing on or o and change the preview size for the Font menu. If previewing is on but it’s working too slowly on your machine, turn it o. ➤ For documents in Bitmap, Indexed Color, and Multichannel color mode, type appears on the Background, not on a layer, and cannot be edited. ➤ If you prefer not to establish new default Options bar settings for your type tool, click or drag with the tool in the document before choosing settings for it. ➤ If you place individual phrases, words, or char- acters on separate layers, you’ll be able to move them around and apply eects to them individu- ally. If your type layers start to overpopulate, on the other hand, you can periodically delete any layers that you don’t need and gather the ones you do want to preserve into layer groups. ptg 338 Chapter 20 Selecting type Before you can change the character or paragraph attributes of type or make any copy changes, you have to select the characters to be edited. You can edit either all the type on a layer or a series of sequential characters or words. To select type for editing or style changes: 1. Do any of the following: To highlight characters for editing, click a type layer, choose the Horizontal Type tool or Vertical Type tool (T or Shift-T), click in the type to create an insertion point, then drag across characters or words to select them. A For other methods, see the sidebar on this page. To select all the type on a layer, and to make the type controls available on the Options bar, with any tool selected, double-click the T icon on the Layers panel. (e Horizontal Type tool will also become selected, if it was the last type tool you had selected.) To change the attributes of all the type on a layer via the Character or Paragraph panel, such as the scale, tracking, leading, style, or alignment, simply click the layer (you don’t need to select a type tool). 2. After performing text edits or after changing the type attributes via the Options bar, to commit to the changes, do one of the following: Click the Commit button on the Options bar. Press Enter on the keypad (not on the main keyboard). Click a dierent tool. Click a dierent layer. (To cancel your editing changes before commit- ting to them, click the Cancel button on the Options bar or press Esc.) ➤ To move type to a dierent location in the docu- ment, click the type layer, click the Move tool or hold down Ctrl/Cmd, then drag the type. ➤ To delete selected type, press Backspace/Delete on the keyboard. Or to delete one character at a time, click with a type tool to create an insertion point, then press Backspace/Delete. SELECTING TYPE CHARACTERS To select type for copy editing or restyling, choose the Horizontal Type or Vertical Type tool, then do any of the following: Select consecu- tive characters or words Drag across them. Or click at the beginning of a series of words, then Shift- click at the end. Select a word Double-click a word Select consecu- tive words Double-click a word, then drag (without releasing the mouse) Select a line Triple-click a line Select a paragraph Quadruple-click in the paragraph Select all the characters in the type object Double-click the T thumb- nail on the Layers panel; or click in the text, then press Ctrl-A/Cmd-A A Drag across the characters to be selected. . . . . . . . . . . .351 Putting type in a spot color channel .352 20 We’ve never heard the phrase “A word is worth a thousand pictures,” but in Photoshop, where you can do such artful things. Sharp (sharpest), Crisp (somewhat sharp), Strong (heavier), or Smooth (smoothest). Photoshop will introduce partially transparent pixels along the edges of the characters to make them look smoother Options bar.) Each time you use the Horizontal or Vertical Type tool, Photoshop creates a new layer automatically. A–B Note: Photoshop uses the vector outlines for a typeface when resizing editable