Chapter2
Download as PPTX, PDF0 likes414 views
This document discusses how to create and format text, apply colors and gradients, and position text in Illustrator. The key points covered are: - How to create, select, and format text using tools like the Character and Paragraph panels. - How to flow text into shapes or position it on paths using tools like Area Type and Type on a Path. - How to create and adjust gradients using the Gradient panel, including applying them to fills, strokes, and text. - Additional text formatting options like converting to outlines, adjusting gradients, and adding drop shadows.
Chapter2
- 1. Chapter 2 Creating Text and Gradients
- 2. 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
- 3. Create and Format Text 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.
- 4. Create and Format Text • Use the Vertical Type tool to create vertical type. • Type is positioned on a path called the baseline.
- 5. 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.
- 6. Create and Format Text Font family Font style Leading Font size Tracking Kerning Horizontal Scale Vertical Scale Baseline shift Underline Character Rotation Strikethrough
- 7. Create and Format Text • Tracking inserts uniform spaces between characters. • Kerning affects the spaces between any two characters.
- 8. Create and Format Text Examples of kerning and tracking
- 9. Create and Format Text • Leading inserts vertical space between baselines. • Applying a horizontal or vertical scale compresses or expands selected type.
- 10. Create and Format Text Baseline Leading 50% horizontal scale © 2011 Delmar Cengage Learning 50 % vertical scale Examples of text formatting
- 11. Create and Format Text Align buttons Left indent text box Right indent text box First-line left indent text box Space after paragraph Space before paragraph Paragraph panel modifies text alignment, paragraph indents, and vertical spaces
- 12. 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.
- 13. 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.
- 14. Flow Text into an Object © 2011 Delmar Cengage Learning
- 15. 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.
- 16. Flow Text into an Object • ‘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.
- 17. Position Text on a Path Text on a path Text flipped across a path
- 18. Create Colors and Gradients • A gradient is a graduated blend between colors. • Create and adjust gradients in the Gradient panel.
- 19. Create Colors and Gradients Type list arrow Two color gradient Rotation text box Gradient slider Stops Opacity text box Location text box
- 20. 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.
- 21. 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.
- 22. 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.
- 23. Create Colors and Gradients Linear gradient Radial gradient You can create and apply linear or radial gradients
- 24. Create Colors and Gradients 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.
- 25. Create Colors and Gradients • The Color panel is where you move sliders to mix new colors for fills, strokes, and gradients. Current fill and stroke colors Slider CMYK values CMYK Spectrum
- 26. Create Colors and Gradients • 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).
- 27. 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.
- 28. Create Colors and Gradients
- 29. Apply Colors and Gradients to Text • 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.
- 30. 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.
- 31. Adjust a Gradient and Create a Drop Shadow Each outline is filled with the gradient
- 32. 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.
- 33. Adjust a Gradient and Create a Drop Shadow • 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.
- 34. Adjust a Gradient and Create a Drop Shadow 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.
- 35. Adjust a Gradient and Create a Drop Shadow • For linear gradients, the angle you drag determines the angle that the blend fills the object.
- 36. 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.
- 37. Adjust a Gradient and Create a Drop Shadow Examples of different angles and lengths of a gradient fill created with the Gradient tool.
- 38. 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.
- 39. Adjust a Gradient and Create a Drop Shadow Drop shadow created using the Paste in Back command
- 40. Apply Gradients to Strokes • Use the Gradient panel to apply a gradient to the stroke of an object • Three options: – Within – Along – Across
- 41. Adjust a Gradient and Create a Drop Shadow • Within Stroke Option Applied
- 42. Adjust a Gradient and Create a Drop Shadow • Along Stroke Option Applied
- 43. Adjust a Gradient and Create a Drop Shadow • Across Stroke Option Applied