© 2011 Delmar, Cengage Learning Chapter 2 Creating Text and Gradients

Objectives Create and format text Flow text into an object Position text on a path Create colors and gradients Apply colors and gradients to text Adjust a gradient and create a drop shadow © 2011 Delmar Cengage Learning

To create type: Select the Type tool Click the artboard and start typing or click and drag the Type tool to create a text box. © 2011 Delmar Cengage Learning Create and Format Text

Use the Vertical Type tool to create vertical type. Type is positioned on a path called the baseline. © 2011 Delmar Cengage Learning Create and Format Text

The Character and Paragraph panels contain all classic commands for formatting. The Character panel modifies text attributes such as font and type size, tracking, and kerning. © 2011 Delmar Cengage Learning Create and Format Text

© 2011 Delmar Cengage Learning Font family Character Rotation Tracking Vertical Scale Baseline shift LeadingFont style Font size Kerning Horizontal Scale Underline Strikethrough Create and Format Text

Tracking inserts uniform spaces between characters. Kerning affects the spaces between any two characters. © 2011 Delmar Cengage Learning Create and Format Text

© 2011 Delmar Cengage Learning Examples of kerning and tracking Create and Format Text

Leading inserts vertical space between baselines. Applying a horizontal or vertical scale compresses or expands selected type. © 2011 Delmar Cengage Learning Create and Format Text

© 2011 Delmar Cengage Learning Leading Baseline 50% horizontal scale 50 % vertical scale Examples of text formatting Create and Format Text

© 2011 Delmar Cengage Learning Align buttons Left indent text box First-line left indent text box Right indent text box Space before paragraph Space after paragraph Paragraph panel modifies text alignment, paragraph indents, and vertical spaces Create and Format Text

Hide objects while working with text to avoid accidental deletions and modifications. The Hide/Show All Selection commands are on the Object menu. © 2011 Delmar Cengage Learning Create and Format Text

Fill an object with text: Use the Area Type tool and Vertical Area Type tool to flow text into any shape you create. Format text in object as usual. Manipulate object just like any other. © 2011 Delmar Cengage Learning Flow Text into an Object

© 2011 Delmar Cengage Learning Flow Text into an Object

Using the Path Type Tools: Type along a straight or curved path using the Type on a Path tool or Vertical Type on a Path tool. Move text along path. © 2011 Delmar Cengage Learning Position Text on a Path

‘Flip’ text to make it run in the opposite direction – on opposite side of path. Change the baseline shift to modify distance the text’s baseline is above or below path. © 2011 Delmar Cengage Learning Position Text on a Path

© 2011 Delmar Cengage Learning Text on a path Text flipped across a path Position Text on a Path

A gradient is a graduated blend between colors. Create and adjust gradients in the Gradient panel. © 2011 Delmar Cengage Learning Create Colors and Gradients

© 2011 Delmar Cengage Learning Type list arrow Location text box Gradient slider Opacity text box Stops Custom gradients Rotation text box Create Colors and Gradients

The Gradient panel Gradient slider represents the gradient being created. Gradients contain at least two colors. –Leftmost color is the starting color. –Rightmost color is the ending color. © 2011 Delmar Cengage Learning Create Colors and Gradients

House-shaped icons called stops represent the colors in the gradient. The point at which two colors meet in equal measure is called the midpoint. The midpoint is represented by the diamond above the slider, which is called the Gradient Slider. © 2011 Delmar Cengage Learning Create Colors and Gradients

The midpoint need not be positioned evenly between start and end. Change the look of the gradient by moving Gradient Slider. Swatches panel contains standard gradients that come with Illustrator. © 2011 Delmar Cengage Learning Create Colors and Gradients

© 2011 Delmar Cengage Learning You can create and apply linear or radial gradients Create Colors and Gradients Radial gradient Linear gradient

Linear gradients can be positioned: Left to right and up or down On any angle – change angle in Angle text box on Gradient panel Radial gradient start at center of gradient and blend out to ending color. © 2011 Delmar Cengage Learning Create Colors and Gradients

The Color panel is where you move sliders to mix new colors for fills, strokes, and gradients. © 2011 Delmar Cengage Learning Create Colors and Gradients Current fill and stroke colors CMYK Spectrum Sliders CMYK values

Color panel has five color modes: –CMYK –RGB –Grayscale –HSB (hue, saturation, brightness) –Web Safe RGB The default is CMYK or RGB (depending on the mode selected). © 2011 Delmar Cengage Learning Create Colors and Gradients

Add colors and gradients to the Swatches panel that you define by dragging them into the Swatches panel. To name a swatch, double-click it, then type a name in Swatch Options dialog box. © 2011 Delmar Cengage Learning Create Colors and Gradients

© 2011 Delmar Cengage Learning Drag the Gradient Stop Color box and the Gradient Fill Color box to the Swatches panel to create new swatches. When a stop is selected, the color appears in the Gradient Stop Color box on the Color panel. Create Colors and Gradients

By default text is generated with a black fill and no stroke. Use the Type tool to change the fill or stroke of individual characters in a text object. Use the Selection tool to select text as a single object and to change text globally. © 2011 Delmar Cengage Learning Apply Colors and Gradients to Text

To fill text with a gradient you must convert the text to outlines. Select text, then click the Create Outlines command on Type menu. Letterforms become standard Illustrator objects with anchor points and paths. © 2011 Delmar Cengage Learning Apply Colors and Gradients to Text

© 2011 Delmar Cengage Learning Each outline is filled with the gradient Adjust a Gradient and Create a Drop Shadow

Creating outlines makes it possible to create documents with text without fonts. Once text is converted to outlines, you can no longer change the typeface. © 2011 Delmar Cengage Learning Apply Colors and Gradients to Text

Use the Gradient tool to manipulate gradient fills. –Select an object with a gradient fill. –Drag the Gradient tool over the object. –Where you begin dragging and where you end determines length of blend from starting to ending color. © 2011 Delmar Cengage Learning Adjust a Gradient and Create a Drop Shadow

© 2011 Delmar Cengage Learning Gradient control bar Adjust a Gradient and Create a Drop Shadow The gradient control bar appears in the object itself. You can change the direction, length, and angle of the gradient control bar by dragging it.

For linear gradients, the angle you drag determines the angle that the blend fills the object. © 2011 Delmar Cengage Learning Adjust a Gradient and Create a Drop Shadow

If you select multiple objects, each object is filled with entire length of the gradient from beginning color to end color. When you convert text to outlines and apply a fill, the gradient automatically fills each letter independently. © 2011 Delmar Cengage Learning Adjust a Gradient and Create a Drop Shadow

© 2011 Delmar Cengage Learning Examples of different angles and lengths of a gradient fill created with the Gradient tool. Adjust a Gradient and Create a Drop Shadow

To apply a drop shadow to text: Copy text. Paste copy behind it. Fill copy with darker color. Use keyboard arrows to move it so it is offset from original. © 2011 Delmar Cengage Learning Adjust a Gradient and Create a Drop Shadow

© 2011 Delmar Cengage Learning Drop shadow created using the Paste in Back command Adjust a Gradient and Create a Drop Shadow