chapter 2 creating text and gradients. objectives create and format text flow text into an object...
TRANSCRIPT
![Page 1: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/1.jpg)
Chapter 2
Creating Text and Gradients
![Page 2: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/2.jpg)
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• Apply gradients to strokes
![Page 3: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/3.jpg)
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.
Create and Format Text
![Page 4: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/4.jpg)
• Use the Vertical Type tool to create vertical type.
• Type is positioned on a path called the baseline.
Create and Format Text
![Page 5: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/5.jpg)
• 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.
Create and Format Text
![Page 6: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/6.jpg)
Font family
Character Rotation
Tracking
Vertical Scale
Baseline shift
LeadingFont style
Font size
Kerning
Horizontal Scale
UnderlineStrikethrough
Create and Format Text
![Page 7: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/7.jpg)
• Tracking inserts uniform spaces between characters.
• Kerning affects the spaces between any two characters.
Create and Format Text
![Page 8: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/8.jpg)
Examples of kerning and tracking
Create and Format Text
![Page 9: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/9.jpg)
• Leading inserts vertical space between baselines.
• Applying a horizontal or vertical scale
compresses or expands selected type.
Create and Format Text
![Page 10: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/10.jpg)
© 2011 Delmar Cengage Learning
Leading
Baseline
50% horizontal scale
50 % vertical scale
Examples of text formatting
Create and Format Text
![Page 11: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/11.jpg)
Align buttons
Left indenttext box
First-line left indenttext box
Right indenttext box
Space before paragraph
Space after paragraph
Paragraph panel modifies text alignment, paragraph indents, and vertical spaces
Create and Format Text
![Page 12: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/12.jpg)
• Hide objects while working with text to avoid accidental deletions and modifications.
• The Hide/Show All Selection commands are on the Object menu.
Create and Format Text
![Page 13: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/13.jpg)
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.
Create and Format Text
![Page 14: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/14.jpg)
© 2011 Delmar Cengage Learning
Flow Text into an Object
![Page 15: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/15.jpg)
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.
Flow Text into an Object
![Page 16: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/16.jpg)
• ‘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.
Flow Text into an Object
![Page 17: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/17.jpg)
Text on a path Text flipped across a path
Position Text on a Path
![Page 18: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/18.jpg)
• A gradient is a graduated blend between colors.
• Create and adjust gradients in the Gradient panel.
Create Colors and Gradients
![Page 19: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/19.jpg)
Type list arrow
Location text box
Gradient slider
Opacity text boxStops
Two colorgradient
Rotation text box
Create Colors and Gradients
![Page 20: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/20.jpg)
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.
Create Colors and Gradients
![Page 21: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/21.jpg)
• 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.
Create Colors and Gradients
![Page 22: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/22.jpg)
• 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.
Create Colors and Gradients
![Page 23: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/23.jpg)
You can create and apply linear or radial gradients
Radial gradientLinear gradient
Create Colors and Gradients
![Page 24: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/24.jpg)
Linear gradients can be positioned:• Left to right and up or down• On any angle – change angle in Angle text box
on Gradient panelRadial gradient start at center of gradient and
blend out to ending color.
Create Colors and Gradients
![Page 25: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/25.jpg)
• The Color panel is where you move sliders to mix new colors for fills, strokes, and gradients.
Current filland strokecolors
CMYKSpectrum
Slider
CMYK values
Create Colors and Gradients
![Page 26: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/26.jpg)
• 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).
Create Colors and Gradients
![Page 27: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/27.jpg)
• 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.
Create Colors and Gradients
![Page 28: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/28.jpg)
Create Colors and Gradients
![Page 29: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/29.jpg)
• 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.
Apply Colors and Gradients to Text
![Page 30: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/30.jpg)
• 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.
Apply Colors and Gradients to Text
![Page 31: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/31.jpg)
Each outline is filled with the gradient
Adjust a Gradient and Create a Drop Shadow
![Page 32: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/32.jpg)
• 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.
Adjust a Gradient and Create a Drop Shadow
![Page 33: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/33.jpg)
• 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.
Adjust a Gradient and Create a Drop Shadow
![Page 34: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/34.jpg)
Gradient control bar
• 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.
Adjust a Gradient and Create a Drop Shadow
![Page 35: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/35.jpg)
• For linear gradients, the angle you drag determines the angle that the blend fills the object.
Adjust a Gradient and Create a Drop Shadow
![Page 36: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/36.jpg)
• 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.
Adjust a Gradient and Create a Drop Shadow
![Page 37: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/37.jpg)
Examples of different angles and lengths of a gradient fill created with the Gradient tool.
Adjust a Gradient and Create a Drop Shadow
![Page 38: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/38.jpg)
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.
Adjust a Gradient and Create a Drop Shadow
![Page 39: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/39.jpg)
Drop shadow created using the Paste in Back command
Adjust a Gradient and Create a Drop Shadow
![Page 40: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/40.jpg)
• Use the Gradient panel to apply a gradient to the stroke of an object
• Three options:– Within– Along – Across
Apply Gradients to Strokes
![Page 41: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/41.jpg)
• Within Stroke Option Applied
Adjust a Gradient and Create a Drop Shadow
![Page 42: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/42.jpg)
• Along Stroke Option Applied
Adjust a Gradient and Create a Drop Shadow
![Page 43: 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](https://reader035.vdocuments.net/reader035/viewer/2022062304/56649eac5503460f94bb3058/html5/thumbnails/43.jpg)
• Across Stroke Option Applied
Adjust a Gradient and Create a Drop Shadow