Adobe Illustrator CS Design Professional CREATING TEXT AND GRADIENTS

Transcription

1 Adobe Illustrator CS Design Professional CREATING TEXT AND GRADIENTS

2 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 Chapter B 2

3 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 Chapter B 3

4 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 Chapter B 4

5 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 Chapter B 5

6 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 Chapter B 6

7 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 Chapter B 7

8 Formatting Text Commands for formatting text are contained on the: Character palette Paragraph palette Chapter B 8

9 Formatting Text Baseline Leading 50% horizontal scale 50 % vertical scale Chapter B 9

10 Formatting Text Chapter B 10

11 Using the Character Palette Modify text attributes: Font and type size Tracking Kerning Leading Vertical space between baselines Horizontal or vertical scaling Chapter B 11

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

13 Using the Paragraph Palette Set vertical alignment Indent paragraphs Set vertical spacing between paragraphs Chapter B 13

14 Paragraph Palette Align left Align center Align 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 Chapter B 14

15 Tracking Inserts uniform spaces between characters: Can affect the width of selected words or entire blocks of text Chapter B 15

16 Kerning Adjusts spacing between any two characters Useful for improving the appearance of headlines and other display text Chapter B 16

17 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 Chapter B 17

18 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 Chapter B 18

19 Vertical Text Use the Vertical Type tool to create vertical text Chapter B 19

20 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 Chapter B 20

21 Object Filled with Text Chapter B 21

22 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 Chapter B 22

23 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 Chapter B 23

24 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 Chapter B 24

25 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 Chapter B 25

26 Path Options Text on a Path Text on a Path Chapter B 26

27 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 Chapter B 27

28 Using the Gradient Palette A gradient is a graduated blend between colors. The gradient palette is the command center for creating and adjusting gradients. Chapter B 28

29 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 Chapter B 29

30 Gradient Palette Gradient Fill box Angle text box Type list arrow Location text box Midpoint Stops Chapter B 30

31 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 Chapter B 31

32 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 Chapter B 32

33 Radial gradient Series of concentric circles Starting color appears at the center of the gradient Blend radiates out to the ending color Chapter B 33

34 Using the Color Palette Move sliders to mix new colors for fills, strokes, gradients Adjust the color in a filled object Chapter B 34

35 Color Modes CMYK Cyan Magenta Yellow Black RGB Red Green Blue Grayscale Use to create shades of gray in percentages of black Chapter B 35

36 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 Chapter B 36

37 Creating Colors Use the sliders on the Color palette Enter values in the text boxes Chapter B 37

38 Swatches Palette Drag a color or a gradient to the Swatches palette Current fill and stroke colors CMYK Color Values None Sliders CMYK Spectrum Chapter B 38

39 Applying Colors and Gradients to Text Select the text Fill the text with a color Chapter B 39

40 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 Chapter B 40

41 Gradient Applied to Text Gradient is applied to text after the text is converted to an outline Chapter B 41

42 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. Chapter B 42

43 Working with Stacking Order Stacking order commands include: Move to Front Move to Back Move forward Move backward Chapter B 43

44 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 Chapter B 44

45 Gradient Tool Examples Examples of different angles and lengths of a gradient fill created with the Gradient tool Chapter B 45

46 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 Chapter B 46

47 Text With Drop Shadow Chapter B 47

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

49 Chapter B Tasks Understand and use the Gradient palette Apply gradients to selected objects Create colors on the Colors palette Chapter B 49

50 Chapter B Tasks Apply colors to text Convert text to outlines and apply gradients Adjust gradients Create a drop shadow effect Chapter B 50