adobe illustrator cs2 — revealed gradients creating text and

Adobe Illustrator CS2 —Revealed

GRADIENTSCREATING TEXT AND

2Creating Text and Gradients Chapter 2

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

Chapter Lessons


Working with TextCreate compelling and dramatic display text

Change fonts, font size, leading and other text attributes

Apply tracking and kerning to type


Converting TextUse the Create Outlines command to change type to outlines

Letter outlines are vectors that can be manipulated with Pen tools and Direct Selection Tool

Apply gradient fills to letter outlines


Gradient FillsGraduated blend between two or more colors that fill an object – Gradients can be linear (straight) or

radial (circular)– Use a single gradient to fill multiple

objects simultaneously– Create new gradients and save them in

the Swatches palette


Creating TypeSelect the Type Tool

Click the artboard and start typing or click and drag Type Tool to create a text box

Use the Vertical Type Tool to create vertical type


Selecting TextTwo ways to select type– click baseline– click anywhere on type

• remove check mark in the Type Object Selection by Path Only check box in Type Preferences dialog box for this to work


Formatting TextFormat text using the Character palette– change font, font size, leading, tracking,

kerning, baseline shift, horizontal scale, and vertical scale

– new Strikethrough button and new Underline button


Character PaletteFont family list arrow

Font style list arrow

Leading list arrow

Tracking list arrow

Vertical Scale text box

Character Rotation text box

Set the baseline shift list arrow

Font size list arrow

Kerning list arrow

Horizontal Scale text box

Underline button

Strikethrough button


Formatting Text

Leading

Baseline

50% horizontal scale

50 % vertical scale


TrackingInserts uniform spaces between characters:– Can affect the width of

selected words or entire blocks of text


KerningAdjusts spacing between two characters

Useful for improving the appearance of headlines and other display text


Tracking/Kerning TipsPositive tracking or kerning:– Characters move farther apart

Negative tracking or kerning:– Characters move closer together

Tracking and kerning down to 1/1000 of a standard em space– In a 1-point font, the em space is 1

point; in a 10-point font, the em space is 10 points


Hiding Text and ObjectsUse the Hide Selection command to hide formatted text– enables you to work on graphics

without being distracted by type– ensures placement of type will not get

moved inadvertently

Use the Show All command to show hidden type or objects


Formatting ParagraphsFormat paragraphs using the Paragraph palette– change paragraph alignment, space

before and after paragraphs, left and right indents and first line indent


Paragraph PaletteAlign left

Align centerAlign right

Justify with last line aligned left

Justify with last line aligned centered

Justify with last line aligned right

Justify all lines

Left indent text box

First-line indent text box

Space before paragraph text box

Space after paragraph text box

Right indent text box


Filling an Object with TextUse the Area Type Tool and the Vertical Area Type Tool to flow text inside a vector shape


Object Filled with Text


Locking Text and ObjectsUse the Lock Selection command to exempt an object from selections and affix its position on the artboard– Useful as a device to protect objects

from accidental modifications

Use the Unlock All command to unlock a locked object so that it can be selected


Making GuidesShow rulers, drag guide from ruler onto artboard

Horizontal ruler

Guide being created

Horizontal guides

Vertical guide


Making GuidesGuides are locked by default

– Click View on the menu bar, point to Guides, then click Lock Guides to remove check mark

Guides can be grouped, locked, hidden, selected, rotated, etc.


Making GuidesGuides can be made from vector objects

– select object, click View on the menu bar, point to Guides, click Make Guides

– Release guides by clicking object guide, click View on the menu bar, point to Guides, click Release Guides


Position Text on a PathUse the Type on a Path Tool to create horizontal type along a path

Use the Vertical Type on a Path Tool to create vertical type along a path

Use the Selection Tool to move text along a path


Path OptionsText on a Path Text on a Path


Create Colors and Gradients

Gradient palette– Command center for creating and

adjusting gradients– Gradient slider represents the gradient

being created– Gradients contain at least two colors


Gradient PaletteColors on gradient are represented by "stops"– look like house icons along bottom of

slider


Gradient PaletteStarting color– Leftmost stop on the slider

Ending color– Rightmost stop on the slider

Midpoint (diamond): – Where two colors meet in equal

measure – Move the diamond to change the

midpoint


Gradient Palette

Gradient Fill box

Angle text box

Type list arrow

Location text box

Stops

Midpoint


Adding ColorsClick bottom edge of slider to add new stop– keep stop selected while mixing new

color in Color palette– press and hold [Alt] (Win) or [option]

(Mac) while choosing color in Swatches palette


Removing ColorsDrag stop off of gradient slider to remove color from gradient

Select and drag stop off of Gradient slider


Linear GradientPositioned left to right, up and down or on any angle

Angle of gradient can be changed using Angle text box in Gradient palette

Linear gradient


Radial GradientSeries of concentric circles

Starting color appears at the center of the gradient

Blend radiates out to the ending color

Radial gradient

Starting color

Ending color


Using the Color PaletteColor palette has five color modes

– CMYK (Cyan Magenta Yellow Black)– RGB (Red Green Blue)– Grayscale (Shades of gray in percentages of

black)– HSB (Hue, saturation, brightness)– Web Safe RGB (use for creating Web

graphics)


Using the Color Palette

Click list arrow to choose color mode

Drag sliders or enter value in text boxes to create new color


Adding Color to Swatches Palette

Drag a color or a gradient to the Swatches palette

Drag new color to Swatches palette


Applying Colors and Gradients to Text

Select the text

Click Fill button on toolbox, then click color in Swatches palette

Color can also be used to add a stroke to text

Fill color

Stroke color


Filling Text with a GradientConvert the text to outlines

– Create Outlines command is on the Type menu

Click a gradient swatch in the Swatches palette

Berry text is filled with gradient


Working with Stacking Order

Stacking order defines how objects overlap

Illustrator stacks each object beginning with the first object drawn

Change the order by moving objects forward or backward


Working with Stacking Order

Stacking order commands include:– Bring to Front– Bring Forward– Send to Back– Send Backward


Using the Gradient ToolManipulate gradient fills that are applied to objects– Select object containing gradient fill– Drag the Gradient Tool over the object– Length and angle of line dragged

determines the length and angle of the gradient from starting to ending color


Gradient Tool Examples

Examples of different angles and lengths of a gradient fill created with the Gradient Tool


Adding a Drop ShadowCopy the text

Paste the copy behind the text

Fill the copy with a darker color

Use keyboard arrows to move the copied text so that it is offset from the original text


Text With Drop Shadow


Chapter 2 TasksCreate text

Use the Character and Paragraph palettes to format text

Fill an object with text

Position text on a path


Chapter 2 TasksUnderstand and use the Gradient palette

Apply gradients to selected objects

Create colors on the Colors palette


Chapter 2 TasksApply colors to text

Convert text to outlines and apply gradients

Adjust gradients

Create a drop shadow effect

adobe illustrator cs2 — revealed gradients creating text and

Documents

format text flow text

formatted text

text attributes

display text slide

object position text

entire blocks of text

gradients kerning

vertical type slide