2. Chapter Lessons Create and format text Flow text into an object
OVERVIEW
Chapter Lessons
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
Creating Text and Gradients

3. Working with Text Create compelling and dramatic display text
INTRODUCTION
Working with Text
Create compelling and dramatic display text
Change fonts, font size, leading and other text attributes
Make tracking and kerning measurements
Use type tools to manipulate text
Creating Text and Gradients

4. INTRODUCTION
Converting Text
Use the Create Outlines command to change fonts to vector graphics
Manipulate letter outlines like any graphic object
Apply gradient fills to letter outlines
Creating Text and Gradients

5. INTRODUCTION
Gradient Fills
Graduated blend between two or more colors that fill an object
Create linear or radial gradients between multiple colors
Use a single gradient to fill multiple objects simultaneously
Save unique gradient fills and import to other Illustrator documents
Creating Text and Gradients

6. Creating Type Select a Type tool Click the artboard and start typing
LESSON 1
Creating Type
Select a Type tool
Click the artboard and start typing
Enter text horizontally or vertically
Text generated by type tools is positioned along a blue path called the baseline
Creating Text and Gradients

7. LESSON 1
Selecting Text
Use the Type Area Select feature to select text by clicking anywhere on the text
Set the Type Area Select feature in Preferences:
Click Edit on the menu bar, point to Preferences, click Type & Auto Tracking, then select Type Area Select
Without Type Area Select activated, the baseline is clicked to select text
Creating Text and Gradients

8. Formatting Text Commands for formatting text are contained on the:
LESSON 1
Formatting Text
Commands for formatting text are contained on the:
Character palette
Paragraph palette
Creating Text and Gradients

9. Formatting Text LESSON 1 Creating Text and Gradients Baseline Leading
50% horizontal scale
50 % vertical scale
Creating Text and Gradients

10. LESSON 1
Formatting Text
Creating Text and Gradients

11. Using the Character Palette
LESSON 1
Using the Character Palette
Modify text attributes:
Font and type size
Tracking
Kerning
Leading
Vertical space between baselines
Horizontal or vertical scaling
Creating Text and Gradients

12. Character Palette LESSON 1 Creating Text and Gradients
Set the font family list arrow
Set the font style list arrow
Set the font size list arrow (Font Size)
Set the leading list arrow
Set the Kerning between two characters list arrow
Set the tracking for the selected characters list arrow
Horizontal
Scale Text box
Vertical Scale text box
Character Rotation text box
Set the baseline shift list arrow
Set the baseline shift list arrow
Creating Text and Gradients

13. Using the Paragraph Palette
LESSON 1
Using the Paragraph Palette
Set vertical alignment
Indent paragraphs
Set vertical spacing between paragraphs
Creating Text and Gradients

14. Paragraph Palette LESSON 1 Creating Text and Gradients Align center
Justify with last line aligned right
Align left
Align right
Justify with last line aligned left
Justify with last line aligned centered
Justify all lines
Left indent text box
First-line indent text box
Space after paragraph text box
Space before paragraph text box
Creating Text and Gradients

15. Tracking Inserts uniform spaces between characters:
LESSON 1
Tracking
Inserts uniform spaces between characters:
Can affect the width of selected words or entire blocks of text
Creating Text and Gradients

16. Kerning Adjusts spacing between any two characters
LESSON 1
Kerning
Adjusts spacing between any two characters
Useful for improving the appearance of headlines and other display text
Creating Text and Gradients

17. Tracking/Kerning Tips
LESSON 1
Tracking/Kerning Tips
Positive 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
Creating Text and Gradients

18. LESSON 1
Hiding Objects
Use the Hiding Objects feature to move objects out of the way so that other objects can be selected
Use the Hide Selection command to hide selected objects
Use the Show All command to reveal all hidden objects
Creating Text and Gradients

19. Vertical Text Use the Vertical Type tool to create vertical text
LESSON 1
Vertical Text
Use the Vertical Type tool to create vertical text
Creating Text and Gradients

20. Filling an Object with Text
LESSON 2
Filling an Object with Text
Use the Area Type tool and the Vertical Area Type tool to flow text into any shape:
From circles to birds to bumblebees
Format text in an object in the usual ways
Creating Text and Gradients

21. Object Filled with Text
LESSON 2
Object Filled with Text
Creating Text and Gradients

22. LESSON 2
Locking Objects
Use 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
Select the Unlock All command to unlock a locked object so that it can be selected
Creating Text and Gradients

23. LESSON 2
Making Guides
Select an object and use the Make Guides command to make it into a guide OR
Click and drag the mouse pointer from each ruler to the artboard
Creating Text and Gradients

24. LESSON 3
Position Text on a Path
Use the Path Type tool and the Vertical Path Type tool to type along a straight or curved path
Move text along a path to position it
Creating Text and Gradients

25. LESSON 3
Text Positioning Tips
Flip the text to make it run in the opposite direction or on the opposite side of the path
Change the baseline shift to modify the distance of the text’s baseline in relation to the path
Positive value floats text above the path
Negative value moves text below the path
Creating Text and Gradients

26. Path Options LESSON 3 Creating Text and Gradients Text on a Path

27. Create Colors and Gradients Defining the Gradient Palette
LESSON 4
Create Colors and Gradients Defining the Gradient Palette
Command center for creating and adjusting gradients
The slider represents the gradient being created
Contains at least two colors
Creating Text and Gradients

28. Using the Gradient Palette
LESSON 4
Using the Gradient Palette
A gradient is a graduated blend between colors.
The gradient palette is the command center for creating and adjusting gradients.
Creating Text and Gradients

29. Using the Gradient Palette
LESSON 4
Using the Gradient Palette
Starting color
Leftmost color on the slider
Ending color
Rightmost color on the slider
Midpoint (diamond):
Where two colors meet in equal measure
Move the diamond to change the midpoint
Creating Text and Gradients

30. Gradient Palette LESSON 4 Creating Text and Gradients Type list arrow
Gradient Fill box
Location text box
Angle text box
Midpoint
Stops
Creating Text and Gradients

31. LESSON 4
Adding Colors
Stops:
Colors between the starting and ending colors
For example, two midpoints are required for a three-color gradient:
One midpoint between the starting color and the stop
One midpoint between the stop and the ending color
Creating Text and Gradients

32. Linear Gradients Positioned left to right, up and down or on any angle
LESSON 4
Linear Gradients
Positioned left to right, up and down or on any angle
Change the angle of the gradient by entering a new value in the Angle text box in the Gradient palette
Creating Text and Gradients

33. Radial gradient Series of concentric circles
LESSON 4
Radial gradient
Series of concentric circles
Starting color appears at the center of the gradient
Blend radiates out to the ending color
Creating Text and Gradients

34. Using the Color Palette
LESSON 4
Using the Color Palette
Move sliders to mix new colors for fills, strokes, gradients
Adjust the color in a filled object
Creating Text and Gradients

35. Color Modes CMYK RGB Grayscale Cyan Magenta Yellow Black
LESSON 4
Color Modes
CMYK
Cyan Magenta Yellow Black
RGB
Red Green Blue
Grayscale
Use to create shades of gray in percentages of black
Creating Text and Gradients

36. More Color Modes HSB Web Safe RGB
LESSON 4
More Color Modes
HSB
Adjust the basic color (Hue), the intensity of the color (Saturation), range of color from light to dark (Brightness)
Web Safe RGB
Use for illustrations that will be used the Internet
The colors match colors defined in HTML
Creating Text and Gradients

37. Creating Colors Use the sliders on the Color palette
LESSON 4
Creating Colors
Use the sliders on the Color palette
Enter values in the text boxes
Creating Text and Gradients

38. Swatches Palette Drag a color or a gradient to the Swatches palette
LESSON 4
Swatches Palette
Drag a color or a gradient to the Swatches palette
Current fill and stroke colors
CMYK Color
Values
None
CMYK Spectrum
Sliders
Creating Text and Gradients

39. Applying Colors and Gradients to Text
LESSON 5
Applying Colors and Gradients to Text
Select the text
Fill the text with a color
Creating Text and Gradients

40. Filling Text with a Gradient
LESSON 5
Filling Text with a Gradient
Convert the text to an object
Select the text
Use the Create Outline command in the Type menu
Letterforms, or outlines, become standard Illustrator objects
Anchor points and paths can be modified like any other object
Creating Text and Gradients

41. Gradient Applied to Text
LESSON 5
Gradient Applied to Text
Gradient is applied to text after the text is converted to an outline
Creating Text and Gradients

42. Working with Stacking Order
LESSON 5
Working with Stacking Order
Stacking order defines how objects will be displayed when they overlap
Illustrator stacks each object beginning with the first object.
You can change the stack order by moving objects forward or backward.
Creating Text and Gradients

43. Working with Stacking Order
LESSON 5
Working with Stacking Order
Stacking order commands include:
Move to Front
Move to Back
Move forward
Move backward
Creating Text and Gradients

44. Using the Gradient Tool
LESSON 6
Using the Gradient Tool
Manipulate gradient fills that are already applied to objects
Select an object containing a gradient fill
Drag the Gradient Tool over the object
Where dragging begins and ends determines the length of the blend from starting to ending color
Creating Text and Gradients

45. Gradient Tool Examples
LESSON 6
Gradient Tool Examples
Examples of different angles and lengths of a gradient fill created with the Gradient tool
Creating Text and Gradients

46. Adding a Drop Shadow Copy the text Paste the copy behind the text
LESSON 6
Adding a Drop Shadow
Copy 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
Creating Text and Gradients

47. LESSON 6
Text With Drop Shadow
Creating Text and Gradients

48. Chapter B Tasks Create text
SUMMARY
Chapter B Tasks
Create text
Use the Character and Paragraph palettes to format text
Fill an object with text
Position text on a path
Creating Text and Gradients

49. Chapter B Tasks Understand and use the Gradient palette
SUMMARY
Chapter B Tasks
Understand and use the Gradient palette
Apply gradients to selected objects
Create colors on the Colors palette
Creating Text and Gradients

50. Chapter B Tasks Apply colors to text
SUMMARY
Chapter B Tasks
Apply colors to text
Convert text to outlines and apply gradients
Adjust gradients
Create a drop shadow effect
Creating Text and Gradients