20. Style & Edit Type

Image

In the preceding chapter, you learned how to create type. Now you will learn how to format and refine it. The first step is to learn how to select type, the type object, or both. Once you’ve mastered those skills, you will use the Character and Control panels to change typographic attributes; the Glyphs and OpenType panels to insert special characters; the Paragraph panel to apply paragraph settings; the Paragraph Styles and Character Styles panels to apply collections of attributes quickly; the Touch Type tool to transform individual characters manually; and the Tabs panel to align columns of text. Finally, you will learn how to convert type characters to paths; wrap type around an object; and apply appearance attributes to type, including multiple strokes and effects.

Selecting type

Before type can be modified, it must be selected. Use the selection method described on this page when you need to move, transform, restyle, or recolor all the type in or on a type object. To reshape or recolor a type object (but not the type), use the first selection method on the next page instead. Or to edit, restyle, or recolor just some of the type in a block, use the second method on the next page.

To select type and its object

Method 1 (Selection tool)

1. Open the Illustrator/Edit > Preferences dialog. In the Smart Guides panel, check Object Highlighting, and in the Type panel, make sure Type Object Selection by Path Only is off (the default setting). Click OK.

2. Turn on View > Smart Guides (Cmd-U/Ctrl-U).

3. Choose the Selection tool Image (V).

4. Do one of the following:

For area type (inside an object), click a type character A or the outer path.B Or if the object has a fill color, you can click the fill.

Image

A To select type and its object, either click a type character...

Image

B ...or click the path of the type object.

For point type, click the type.A

Image

A Point type is selected with the Selection tool.

For type on a path, click the type or the path.

Method 2 (Layers panel)

Click the selection square for the type on the Layers panel.

Image If the bounding box feature is on (View > Show Bounding Box), a bounding box will surround selected type.

Image If the Type Object Selection by Path Only preference is on, you must click the baseline of a point type object to select it. Use the Object Highlighting feature of Smart Guides to locate it.

Use this selection method if you want to recolor or reshape a type object but not the type.

To select a type object but not the type

1. Choose the Direct Selection tool.Image

2. Cmd-click/Ctrl-click, if necessary, to deselect. Click the edge of an area or path type object (not point type). You can use the Object Highlighting feature of Smart Guides to locate it.B Any modifications you make now will affect only the type object.C

Image

B With the Direct Selection tool, a type object is selected. The type characters are not selected.

Image

C The type object is reshaped and recolored.

Use this selection method to select just the type — not the object — so you can copyedit the text, change its character or paragraph settings (Character or Paragraph panel), or change its fill or stroke settings.

To select type but not the type object

1. Choose a type tool.

2. Do any of the following:

To highlight one or more words or a line of horizontal type, click and drag horizontally across them.D For vertical type, drag vertically.

Image

D Two words are selected with a type tool.

To select whole lines of horizontal type, drag vertically. Or for vertical type, drag horizontally.

Double-click to select a word.

Triple-click to select a paragraph.

To select all the type in the block or on the path, plus any overflow type, click in a text block or on a text path, then choose Select > All (Cmd-A/Ctrl-A).

Click to start a selection, then Shift-click where you want the selection to end. Continue to Shift-click if you want to extend the selection.

3. When you’re done editing the type, Cmd-click/Ctrl-click outside the type object to deselect it.

For a description of the Character and Paragraph panels, which are used throughout this chapter, see pages 45 and 51, respectively. You can open either panel from the Type submenu on the Window menu, or temporarily via a link on the Control panel. To open all the type panels quickly, choose the Typography workspace from the Workspace menu on the Control panel.

In the method shown on this page, you will choose a font from the full Font Family menu on the Character or Control panel. In the method shown on the next page, you will choose a font by using a search feature.

Changing the font family and style

To change the font family and font style

Method 1 (choose from the full list) Image

1. Do either of the following:

Select the type to be modified with a type tool.

Select one or more type objects via the Layers panel or the Selection tool.

2. On the Character panel Image or the Control panel, click the Font Family menu arrow to display an expandable list of available font families and styles.A To scroll through the list, leave the mouse button up and press the up or down arrow on the keyboard; the fonts will preview immediately in your document. To expand a collapsed category, position the mouse over the category (mouse button still up), then press Cmd/Ctrl down arrow; scroll the nested list by pressing the up or down arrow. (To collapse an expanded category, position the mouse over it and press Cmd/Ctrl up arrow.)

Image

A We selected a type object, clicked the Font Family arrowhead on the Character panel to display this menu, then pressed the down arrow to highlight the ITC Officina Sans family.

3. To apply the currently highlighted font and exit the panel, press Return/Enter (or click the font name).B

Image

B Next, we pressed Cmd/Ctrl down arrow to expand the ITC Officina Sans family, then pressed the down arrow to highlight the Bold style. (Last, we will press Return/Enter to exit the panel and apply the highlighted font.)

Image If selected type already contains the desired font family and you want to change just the font style, you can also do so via the Font Style menu or field on the Character or Control panel.

Method 2 (via a search) Image

1. Do either of the following:

Select the type to be modified with a type tool.

Select one or more type objects via the Layers panel or the Selection tool.

2. Verify that Search Entire Font Name is checked on the search menu Image on either the Character panel or Control panel (Search First Word Only uses the method of earlier versions of Illustrator).

3. On the Character panel or the Control panel, click in the Font Family field. If desired, you can clear the field by pressing the.Image Next, do one of the following:

Start typing a font name.A

Image

A We typed a font name in the Font Family field, and this reduced menu appeared.

Type a generic category, such as “semibold italic,” “black condensed,” or “ornaments”.

Type an abbreviation for a specific font (e.g., “f g” for Franklin Gothic or “my p” for Myriad Pro). Note the inclusion of spaces.

4. A menu displays, listing the fonts that most closely match the letters you typed. To scroll through the list, keep the mouse button up and press the up or down arrow on the keyboard. Fonts will preview immediately in your document.

5. To apply the currently highlighted font and exit the panel, press Return/Enter (or click the font name) B (see also A–B, next page).

Image

B We highlighted the desired font by pressing the down arrow (to apply the font to our type, the next step would be to press Return/Enter).

Image

A In the Character field on the Control panel, we started typing the words “black condensed”; this menu appeared.

Image

B We highlighted the desired font via the down arrow (the next step would be to press Return/Enter).

Image If you want to exit the panel during a font search without changing the font, press Esc.

Image For another way to change the font, select type characters or a type object, right-click the type, then choose from either the Font submenu or the Recent Fonts submenu on the context menu. You can also choose a recently used font from the Recent Fonts submenu on the Type menu.Image

To apply all caps, small caps, underlining, or other styling

1. Select the type to be modified with a type tool.

2. On the Character panel, make sure full options are displaying. If not, click the double arrow Image in the panel tab.

3. Near the bottom of the panel, click the All Caps, Small Caps, Superscript, Subscript, Underline, or Strikethrough button. (To remove the styling, select the text, then click the same button again.)

Image For other case options, select some text, then choose Type > Change Case > UPPERCASE, lowercase, Title Case, or Sentence case.

Changing the font size

You can change the font (point) size of individual characters or words, or of all the type in an object.

To change the font size

1. Do either of the following:

Select the type to be modified with a type tool.

Select a type object with the Selection tool or the Layers panel.

2. Do one of the following:

On the Character panel Image or the Control panel, enter the desired size in the Font Size field A–B (you don’t need to reenter the unit of measure). You could also choose a preset size from the menu; or click the up or down arrow; or click in the field, then press the up or down arrow on the keyboard.

Image

A Change the size of type by using the Font Size controls on the Character panel...

Image

B ... or the Control panel.

Image If the type that you select is in more than one size, the Font Size field will be blank, but the new size you choose will apply to all the selected type. When using the Character or Control panel, you can press Return/Enter to apply the new value and exit the panel, or press Tab to apply the value and highlight the next field.

Hold down Cmd-Shift/Ctrl-Shift and press > to enlarge the font size or < to reduce it.C The type will resize by the current Size/Leading increment, which is set in Illustrator/Edit > Preferences > Type (the default increment is 2 pt). To change the font size by five times the current Size/Leading increment, hold down Cmd-Option-Shift/Ctrl-Alt-Shift and press > or <.

Image

C The font size can also be changed via a keyboard shortcut.

Right-click the type and choose a preset size from the Size submenu on the context menu. (Choosing Other on the context menu highlights the Font Size field on the Character panel.)

Image You can use the Horizontal Scale feature on the Character panel to make type wider (extend it) or narrower (condense it), or the Vertical Scale feature to make it taller or shorter. If you want to minimize the distortion, raise or lower the percentage by just a few points (e.g., 104% or 98%). To quickly reset the Horizontal Scale and Vertical Scale to the default value of 100%, select the type or type object, then press Cmd-Shift-X/Ctrl-Shift-X. Our preference is to use a typeface that has the desired characteristics — and more balanced proportions — in its design, such as Gill Sans Condensed or Tekton Pro Bold Extended.

Changing the leading value

Leading is the distance between the baseline of each line of type and the line above it, and is traditionally measured in points. (To adjust the spacing between paragraphs, see page 279.)

Note: To change the vertical spacing in vertical type, change the horizontal tracking value (see the next page) instead of using leading. In vertical type, leading controls the horizontal spacing between vertical columns.

To change the leading value for horizontal type

1. Do one of the following:

To change the leading for an entire block of type, select it via the Selection tool or the Layers panel. (You can also select multiple threaded or nonthreaded type objects using either method.)

To change the leading of all the lines in a paragraph, triple-click in the paragraph with a type tool.

To change the leading of an entire line of type, drag across it with a type tool, making sure to include any spaces at the end of the line.

2. Do either of the following:

On the Character panel, Image enter a Leading value (or click in the field, then press the up or down arrow on the keyboard),A–C or choose a preset value from the menu.

Image

A On the Character panel, enter a Leading value, or click the up or down arrow, or choose a preset value from the menu.

Image

B This 12-pt. type has loose, 18-pt. leading.

Image

C This 12-pt. type has tight, 13-pt. leading.

Hold down Option/Alt and press the up arrow on the keyboard to decrease the leading or the down arrow to increase it by the Size/Leading increment, which is set in Illustrator/Edit > Preferences > Type (the default increment is 2 pt). To change the leading by five times the current Size/Leading increment, hold down Cmd-Option/Ctrl-Alt as you press an arrow.

Image When Auto is the current Leading setting, Illustrator calculates the leading as a percentage of the largest font size on each line (and the leading value is listed in parentheses). The default Auto Leading percentage is 120%; it can be changed in the Justification dialog, which opens from the Paragraph panel menu.

Image If you change the leading for a threaded type object, only the leading in that object will change. To change the leading for a whole thread, select all the objects or use the Select > All command first.

Applying kerning and tracking

All fonts have specific kerning values built into them to optimize the spacing between specific character pairs (e.g., between an uppercase “T” and a lowercase “a”). These built-in kerning values are adequate for small text, such as body type (see the sidebar on this page), but not for large type, such as headers and logos. To remedy any awkward spacing between a pair of letters in large type, you can apply manual kerning values.

Tracking is the adjustment of spacing between three or more selected characters. It’s best used sparingly, such as to spread out the characters in a single line of type (e.g., a header or subhead). Refrain from tracking whole paragraphs.

To move an individual character closer to an adjacent character manually, see page 283.

To apply manual kerning or tracking

1. Do either of the following:

Zoom in on the type that you want to kern or track. Choose a type tool, then either click to create an insertion point between two characters for kerning, or highlight a range of text for tracking.

To track (not kern) all the type in an object, select it with the Selection tool or the Layers panel.

2. Do either of the following:

In the Kerning or Tracking field on the Character panel, Image A enter a positive value to add space between the characters or a negative value to remove space (or click in the field, then press the up or down arrow on the keyboard); B–D or choose a preset value from the menu; or click the up or down arrow.

Image

A Use the kerning and tracking controls to refine the spacing between characters.

Image

B The original type contains no manual kerning or tracking.

Image

C We tightened the spacing between the first two characters in this word via kerning...

Image

D ...then tightened the spacing between the last five characters via tracking.

Hold down Option/Alt and press the right arrow on the keyboard to add space between letters or the left arrow to remove space, based on the current Tracking increment in Illustrator/Edit > Preferences > Type. To kern or track by a larger increment, hold down Cmd-Option/Ctrl-Alt as you press an arrow.

Image The Tracking and Kerning features affect the vertical spacing of characters in vertical type.

Image To undo manual kerning, click between a pair of characters, then press Cmd-Option-Q/Ctrl-Alt-Q or reset the Kerning value on the Character panel to 0 (zero). To undo manual tracking, select the characters in question before resetting the Tracking value to 0 or using the above-mentioned shortcut.

The Fit Headline command uses tracking values to fit a one-line paragraph of horizontal or vertical area type to the edges of the object.

To fit type to its container

1. Choose a type tool.

2. Select or click in a single-line paragraph of area type (not point type or a line within a larger paragraph).A

Image

A Our text cursor is inserted into a line of type.

3. Choose Type > Fit Headline.B

Image

B The Fit Headline command added space between the characters to fit the line of type to the full width of the object.

Image If you scale a type object to which you have applied the Fit Headline command, you will need to reapply the command afterward, because the tracking values won’t readjust automatically.

Using smart punctuation

The Smart Punctuation command converts applicable text (listed under “Unsmart type” in the sidebar at right) to professional typesetting characters, when available in the current font. You can apply the command to selected text or, even better, to an entire document. To set yourself apart from amateurs, use this feature (and also use typographer’s quotes, which are discussed next). Notes: The Smart Quotes option in the Smart Punctuation dialog overrides the current Double Quotes and Single Quotes settings in the Document Setup dialog. To set ligatures and expert fractions in an OpenType font, use the OpenType panel (see page 276).

To create smart punctuation

1. To change all the type in your document, deselect;A or with a type tool, select the text to which you want to apply smart punctuation.

Image

A Dumb punctuation: Straight quotation marks, double hyphens instead of dashes, and no ligatures.

2. Choose Type > Smart Punctuation.

3. Check the desired options in the Replace Punctuation area of the dialog,B and click Replace In: Selected Text Only or Entire Document.

Image

B Check the desired Replace Punctuation options in the Smart Punctuation dialog.

4. Optional: Check Report Results to have a tally of your changes appear onscreen after you click OK.

5. Click OK.C

Image

C Smart punctuation: Smart quotation marks, a single dash, and ligatures (the “fi” in “artificial” and the “fl” in “flavors”). For hanging punctuation, see page 284.

To specify quotation marks and apostrophes for future type

1. Deselect, then click Document Setup on the Control panel (Cmd-Option-P/Ctrl-Alt-P).

2. Under Type Options, check Use Typographers Quotes and choose the Language in which the text is going to be typeset. The standard Double Quotes and Single Quotes marks for the chosen language will display on both menus. Click OK.

Inserting alternate glyphs

The OpenType font format was developed jointly by Adobe and Microsoft to help prevent font substitution and text reflow problems in files that are transferred between platforms. The OpenType format also allows for a wide range of stylistic variations, called glyphs, for any given character in a specific font (sounds like something in The Hobbit !). For each individual character in an OpenType font, you can choose from an assortment of alternate glyphs, such as ligatures, swashes, titling characters, stylistic alternates, ordinals, and fractions. Fonts labeled “Pro” have an expanded set of characters.A

Image

A When Font Preview is checked in the Type panel of the Preferences dialog, the font type can be identified by its symbol on the Font menu on the Character panel.

You can insert alternate glyphs manually by using the Glyphs panel (as in the steps below), or automatically by using the OpenType panel (as in the steps on the next page). The Glyphs panel isn’t just used for OpenType fonts, though — you can also use it to locate and insert characters in a non-OpenType font.

To replace or insert a glyph using the Glyphs panel

1. Choose a type tool, then select a character or click in the text to create an insertion point.

2. Display the Glyphs panel Image (choose Glyphs from the Type menu or from the Window > Type submenu). If you selected just one character in the prior step, that character will be highlighted on the panel.

3. From the Show menu,B choose a category of glyphs to be displayed on the panel: Alternates for Current Selection,C Entire Font, Access All Alternates, or a specific category. Different options will be available depending on the current font and whether you selected a character or just created an insertion point.

Image

B To control which categories of glyphs display on the Glyphs panel, choose an option from the Show menu.

Image

C We selected the letter “e” in our text (note that we’re using a Pro font), then chose Alternates for Current Selection from the Show menu.

4. Optional: You can choose a different font family and font style from the menus at the bottom of the Glyphs panel.

5. Double-click a glyph to be inserted in your text or to be used as a replacement for the selected character; or if the square containing the currently highlighted glyph has a mini arrowhead in the lower right corner, you can click the arrowhead and choose a glyph from the menu. The glyph will appear in your text.

Image To change the display size of the glyphs on the Glyphs panel, click the Zoom Out or Zoom In button in the lower right corner.

By using the OpenType panel, you can control whether alternate glyphs in OpenType fonts will be substituted for standard characters automatically, where applicable (and if available in the current font). For example, you can choose to have Illustrator insert a glyph for a properly formatted fraction whenever you type the characters for a fraction, such as ½ for 1/2 or ¾ for 3/4. Other options include ligature glyphs for specific letter pairs (such as ff, ffl, and st), swash and titling characters, etc.

To specify or insert alternate glyphs for OpenType characters

1. As you do either of the following, remember that the “Pro” fonts contain the most glyph options:

To change all applicable occurrences in existing text, either select a type object with the Selection tool or the Layers panel or highlight one or more characters with a type tool, then style it with an OpenType font via the Control or Character panel.

To specify alternate glyph options for future text to be entered in a specific OpenType font, choose a type tool, then choose that font on the Control or Character panel.

2. Display the OpenType panel Image (Cmd-Option- Shift-T/Ctrl-Alt-Shift-T),A then click any of the available buttons.B–C The choices will vary depending on the glyph set of the current font.

Image

A Using the OpenType panel, you can control which categories of alternate glyphs will be used to replace standard characters in current or future text.

Image

B The OpenType panel inserts alternate characters like these into your text.

Image

C The buttons on the OpenType panel have three states.

Image The Figure menu on the OpenType panel controls the style and spacing of numerals. The Tabular options insert an equal amount of spacing between numerals, and are designed for aligning columns of numerals in a table. The Proportional options allow for variable spacing based on the actual width of each numeral character, and are designed to improve the appearance of nontabular numerals. Oldstyle numerals are beautiful but, because of their variable heights, are appropriate only in special design settings.

Image If a font lacks a true superscript, superior, subscript, or inferior glyph, or nonstandard fractions (such as), you can use options on the Position menu on the OpenType panel to produce the needed “faux” glyph. For example, to produce the fraction, we used the Numerator and Denominator options.

Applying hyphenation

You can turn on auto hyphenation for existing type or as a default setting for future type.

To hyphenate text and choose hyphenation options

1. Optional: To hyphenate or change the hyphenation settings for existing text, select it via a type tool, the Selection tool, or the Layers panel.

2. Display the Paragraph panel Image and its full set of options. Check Hyphenate.

3. If you want to choose hyphenation settings, choose Hyphenation from the Paragraph panel menu. In the dialog,A check Hyphenation and Preview.

Image

A in the Hyphenation dialog, set parameters for automatic hyphenation.

4. In the Words Longer Than [ ] Letters field, enter the minimum number of characters a word must contain in order to be hyphenated (3–25). We usually enter a value of 6 or 7.

In the After First [ ] Letters field, enter the minimum allowable number of characters that may precede a hyphen. We use a value of 3 or 4.

In the Before Last [ ] Letters field, enter the minimum allowable number of characters that can be carried over to the next line following a hyphen. We use a value of 3.

In the Hyphen Limit field, enter the maximum allowable number of hyphens in a row (0–25). For the sake of both readability and aesthetics, we use a setting of 2. Oddly enough, a setting of 0 permits an unlimited number of hyphens in a row.

Or for a less calculated approach to achieving the desired number of line breaks (try this on existing text), simply move the Hyphenation Zone slider toward Better Spacing or Fewer Hyphens.

Finally, decide whether you want Illustrator to Hyphenate Capitalized Words (preferably not).

5. Click OK.

Image Regardless of the current hyphenation settings, you will need to “eyeball” your hyphenated text and, if necessary, correct any awkward breaks using a soft return or the No Break command. To prevent a particular word from breaking at the end of a line, such as a compound word (e.g., “single-line”), to reunite an awkwardly hyphenated word (e.g., “sex-tuplet”), or to keep related words together (e.g., “New York City”), select that word or those words, then from the Character panel menu, choose No Break.

Changing paragraph alignment

Before learning how to apply alignment, indentation, and other paragraph formats, you need to know what a paragraph is, as far as Illustrator is concerned. To start a new paragraph as you enter a block of text (or to create a paragraph break where your cursor is inserted in existing text), press Return/Enter. Every paragraph ends with one of these hard returns.

Image To reveal the symbols for nonprinting characters, such as paragraph endings, Image soft returns,Image spaces,Image and tabs,Image choose Type > Show Hidden Characters (Cmd-Option-I/Ctrl-Alt-I).

Note: To create a soft return (line break) within a paragraph in nontabular text in order to bring the text to the right of the insertion point down to the next line, press Shift-Return/Shift-Enter.

To change paragraph alignment

1. Do either of the following:

Choose a type tool, then click in a paragraph or drag through one or more consecutive paragraphs.

Select a type object with the Selection tool or the Layers panel.

2. Display the Paragraph panel Image (to access it quickly, you can press Cmd-Option-T/Ctrl-Alt-T or click Paragraph on the Control panel).

3. Click an alignment button.A–B The first three alignment buttons (Align Left, Align Center, and Align Right) are also available on the Control panel.

Image

A Click a paragraph alignment button on the Paragraph panel.

Image

B A few paragraph alignment options are illustrated here.

Use one of the keyboard shortcuts listed in the sidebar on this page.

Image The justify alignment options have no effect on point type (type that’s not inside an object), because point type doesn’t have a container for the type to justify to.

Changing paragraph indentation

You can apply indentation values to any kind of type.

To change paragraph indentation

1. Do either of the following:

With a type tool, drag through the paragraphs to be modified, or click in a paragraph.

Select a type object with the Selection tool or via the Layers panel.

2. On the Paragraph panel, Image do either of the following:

Enter a Left Indent and/or Right Indent value, then press Return/Enter or Tab;A–B or click the up or down arrow; or click in the field, then press the up or down arrow on the keyboard.

Image

A Choose indentation and/or spacing values on the Paragraph panel.

Image

To indent only the first line of each paragraph, enter a positive First-Line Left Indent value.

Changing inter-paragraph spacing

Use the Space Before Paragraph or Space After Paragraph feature on the Paragraph panel to add or subtract space between paragraphs. (To adjust the spacing between lines of type within a paragraph, use leading; see page 271.)

To adjust the spacing between paragraphs

1. Do either of the following:

With a type tool, drag through the paragraphs to be modified, or click in the paragraph above which you want to adjust the spacing.

Select a type object with the Selection tool or the Layers panel.

2. Via the Space Before Paragraph or Space After Paragraph controls on the extended Paragraph panel, Image choose a positive value to move the paragraphs farther apart or a negative value to bring them closer together (if you enter a value, press Return/Enter or Tab to apply it).C

Image Because the Space After Paragraph value for a paragraph is combined with the Space Before Paragraph value from the paragraph below it, you could wind up with more space between paragraphs than you intend. We recommend entering a positive value for just one of the two features, when needed, while keeping the other value at zero.

Using paragraph and character styles

Now that you know how to style type manually by using the Paragraph and Character panels, you’re ready to learn how to format type by using character and paragraph styles. They will enable you to reach the same goal with far less effort. In addition to making the job of typesetting quicker and easier, type styles also help ensure that your formatting remains consistent among multiple artboards and related documents. If you use a word processing or layout program, you may already be familiar with the general concept.

A paragraph style is a collection of paragraph formats, such as hyphenation and indentation, plus character attributes, such as the font family, font style, and font size. When you click a paragraph style, all currently selected paragraphs are reformatted with the attributes in that style.A

Image

A Use paragraph styles to format the main text (body, headers, subheads, etc.), and character styles to format special characters, bullets, or words within paragraphs.

A character style contains only character attributes and is normally used to accentuate or reformat select characters or words within a paragraph (such as symbols in a bulleted list or boldfaced or italicized words) — not whole paragraphs. Character styles are applied in addition to paragraph styles — they’re the icing on the cake. As with paragraph styles, when you click a character style, all currently selected characters are updated with the attributes in that style.

To create, modify, and apply type styles, you will use the Paragraph Styles and Character Styles panels. We’ll show you the easiest way to create a style.

To create a paragraph or character style

1. Display the Paragraph Styles Image or Character Styles Image panel (Window > Type submenu).B If this is your first foray into styles, we suggest that you work with paragraph styles first.

Image

B Display the Character Styles and Paragraph Styles panel group.

2. Apply all the attributes to be saved in the style to some text.

3. With a type tool, click in the type, then Option-click/Alt-click the New Style button Image on the Paragraph Styles or Character Styles panel.

4. An options dialog opens. Change the default Style Name to a descriptive one that will help you remember the style’s function (such as “Subheads” or “Body Indent”).

5. Click OK. To apply the new style to some type, see the next task.

To apply a type style

1. For paragraph styling, click in or select a type object, or drag through some paragraphs. Or to quickly select all the type objects in your document, choose Select > Object > Text Objects.

For character styling, select one or more type characters (not a whole type object).

2. Click a style name on the Paragraph Styles Image or Character Styles Image panel. How easy was that?

Note: If the text doesn’t adopt all the attributes of the style sheet, follow the next task, then try again.

Image To choose a paragraph style before you create type, deselect, click Normal Character Style on the Character Styles panel, then click a style on the Paragraph Styles panel.

If you apply attributes to text manually after applying a style, when that text is selected, the presence of those overrides (attributes that don’t match the style definition) will be indicated by a + (plus) sign after the style name on the Paragraph Styles and/or Character Styles panel. If you want to force the text to match only the attributes in the style, clear the overrides, as follows.

To remove overrides from styled text

1. Select the characters or paragraphs that contain the overrides to be removed;A or to reset the whole object, select it with the Selection tool.

Image

A The boldfacing for the word “valuable” was applied manually, so Illustrator considers it an override.

2. Hold down Option/Alt and click a name on the Paragraph Styles or Character Styles panel.B The manually applied attributes in your text will disappear, and the + sign will disappear from the style name on the panel.

Image

B We selected the main paragraph, then Option/Alt clicked the paragraph style on the Paragraph Styles panel. This removed the boldfacing override but not the character style that we used to format the words “Saturday Review.”

Note: If your text contains both paragraph and character style overrides, you will need to clear them separately via each panel.

Image If you unintentionally apply a character style to a whole type object and subsequently apply a paragraph style, only the formats from the paragraph style will be applied — not the character attributes — and the override symbol + won’t display next to the paragraph style name. To force a paragraph style to override a character style completely, select the type object, then click [Normal Character Style] on the Character Styles panel.

You can copy paragraph and character styles from one file to another. If you’re working on a series of documents for the same client or project, using the same styles for all will ensure that your type has a consistent look.

To load type styles from one Illustrator document to another

1. From the Character Styles or Paragraph Styles panel menu, choose one of the following: Load Character Styles, Load Paragraph Styles, or Load All Styles (to load both character and paragraph styles).

2. In the Select a File to Import dialog, locate and click the Illustrator document that contains the styles you want to import, then click Open. Note: If an incoming style bears the same name as a style in the current document, it won’t load, period.

When you edit a style, all the text in which it is being used in your document updates accordingly. There are two ways to edit a type style: by restyling a word or paragraph and then using it to redefine the style (as in the steps below) or by using the Paragraph or Character Style Options dialog (see the next page).

To edit a type style by redefining it

1. Select a word or paragraph in which the style to be edited is being used. The style name becomes selected on the Paragraph Styles or Character Styles panel.

2. Change any attributes manually via the Paragraph, Character, Control, or Tabs panel.

Note: Make sure all the type you have selected contains the style you are redefining and the new attributes. If you’re redefining a paragraph style, also make sure the type doesn’t have a character style applied to it.

3. Choose Redefine Paragraph Style from the Paragraph Styles panel menu or Redefine Character Style from the Character Styles panel menu. The style will update to include the attributes of the selected text.

To edit a type style via an options dialog

1. Deselect, then double-click a style name on the Character Styles Image or Paragraph Styles Image panel.

2. The Character Style Options or Paragraph Style Options dialog opens.A Click General at any time to view an expandable list of all the settings in the style. Check Preview so you will be able to preview changes in your document, then to edit the style, click an option set name on the left side:

Click Basic Character Formats to choose basic character attributes, such as the font family, font style, size, leading, kerning, and tracking.

Click Advanced Character Formats to choose horizontal and vertical scaling, baseline shift, or rotation values.

In the Paragraph Style Options dialog, you have access to the Indents and Spacing, Tabs, Composition (composer and hanging punctuation options), Hyphenation, and Justification option sets.

Click Character Color, click the Fill or Stroke square, then choose a fill or stroke color for the type. Colors from the Swatches panel will be listed here. For a spot color, you can choose a Tint percentage. For the stroke, you can also change the Weight.

Click OpenType Features to choose options to be applied if the style includes an OpenType font (see page 276).

Image

A The General option set of the Paragraph Style Options dialog lists all the attributes in the current style. Use features in any of the other option sets to edit the style.

3. Click OK. All the type in your document in which the style is being used updates instantly.

Image To clear all the settings in the currently displayed option set (in the currently displayed style options dialog), click Reset Panel.

Image A dash/blue background in a check box signifies that the option won’t override any attributes that were applied manually to text in the document.

Image To create a variation of an existing style, drag it to the New Style button. Image Double-click the duplicate style (labeled “copy”), then follow all the steps on this page. Neither of the Normal styles can be copied.

When you delete a style, the text attributes don’t change in the document.

To delete a character or paragraph style

1. Deselect all.

2. Click a style name (or Cmd-click/Ctrl-click multiple style names) on the Character Styles or Paragraph Styles panel, then click the Delete Selected Styles button Image (or drag the style name over the button).

3. If the style is being used in your document, an alert dialog will appear. Click Yes (this can’t be undone).

Image You can’t delete the [Normal Paragraph Style] or [Normal Character Style].

Image To delete all the styles that aren’t being used in your document, choose Select All Unused from the panel menu, then click the Delete Selected Styles button.

Using the Touch Type tool

With the Touch Type tool, you can quickly extend, condense, lengthen, shorten, rotate, or shift an individual character manually. This will be a fun break from all the technical skills you have learned in this chapter!

To use the Touch Type tool: Image

1. Click the Touch Type Tool button on the Character panel, or choose the Touch Type tool (Shift-T). Image Note: If you don’t see the button on the Character panel, choose Show Touch Type tool from the panel menu.

2. Click a type character (try using this tool on large, chunky type). A selection border with handles displays around the character.A

Image

A With the Touch Type tool, we clicked the “R” character.

3. Do any of the following (if you have a touch screen device, you can use your finger):

To scale the character proportionally, drag the upper right handle inward or outward.B

Image

B We dragged the upper-right corner to scale the character proportionally.

To scale the character horizontally, drag the lower right handle to the left or right.C

Image

C We dragged the lower-right corner to scale the character horizontally.

To scale the character vertically, drag the upper left handle upward or downward.

To rotate the character, drag the little circle (located above the character), to the left or right.

To shift the whole character, drag inside the selection border in any direction.D–E

Image

D We rotated the character, then moved it to the left.

Image

E We also scaled, recolored, and moved the last character.

Note: In vertical type, use the handle that is diagonally opposite each one that is described above.

Image To reset the horizontal and vertical scale values of a selected character or a selected type object to 100%, press Cmd-Shift-X/Ctrl-Shift-X. To reset the baseline shift or rotation value, enter 0 in the respective field on the Character panel.

Hanging punctuation

The Roman Hanging Punctuation command adds a professional typesetter’s touch to your document by forcing punctuation marks that fall at the beginning and/or end of a line of area type to hang partially or fully outside the type block. This feature affects single and double quotation marks, hyphens, periods, commas, asterisks, ellipses, en dashes, em dashes, colons, semicolons, and tildes.

To hang punctuation

1. Do one of the following:

With a type tool, select a paragraph in an area type object.

With a selection tool or the Layers panel, select a whole type object.

To turn on hanging punctuation as a default setting for future type objects, deselect.

2. From the Paragraph panel menu, choose Roman Hanging Punctuation.A

Image

A If you let it hang out — with Roman Hanging Punctuation, that is — the alignment of your type will look more even. This paragraph is left-aligned, so the punctuation is hanging in that direction.

Image For a more visually pleasing alignment of letters and punctuation at the beginning and/or end of lines in a type object, such as the letters “W,” “O,” or “A,” select the object, then choose Type > Optical Margin Alignment. This command may cause some letters to shift slightly outside the block, but they will print.

Setting tabs

The only way to align columns of text or numerals properly is by setting tabs — not by pressing the Spacebar! The default tab stops are half an inch apart. After inserting tabs in your text by following the steps below, you will need to use the Tabs panel to change their alignment style and/or location. You can also add an optional leader character (such as to create a dotted line in a table of contents).

To insert tabs into text

1. Do either of the following:

Press the Tab key as you input copy, before typing each new column (you can change the tab location later). The cursor will jump to the nearest default tab stop.B

Image

B This text is aligned using tab stops. These nonprinting tab characters will display if you choose Type > Show Hidden Characters (Cmd-Option-I/Ctrl-Alt-I).

To insert a tab into existing text, click just to the left of the text that you want the tab to align, then press the Tab key. The text will move to the nearest default tab stop.

2. To customize the tab settings, follow the steps on the next page.

To set or modify custom tab stops

1. After inserting tabs into your text (see the preceding page), do either of the following:

Select a type object with the Selection tool or the Layers panel.

Choose a type tool and select some text.

2. Display the Tabs panel Image (Window > Type > Tabs or Cmd-Shift-T/Ctrl-Shift-T).A

Image

A The Tabs panel

3. To align the ruler with the left and right margins of the selected text for horizontal type, or with the top and bottom margins for vertical type, click the Position Panel Above Text button.Image

4. Do any of the following:

To add a marker, click in or just above the ruler (the selected text will align to that stop), then with the marker still selected, click an alignment button in the upper left corner of the panel. Repeat to add more markers.

Image Option-click/Alt-click a selected marker to cycle through the alignment choices for it.

To delete one marker, drag it off the ruler. Or to delete a marker and all markers to its right, Cmd-drag/Ctrl-drag it off the ruler.

To reposition a tab marker, drag it to the left or right, or enter an exact location in the X field for horizontal type, or in the Y field for vertical type (or click in the field, then press the up or down arrow on the keyboard). Cmd-drag/Ctrl-drag a marker to move that marker and all the markers to its right by the same distance.

5. Optional: Click a tab marker in the ruler, then in the Leader field, enter a character (or up to eight characters), such as a period and a space, to be repeated between the tab and the succeeding text.B

Image

6. Optional: For the Decimal-Justified tab alignment option, in the Align On field, enter a character for the numerals to align to (such as a period for a decimal point, or a dollar sign).C Unlike when you use the Leader option, the Align On character must be present (entered) in your text.

Image To create a sequence of tab stops that are equidistant from one another, based on the spacing between a selected marker and the one to its left, choose Repeat Tab from the panel menu. Beware! This command deletes all existing markers to the right of the one you click before it inserts new ones.

Image Choose Snap to Unit from the Tabs panel menu to have tab markers snap to the nearest ruler tick mark as you insert or move them. (You can also Shift-drag a marker to invoke the opposite behavior of the current Snap to Unit setting.)

Image Drag the right edge of the panel to adjust the panel width.

Image To clear all custom tabs, choose Clear All Tabs from the panel menu.

Image To change the attributes of the leader characters in your text, use a character style.

Changing the baseline shift value

By using the Baseline Shift feature, you can shift characters upward or downward from the baseline or, for path type, from a path. Note: To shift whole lines of type, use the leading feature instead (see page 271). To drag an individual character upward or downward manually (using the Touch Type tool), see page 283.

To shift type from its baseline

1. With a type tool, select the type characters to be shifted.A

Image

A This path type has a Baseline Shift value of 0.

2. Do either of the following:

On the Character panel Image (with its full options displaying), enter or choose a positive Baseline Shift Image value to shift characters upward, or a negative value to shift them downward (or click in the field, then press the up or down arrow on the keyboard).B–E

Image

B We chose a Baseline Shift value of –9 to shift the type downward.

Image

C Now the type is straddling the path.

Image

D The original artwork contains some type on a path.

Image

E To move the type closer to the inner circle, we shifted it downward by –7 pt.

Hold down Option-Shift/Alt-Shift and press the up arrow on the keyboard to shift the selected characters upward or the down arrow to shift them downward by the current Baseline Shift increment in Illustrator/Edit > Preferences > Type (the default value is 2 pt).

Image To access superscript and subscript characters in an OpenType font, use the OpenType panel.

Creating type outlines

The Create Outlines command converts each character in a type object to a separate graphic object. As outlines, the paths can then be reshaped, used in a compound, or filled with a gradient, like other ordinary paths. You can use this feature to craft custom logos or insignia. Because the outlines are standard paths, they can be printed without your needing to make any printer fonts available.

To create type outlines

1. Create type using any type tool. Note: All the characters in the object or on the path are going to be converted to outlines.

2. Style the type as desired, including scaling it to the desired size. Once the type is converted into outlines, you won’t be able to change the font or other typographic attributes.

3. Optional: Type that is converted to outlines can’t be converted back to type (unless you undo the conversion immediately), so we suggest that you duplicate the type object.

4. Select the type object with the Selection tool or the Layers panel.A

Image

A We selected a type object.

5. Do either of the following:

Choose Type > Create Outlines (Cmd-Shift-O/Ctrl-Shift-O).B

Image

B We converted the type to outlines.

Right-click the object and choose Create Outlines from the context menu.

6. Each former type character is converted to a separate compound path and is nested within a group on the Layers panel (see the last tip on page 361). If you want to reshape the points and segments on the resulting paths, you can double-click the group in the document window to put it into isolation mode first.C

Image

C Logos like these can be produced using type outlines as a starting point.

Note: The fill and stroke attributes and any appearance attributes from the original type characters will be applied to the outlines. If the type was formerly along or inside an object, that object will be preserved as a separate path — unless it formerly had a stroke and fill of None, in which case it will be deleted.

Image You should avoid creating outlines from small type, for a few reasons: The characters will no longer have the hinting information that preserves the shape of type characters for printing; outline shapes are slightly heavier than their editable type counterparts, so they can be hard to read (even more so if you give them a stroke color); and outlines increase the file size.

Wrapping type around an object

Type can be wrapped around an Illustrator path, an Illustrator type object, or a placed bitmap image.

To wrap text around an object

1. Create area type (type inside an object). For the most even-looking wrap, apply one of the justify alignment options to the type (Paragraph panel).

2. Follow this step carefully, or the wrap isn’t going to work: Stack the object that the type will wrap around (we’ll call it the “wrap object”) in front of the type to be wrapped around it, within the same top-level layer, sublayer, or group. (Restack the object via the Layers panel, if necessary.) It can be a vector object, or a bitmap (placed) image that is surrounded by transparency.

3. Select the wrap object.A

Image

A Select the object around which you want the area type to wrap.

4. Choose Object > Text Wrap > Make.

5. Choose Object > Text Wrap > Text Wrap Options. In the dialog,B check Preview, then enter or choose an Offset value for the distance between the wrap object and the type that is wrapping around it.

Image

B In the Text Wrap Options dialog, enter an Offset value and check Preview to see the effect in your document.

Note: To enable text to wrap around opaque (or partially opaque) pixels in a placed image, in Photoshop, put the imagery on a layer that is surrounded by transparency, delete the Background, then save the file in the Photoshop (.psd) format. Import the image into an Illustrator document via the Place command (see page 303).

6. Click OK.C Try moving the wrap object slightly, and note how the type rewraps around it.

Image

C The type is wrapping around the palm tree.

Note: If you edit the type in a text wrap in Illustrator CC, the type will update more quickly than in previous versions of Illustrator.Image

Image To prevent a text object from being affected by the wrap object, via the Layers panel, restack it above the wrap object or to a different top-level layer.

Image To change the Offset for an existing wrap object, select it, then choose Object > Text Wrap > Text Wrap Options to reopen the dialog. (In case you’re wondering, the Invert Wrap option forces text to wrap inside an unfilled path instead of outside it.)

To release a text wrap

1. Select the wrap object (not the type).

2. Choose Object > Text Wrap > Release.

Exercise: Create a shadow for point type

A drop shadow that is created using the following method (unlike one that is produced via the Effect > Stylize > Drop Shadow command) is a separate vector object that can be modified via effects, the transform tools, or other methods.

Create type and apply the Feather effect

1. Create some large point type, and select it with the Selection tool.

2. Apply a dark fill color and a stroke of None.

3. Option-drag/Alt-drag the type block slightly downward and to the right.

4. With the copy of the type block still selected, choose a lighter shade of the same fill color.

5. On the Layers panel, Image drag the copy of the type below the original,A and make sure it’s still selected (has a selection square).

Image

A Create a shadow object, then via the Layers panel, stack it below the original type.

6. Show the Appearance panel. From the Add New Effect menu Image on the panel, choose Illustrator Effect > Stylize > Feather. Check Preview, choose a Radius value (try a low value of around 1–4 pt), then click OK. If desired, you can also click the Opacity link to open a temporary Transparency panel, then lower the Opacity setting slightly.B

Image

B Apply the Feather effect and, if desired, lower the opacity of the shadow.

Slant the shadow

1. Verify that the shadow type object is still selected.

2. Double-click the Shear tool Image (it’s on the Scale tool fly-out menu).

3. Enter 45 as the Shear Angle, click Axis: Horizontal, then click OK.

4. Use the arrow keys on the keyboard to align the baseline of the shadow text with the baseline of the original text.C

Image

C Slant the shadow with the Shear tool.

Reflect the shadow

1. With the shadow type still selected, double-click the Reflect tool Image (it’s on the Rotate tool fly-out menu), click Axis: Horizontal, then click OK.

2. Using the arrow keys again, drag the shadow type so its baseline meets the baseline of the original type.D You’re done!

Image

D Reflect the shadow with the Reflect tool.

Applying appearance attributes to type

When applying attributes to editable type, such as an added fill or stroke or editable effects, it’s important to recognize the difference between selecting the type object and selecting the type characters. This can be made clear by studying the Appearance panel.

Image When a type object is selected with the Selection tool or via the Layers panel, a Type label appears in boldface at the top of the Appearance panel. For basic type, no Stroke or Fill listings display.A Any effects that you apply will affect the whole type object (both its fill and its stroke) and will be listed on the panel when the type object is selected.B

Image

A Because we selected a type object with the Selection tool (above), a “Type” label appeared next to the color square at the top of the Appearance panel (right).

Image

B With the type object selected, we applied two effects: Bulge and Drop Shadow. (Effects can be applied to a type object, but not directly to type characters.)

Image If you highlight some text characters with a type tool or double-click the word “Characters” on the Appearance panel, just the original Stroke, Fill, and Opacity attributes for those characters will be listed on, and be editable via, that panel.C If you want to redisplay the attributes that apply specifically to the type object, click the word “Type” at the top.

Image

C Here we selected type with a type tool, so a “Characters” label appeared next to the color square on the Appearance panel, and the Stroke, Fill, and Opacity listings display (not the effect listings).

If you find this confusing, just remember that if the label next to the color square at the top of the panel is “Characters,” your edits will affect just the selected characters, whereas if the label is “Type,” your edits will affect all the type in the object.

Image To apply transparency settings to the fill or stroke of type, see page 373.

Next, we’ll show you two ways to embellish type, to build on the skills you learned in Chapter 14 (Appearances).

Exercise: Add multiple strokes to a character

1. Create a type character in an extra bold, black, or heavy font, approximately 230 pt. in size.

2. Select the type object with the Selection tool.A

3. On the Appearance panel, Image click the Add New Fill button. Image A new Stroke and a new Fill listing appear on the panel.

4. From the Swatch Libraries menu on the Swatches panel, Image choose Gradients > Metals. On the Metals library panel that opens, click the Gold (first) swatch.

5. On the Gradient panel, Image set the Angle value to –90°.

6. On the Appearance panel, click the Stroke listing, Shift-click the color square to open a temporary Color panel, then enter C 18, M 25, Y 94, and K 0 (press Tab to proceed from field to field). Choose 12 pt from the Stroke Weight menu.B–C

Image
Image

C This is the type object after we applied the “Gold” gradient fill preset, a tan stroke color, and a Stroke Weight of 12 pt.

7. Continuing on the Appearance panel, click the Add New Stroke button. Image Apply a color of C 0, M 7, Y 51, and K 8, and a Stroke Weight of 8 pt.

8. Click the Add New Stroke button once more. Apply a color of C 20, M 40, Y 96, and K 8, and a Stroke Weight of 2 pt.

9. Click the bottommost Opacity listing on the panel. From the Add New Effect menu, Image choose Illustrator Effects > Stylize > Drop Shadow. Check Preview, choose settings to produce a pleasing-looking shadow, then click OK.D–E

Image

D The Appearance panel lists the two new stroke attributes and the effect that we applied to the type object.

Image

E This is the final result.

Exercise: Use the Free Distort effect on type

1. Create a type character in an extra or ultra bold font, approximately 230 pt. in size. Choose the Selection tool.

2. At the bottom of the Appearance panel, Image click the Add New Fill button. Image Click the color square for the new Fill listing and choose a light brown color, or Shift-click the Fill color square and mix a light brown via the temporary Color panel.

3. Double-click the Stroke color square and click a dark green swatch. Choose a value of 7 pt from the stroke Weight menu.A

Image

A We used the Appearance panel to add fill and stroke attributes to this type object.

4. Double-click the Characters appearance listing, then set both the Stroke and Fill listings to a color of None.

5. Click the Type appearance listing to view the appearance attributes for the type object. Click the Fill listing, then from the Add New Effect menu, Image choose Distort & Transform > Free Distort.B

Image

B The Free Distort effect is nested within, and applies only to, the Fill listing.

6. In the Free Distort dialog, move the top left point downward and to the left. Repeat for the top right point, then click OK.C

Image

C The distortion was applied to the fill attribute for the type. (The point type on the bottom has a reddish-brown stroke color and a fill of None.)

Image To edit the Free Distort settings at any time, expand the Fill listing, then click Free Distort.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
18.222.182.169