Adobe Illustrator Tutorial

Design with Adobe Illustrator Unit 4

Introducing Adobe Illustrator Chapter

Workshop Foundations Work with Vector Graphics

Workshop Toolbox The Illustrator Interface

Projects Project 7-1: Use Illustrator Tools Project 7-2: Create an Illustration Project 7-3: Set Colors Project 7-4: Apply Gradient Fills Project 7-5: Apply Blending Modes Project 7-6: Create a Drawing with the Blending Tool

Skills You Will Learn

Copyright © The McGraw-Hill Companies, Inc. All rights reserved.

7


Introducing Adobe Illustrator Chapter

Projects Project 7-7: Add Distort Effects Project 7-8: Create a Text Illustration Project 7-9: Enhance Your Text Illustration

Skills You Will Learn

Copyright © The McGraw-Hill Companies, Inc. All rights reserved.

7


Introducing Adobe Illustrator

Illustrations include a variety of styles and uses, including advertisements, children’s books, and fashion magazines.

Create an Illustration

pg. 292

Chapter 7



pg. 292

Chapter 7


Foundations

Identify vector graphic software Compare vector graphic file formats

You Will Learn ToKey Terms

vector graphics

scalable

file name extension

pg. 293


Foundations

What are Vector Graphics?

Vector graphics are line drawings that are stored as math formulas in a computer.

They are scalable, which means they can be resized without losing image quality.

Work with Vector Graphics pg. 293

vector graphics

Line drawing that are stored as math formulas in a computer. (pg. 293)

scalable

The ability to be resized without losing image quality. (pg. 293)



Foundations

How Do I Identify a Vector Graphic?

To identify a vector graphic, check the image’s file format or file name extension.

file name extension

The letters displayed after a file name that describes the file format. (pg. 293)



Foundations

Vector Graphic File Formats

Format Name

File Name Extension Format used in

Windows MetaFile

WMF Older Windows applications

Enhanced MetaFile

EMF Newer Windows applications

Adobe Illustrator

AI Adobe Illustrator

Apple’s Picture Format

PICT Macintosh computers (and PCs)

EncapsulatedPostScript

EPS High quality postscript printers

Scalable Vector Graphics

SVG Web animations


How can you identify a vector graphic?

Work with Vector Graphics

Foundations

You can identify a vector graphic by checking the image’s file name extension.


Work with Vector Graphics

Assessment pg. 294

Which file name extension would be used for an image created in a newer Windows application?

Answer: DExplanation: The file extension EMF would be used for an image created in a newer Windows application.

A. EPS

B. WMF

C. SVG

D. EMF


Toolbox

Identify Illustrator’s interface Identify toolbox drawing tools Identify Illustrator palettes

You Will Learn ToKey Term

palette

pg. 295


Toolbox

Illustrator Interface Features:

The workspace is the area that shows the page and where the image appears when printed.

The scratch area appears outside the workspace and can be used to assemble or edit designs.

The menu bar contains most general commands. The Control palette displays options related to selected

objects. Magnification levels are displayed next to the file name

and in the lower left corner.

The Illustrator Interface pg. 295

palette

A tool that displays options related to selected objects. (pg. 295)


Which Illustrator tool would you use to change a selected object?

The Illustrator Interface

Toolbox

You would use the Control palette to change a selected object.


The Illustrator Interface

Assessment pg. 296

Where in the Illustrator interface is the image as it appears when printed displayed?

Answer: BExplanation: The workspace displays the image as it appears when printed.

A. the Control palette

B. the workspace

C. the scratch area

D. the menu bar


Use Illustrator Tools

Create geometric shapes Apply the Selection tool Add fill color Drag objects Apply the Direct Selection tool

Spotlight on Skills

pg. 297

Key Terms

marquee

object

path

anchor point

Academic Focus

Math

Create geometric shapes

7-1



pg. 297

Selection Tools The Selection tool in Illustrator is similar to the Selection tool in

Publisher and Photoshop. A marquee can be created with the Selection tool to select

objects.

marquee

A dotted rectangle placed over objects to select them. (pg. 297)

object

Any individual shape, image, or text that can be moved, edited, or manipulated. (pg. 297)

7-1

Before You Begin Go to Chapter 7, and choose PowerPoint Presentations to preview the documents you will be creating. Also, use the individual project Rubrics to help create and evaluate your work.



pg. 297

Selection Tools The Direction Selection tool is used to select anchor points or

path segments that make up the border of an object.

anchor point

A spot where a segment begins or ends. (pg. 297)

path

A line created by an object when it is drawn. (pg. 297)

7-1



pg. 297

In this project, you will… Practice using Illustrator’s selection tools.

Adobe Illustrator

APPLICATIONS USED

7-1



pg. 300

7-1



Display grids and guides Apply the Zoom tool Align objects Format a line Add text Rotate an object

Spotlight on Skills

pg. 301

Key Terms

grids

magnify

Academic Focus

Math

Work with grids

7-2



pg. 301

Align Objects Guides and grids help a user align objects in the workspace. Smart Guides create temporary path lines to help align objects

in relation to each other. With the Align palette, a user can precisely align objects in

relation to each other. Zoom in Closer

The Zoom tools in Illustrator allow a user to magnify or reduce the size of picture.

grids

The framework upon which an object is placed. (pg. 301)

magnify

To enlarge an image in order to view its details. (pg. 301)

7-2



pg. 302

In this project, you will… Use Illustrator’s tools to draw a crayon.

Adobe Illustrator

APPLICATIONS USED

7-2



pg. 305

7-2


Set Colors

Duplicate an image Work with the Color palette Work with the Swatches palette

Spotlight on Skills

pg. 306

Key Terms

grayscale

RGB

CMYK

HSB

Academic Focus

Science

Identify color values

7-3


Set Colors

pg. 306

Toolbox The Toolbox in Illustrator contains many tools for applying,

changing, and creating colors.Swatches Palette

The Swatches palette provides specific colors and gradient options.

Color Palette Grayscale refers to the range of colors from white to black. RGB stands for Red, Green, Blue, colors which create most

other colors. CMYK stands for Cyan, Magenta, Yellow, blacK, a mode used

for printed documents. HSB stands for Hue, Saturation, Brightness.

grayscale

The range of colors from white to black with shades of gray in between. (pg. 306)

RGB

An acronym that stands for Red, Green, Blue. (pg. 306)

CMYKAn acronym that stands for Cyan, Magenta, Yellow, blacK. (pg. 306)

HSBAn acronym that stands for Hue, Saturation, Color. (pg. 306)

7-3


Set Colors

pg. 307

In this project, you will… Add color to the crayon you created in Project 7-2 and add it to

a box of crayons.Adobe Illustrator

APPLICATIONS USED

7-3


Set Colors

pg. 310

7-3

Check your work Use Figure 7.19 as a guide and check that:

The crayons are top aligned in the box.There is a white fill crayon box cover.The crayon box label uses two different fonts, and the text is centered.


Apply Gradient Fills

Work with the Gradient palette Create colors with the Color Picker

Spotlight on Skills

pg. 311

Key Terms

gradient

spectrum

radial

gradient stop

Academic Focus

Science

Create color gradients

7-4



pg. 311

Gradient Palette A gradient is a gradual change from one color to another in the

color spectrum. From the Gradient palette, a gradient type can be changed from

linear to radial. Gradient stops can also be set from the Gradient palette.

gradient

A gradual change from one color to another. (pg. 311)

spectrum

The entire range of colors from white to black. (pg. 311)

radialA circular gradient type effect. (pg. 311)

gradient stopA spot that marks the beginning or end of colors used in a gradient. (pg. 311)

7-4



pg. 311

In this project, you will… Use the Gradient tool to create an illustration of an eye.

Adobe Illustrator

APPLICATIONS USED

7-4



pg. 314

7-4


Apply Blending Modes

Use the Transparency palette Compare opacity results

Spotlight on Skills

pg. 315

Key Terms

transparent

opaque

Academic Focus

Science

Compare transparent and opaque states

7-5



pg. 315

Transparency Palette The Transparency palette has a number of blending modes that

change the transparency or opacity of a layer color. The more transparent an object, the more the layers show

through. The more opaque an object, the harder it is to see through the

layers.

transparent

The ability to see through an object. (pg. 315)

opaque

The inability to see through an object. (pg. 315)

7-5



pg. 315

In this project, you will… Use blending modes to add effects to the eye illustration you

started in Project 7-4.Adobe Illustrator

APPLICATIONS USED

7-5



pg. 316

7-5


The pupil, colored iris, and white of the eye all use gradient colors.The pupil and iris are centered horizontally and vertically in relation to each other and the white of the eye. There is a 48 pt semi-transparent black star around the pupil.There are three ellipses of different sizes and opacities.


Create a Drawing with the Blend Tool

Apply blending options

Spotlight on Skills

pg. 317

Key Term

morph

Academic Focus

Social Studies

Create the American flag

7-6



pg. 317

Blend Tool The Blend tool evenly distributes shapes or colors between

selected objects. The Blend tool is used to blend two different objects so that

their colors and shapes morph.

morph

To change from one shape into another. (pg. 317)

7-6



pg. 315

In this project, you will… Create the American flag using the Blend tool to duplicate the

thirteen stripes and fifty stars.Adobe Illustrator

APPLICATIONS USED

7-6



pg. 320

7-6


Add Distort Effects

Distort an image Add a drop shadow Warp text

Spotlight on Skills

pg. 321

Key Term

warp

Academic Focus

Social Studies

Create an American flag

7-7


Add Distort Effects

pg. 321

Envelope Distortion Effects Make with Warp has preset warp shapes. Make with Mesh controls the distortion effect applied to an

object. Make with Top Object adds effects to text so that it matches

the shape of angled objects.

warp

To blend. (pg. 321)

7-7


Add Distort Effects

pg. 321

In this project, you will… Use the Distort Envelope on the American flag you created in

Project 7-6. Adobe Illustrator

APPLICATIONS USED

7-7


Add Distort Effects

pg. 320

7-7


There are 13 stripes and 50 stars on the flag. The colors are correct.Stripes and stars are all identical in shape and size.Envelope distortion effects have been applied in a realistic way.The text is accurate and readable, even with the warped effects.


Create a Text Illustration

Add a shape to an area Apply text outlines

Spotlight on Skills

pg. 325

Academic Focus

Language Arts

Communicate a specific message

7-8



pg. 325

7-8

Palettes for Text Graphics

Palette Usage

Character Kerning and tracking are found under this palette.

Glyphs This palette contains extended characters in a font, including letters with accents and some symbols.

Paragraph This palette contains alignment options.

Tabs Use this palette to set tab stops and leaders.



pg. 325

In this project, you will… Create a flyer using text graphics.

Adobe Illustrator

APPLICATIONS USED

7-8



pg. 327

7-8


Enhance Your Text Illustration

Create a text path Add a gradient Apply Envelope distort

Spotlight on Skills

pg. 328

Academic Focus

Language Arts

Relate words to images

7-9



pg. 328

Spiral Tool The Spiral tool create spirals going clockwise or

counterclockwise.

7-9



pg. 328

In this project, you will… Continue the text illustration flyer that you started to design in

Project 7-8. Adobe Illustrator

APPLICATIONS USED

7-9



pg. 329

7-9


The flyer is in landscape orientation sized to be printed on an 8 ½ x 11 inch sheet of paper.The text illustration effectively conveys a persuasive message.The focus of the image is clear.The images add visual interest while displaying the content clearly.Text following the spiral pathway is readable.A gradient has been added to the background.The sticky note object looks realistic and has readable text and a drop shadow.


In the Workplace

pg. 330

On the Job Illustrators work with clients to clarify and create the visual

message that the client wants to express. Illustrators should know graphic design programs such as

Adobe Photoshop or desktop publishing applications such as Adobe InDesign.

Illustrators work in a variety of businesses, including advertising agencies, graphic design firms, and publishing houses.

Future Outlook The demand for illustrators is high and very competitive.

Skills and Talents

Illustrators

Illustrators need to have:

Good computer skills

Knowledge of drawingand design

Knowledge of digitalillustration and designsoftware

Good communicationskills

The ability to work independently and meet deadlines



Chapter Assessment

What are vector graphics?

Vector graphics are line drawings that are stored as math formulas in a computer.

What are common file formats that are used for saving vector graphics?

The common file formats for saving vector graphics are Windows MetaFile, Enhanced MetaFile, Adobe Illustrator, Apple’s Picture format, Encapsulated PostScript, and Scalable Vector Graphics.

Chapter 7



Chapter Assessment

Which palette provides specific colors and gradient options?

The Swatches palette provides specific colors and gradient options.

Which tool allows a user to morph objects?

The Blend tool allows a user to morph objects.

Chapter 7



Go to http://www.glencoe.com

Online Learning Center

Unit Activities

PowerPoint Presentations

Student Data Files

Key Term Flashcards

Reading Checks and Critical Thinking Activities

e-Review Self Checks

Worksheets

Enrichment Activities

Chapter 7

Adobe Illustrator Tutorial

Documents

Transcript of Adobe Illustrator Tutorial