ptg Getting Creative with Type Introduction The Type tool in Adobe Photoshop has advanced far beyond its humble beginnings. When Photoshop first appeared, the most you could expect from the Type tool was just the cre- ation of text. Today it's a powerful and creative tool. Not only can you place text into any open Photoshop image, you can also use text as a mask, path, or even warp text into any shape you desire. In addition, Photoshop now preserves type without rasterizing. That means you can create type in Photoshop of comparable quality to type created in Adobe Illustrator, or Adobe InDesign, regardless of the image's reso- lution. When you work in Photoshop, type becomes as cre- ative a design element as any other available feature. Working with the Character panel gives you the ability to select a specific font, style, and size, as well as expand or contract the space between letters with tracking and kerning, or you can simply increase or decrease the physical width of the text. Baseline shifting even gives you the ability to raise or lower text off its original line. In addition, the Paragraph panel lets you create automatic breaks between paragraphs, and align rows of text to the left, center, or right, or to justify them to the margins. When you're working with large blocks of text, Photoshop's Check Spelling command lets you identify and correct any misspelled words, and the Find and Replace Text feature makes quick work of identifying and replacing words or formats. You can isolate image pixels with a type mask to create words out of pictures. For example, you could type the phrase "Fall is Coming," along with an image of leaves. The Type mask would make the words appear as if they were spelled out in colorful fall leaves. In addition, you could use a type mask in combination with Photoshop's layer styles to create text that almost leaps off the page. Working with text in Photoshop is more than just typing words; it's a process every bit as creative as working with graphic images. 13 13 What You’ll Do Use Standard Type Tools Work with Type Options Work with the Character Panel Work with the Paragraph Panel Set Anti-aliasing Options Use the Warp Text Option Use Spell Check Find and Replace Text Use the Rasterize Type Command Create Work Paths and Shapes from Type La yers Create Shape Layers Create a Type Mask Isolate Image Pixels Using a Type Mask Create Chiseled Type with a Type Mask Use Masks to Generate Special Effects Create and Modify Text on a Path 307 From the Library of Wow! eBook ptg 308 Chapter 13 Photoshop comes with a set of standard typing tools, which are con- trolled in much the same way typing tools are in any word processing program. However, the creative possibilities go far beyond those of a standard word processing program. When you work with the Type tools, you begin by typing some text and then controlling the text through the toolbox and the Options bar. Photoshop helps you maintain control over the text by automatically placing it in a separate type layer. Using Standard Type Tools Use Standard Type Tools Click and hold the Type tool on the toolbox, and then select the Horizontal Type tool. Click in the document window and begin typing. Photoshop creates a Type layer and places the text in the layer. IMPORTANT When you work with the Type tools, the normal shortcut functions of the keyboard will not work. For example, holding down the Spacebar to access the Hand tool will only create a space at the insertion point of the text. Move your cursor to a point away from the text, and then drag to move the text. 3 2 1 1 2 Tex t layer Did You Know? You can create type on a path. Create a path using Photoshop's Pen tool. Select the Type tool, and then click on the path. Photoshop creates an insertion point and when you type, the text follows the path. From the Library of Wow! eBook ptg Chapter 13 Getting Creative with Type 309 Double-click to select a specific word, or drag across the text to select groups of words. Change the text color by clicking the Options bar color swatch, and then choosing a new color from the Color Picker dialog box, or use the Swatches or Color panels to select a new color. Delete the text by clicking within the text and pressing the backspace key to erase one letter at a time, or select a group of text and press the Backspace (Win) or Delete (Mac) key. Insert text by clicking within the text to create an insertion point, and then type. 7 6 5 4 5 4 See Also See “Creating a New Layer” on page 106 for more information on creating layers. Did You Know? You can edit type on a path. To ed it text at any time in the creative process, double-click on the Type layer thumbnail, or select the Type tool, and then click on the text. Preserving Text to Print Photoshop lets you preserve the vector attributes of text when print- ing. Photoshop's type options give you control over text much the same way as high-end layout programs do, and even allow you to save the vector nature of text. This allows you to print Photoshop images with crisp text that's not dependent on the resolution of the document. To sa ve a Photo shop do cume nt an d pr eser ve the te xt vect or da ta, click the File menu, point to Save As, and then choose the EPS (Encapsulated PostScript) format. Click the Include Vector Data option, and then save the file. The EPS document holds the type information and lets you print the document from any program, including layout programs like Adobe InDesign and QuarkXPress. For Your Information From the Library of Wow! eBook ptg 310 Chapter 13 Photoshop lets you control text through the Type options, located on the Options bar. To access the Type options you must have one of Photoshop's Type tools selected. It is not necessary to change Type options after typing. If you know what you're after, you can set the options, and then commence typing. However, if the need arises to change the text, Photoshop comes to the rescue with a host of type options, such as font family, size, color, justification, even high-end type processing controls like leading and kerning. You can preview font fam- ilies and font styles directly in the Font menu. Font names appear in the regular system font, and a sample word ("Sample") appears next to each font name, displayed in the font itself. Working with Type Options Work with Type Options Open a document. Select the Typ e tool on the toolbox. To toggle be tw een ho ri zonta l an d vertical type, click the Change Text Orientation button on the Options bar. If this option is selected on a preexisting type layer, the text switches between horizontal and vertical. Click the Font Family list arrow, and then select from the fonts available on your computer. Click the Font Style list arrow, and then select a font style, such as Regular, Bold, Oblique, or Italic. If the font family you select does not have any additional styles, this box will be grayed out. Click the Font Size list arrow, and then select from the preset font sizes, measured in points (6 to 72). Photoshop uses a standard PostScript measuring system of 72 points to the inch. 6 5 4 3 2 1 2 3 4 5 Font menu with “Sample” text Indicates font type 6 From the Library of Wow! eBook ptg Chapter 13 Getting Creative with Type 311 Click the Anti-aliasing list arrow, and then select from the available options. Anti-aliasing creates text that is visually smoother to the eye. Click the Left, Center, or Right Justification button. Justification balances text created on two or more vertical or horizontal lines. Click the Color Swatch button, and then select a color from the Color Picker dialog box. Click the Warped Text button to apply special warped effects to text. Click the Toggle the Character and Paragraph Panels button to show the panels or to turn them off. 11 10 9 8 7 7 8 9 10 11 See Also See “Using the Warp Text Option” on page 316 for information on warping text in your document. Did You Know? You can use non-preset font sizes from the Options bar. Select the current point size on the Options bar, type any point size, and then press Enter (Win) or Return (Mac). You can change font attributes with the Character panel. Click the Character panel, select the text you want to change, and then use the options on the Character panel. What’s the Difference Between the Fonts? Everything you type appears in a specific font, with a unique type- face design and size for letters, numbers, and other characters. Usually, each typeface, such as Times New Roman, is available in four variations: normal, bold, italic, and bold italic. There are two basic types of fonts: scalable and bitmapped. A scalable font (also known as outline font) is based on a mathematical equation that cre- ates character outlines to form letters and numbers of any size. The two major scalable fonts are Adobe’s Type 1 PostScript and Apple/Microsoft’s TrueType or OpenType. Scalable fonts are generat- ed in any point size on the fly and require only four variations for each typeface. A bitmapped font consists of a set of dot patterns for each letter and number in a typeface for a specified type size. Bitmapped fonts are created or prepackaged ahead of time and require four variations for each point size used in each typeface. Although a bitmapped font designed for a particular font size will always look the best, scalable fonts eliminate storing hundreds of different sizes of fonts on a disk. For Your Information From the Library of Wow! eBook ptg 312 Chapter 13 Each version of Photoshop brought it closer to becoming a true type- setting application, and with the ability to preserve text layers, and work with high-end type controls, that time has finally arrived. You can access the Character options without having any Type layers active. However, if you select the text in a Type layer, any changes you've made to the options will impact the selected text. Changes made to the active type layer do not impact any other type layers, and only the text actually selected in the type layer will be changed. Working with the Character Panel Use the Character Panel Open a document. Select the Typ e tool on the toolbox. Click the Toggle the Character and Paragraph Panels button on the Options bar. Select the Character panel. Select from the following options: ◆ Font Family. Click the list arrow, and then select a font family from the fonts available on your computer. ◆ Font Style. Click the list arrow, and then select a font style, such as Regular, Bold, Oblique, or Italic. If the font family you select does not have any additional styles, this box will be grayed out. ◆ Font Size. Click the list arrow, and then select from the preset font sizes, measured in points (6 to 72). Photoshop uses a standard PostScript measuring system of 72 points to the inch. ◆ Kerning. Click the list arrow, and then select from the preset values for kerning. Kerning adds or subtracts space between character pairs. 5 4 3 2 1 5 Changed type 3 4 Font Family Font Style From the Library of Wow! eBook ptg Chapter 13 Getting Creative with Type 313 ◆ Leading. Click the list arrow, and then select from the preset values for leading. Leading adds or subtracts space vertically between lines of text. ◆ Tracking. Click the list arrow, and then select from the preset values for Tracking. Tracking adds or subtracts space between words. ◆ Vertical Scale. Enter a value to change the vertical scale. Vertical Scale increases or decreases the height of the text. ◆ Baseline Shift. Enter a value to set the Baseline Shift. Baseline Shift raises or lowers selected text, using the baseline as a reference. ◆ Horizontal Scale. Enter a Value to change the Horizontal Scale. Horizontal Scale increases or decreases the width of the text. ◆ Font Color. Click the color swatch, and then select a color from Photoshop's Color Picker dialog box. ◆ Font Attributes. Click the buttons to select additional font attributes, such as Underline and Strikethrough. ◆ Spelling and Hyphenation. Click the list arrow, and then select a language reference for Spelling and Hyphenation. ◆ Anti-aliasing. Click the list arrow, and then select from the available options. Anti-aliasing creates text that is visually smoother to the eye. Changed type Tra cki ng Anti-aliasing Spelling and Hyphenation Font Attributes Font Color Leading Horizontal Scale Kerning Baseline Shift Font Size Vertical Scale Using the Paragraph Panel The function of the Paragraph panel is to give you precise control over the elements of a paragraph. Unlike the Character panel, it is not necessary to select a paragraph to change it; you only need to have the insertion point of the cursor inside the paragraph you want to change. Photoshop, as well as other type and layout programs, defines a paragraph as the text between each activation of the Enter (Win) or Return (Mac) key. For example, you press the Enter key and type several sentences; when you press the Enter key again, the cursor jumps to the next line and you continue typing. The pressing of the Enter (Win) or Return (Mac) key defines the end of one para- graph and the beginning of another. For Your Information From the Library of Wow! eBook . Type tools, you begin by typing some text and then controlling the text through the toolbox and the Options bar. Photoshop helps you maintain control over the text by automatically placing. only can you place text into any open Photoshop image, you can also use text as a mask, path, or even warp text into any shape you desire. In addition, Photoshop now preserves type without. can create type in Photoshop of comparable quality to type created in Adobe Illustrator, or Adobe InDesign, regardless of the image's reso- lution. When you work in Photoshop, type becomes