adobe illustrator crash courseoedk.rice.edu/resources/documents/trainingmodules/ai... · what is...

33
Adobe Illustrator Crash Course Super-Basics: Navigation & Terminology

Upload: trankhue

Post on 21-May-2018

219 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

Adobe Illustrator Crash CourseSuper-Basics: Navigation & Terminology

Page 2: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

What is Adobe Illustrator?

A powerful editing software that specializes in vector graphics

Vector image: an image format based on vectors, which go through

locations called nodes (or control points) to create clean, resizable

images

Raster image: an image format based on pixels stored in a rectangular

image matrix, typically used for photo storage

Although both formats have their strengths and weaknesses, vector

graphics are superior when sending commands to machines such as

the laser cutter or plasma cutter

Page 3: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

What are we learning?

Adobe Illustrator is actually a very versatile program with a

wide variety of functions and applications

However, we’ll only consider uses that are frequently needed

in the OEDK:

Basic Illustrations: combining simple shapes to create proof-of-concept

2D CAD (computer-aided design): creating files that can be used with

the lasercutter or plasma cutter

You can read about some of the other applications here

https://helpx.adobe.com/illustrator/how-to/what-is-illustrator.html

Page 4: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

Starting Tips

Hotkeys: using hotkeys is weird at first, but can make your overall CAD workflow much faster

Also, your ability to CAD quickly is a great conversation starter for dinner parties*

*probably not

CAD with both hands: use the right hand on the mouse (selecting objects) and the left hand on the keyboard (using hotkeys)

Save often.

Page 5: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

The Super-Basics

Creating a file

Adjusting units

Artboards

Navigating a file

Layers

Page 6: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

Getting Started

Page 7: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

This is your workspace. Once you

create a file, your work will appear

within this box

Page 8: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

Create a new file by:

• File -> New

Page 9: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

You can adjust units here as necessary, or you can

change them later without rescaling your file.

Page 10: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

If you’re doing graphics

work, you can mess with

the color and render

settings here. For our uses

here, we can leave them on

their defaults.

Page 11: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

Click “OK”

to create a

new file.

Page 12: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

Want to change your initial

preferences? Access your

preferences:

• File -> Document Setup

• Hotkey: ALT + CTRL + P

Page 13: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

Change units if needed:

Page 14: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

Let’s resize our

workspace. Your

workspace is

determined by the size

of your Artboard:

Page 15: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

You can roughly resize the

Artboard by clicking and

dragging on the corner

handles to get a rough

shape.

There are typically two ways

to alter the size of

something: roughly (click +

drag) or precisely (enter in

exact numerical values).

Page 16: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

Or you can enter in the

exact size you want in the

W/H (width and height)

boxes.

Page 17: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

The chain-link here

determines whether or not

the W/H are linked when

you resize. If the link is

broken (shown), then

altering W will not alter H,

and vice versa. if the link is

complete, then H will scale

according to the change in

W, and vice versa.

Page 18: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

IMPORTANT: the laser cutter and plasma

cutter will only recognize graphics inside

of your first Artboard

• Don’t draw outside of your Artboard

• Don’t use multiple Artboards.

Page 19: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

ALSO IMPORTANT: Even though you

named the document when you

started, you’ll still need to specify

a save location for your file:

• File -> Save As

• Hotkey: CTRL + S

Page 20: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

Navigation: You can scroll around the

artboard using the arrows along the

edges.

• Hotkey: SPACE + DRAG (click and

drag with your mouse)

• Hotkey: SCROLL (use the center

scroll of your mouse)

Page 21: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

You can zoom in/out by altering the

percent in the zoom dropdown menu.

• Hotkey: ATL + SCROLL

• Protip: on the OEDK monitors, 125%

zoom is actual-size: (if you made a 1”x1”

box, it would appear as 1”x1” on your screen.

This is useful for seeing how big your pieces

will be.)

Page 22: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

There are two useful

views in Illustrator:

Preview and Outline.

• Preview shows all

shape colors/fills, and

also shows shape order

(more on that later)

Page 23: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

There are two useful

views in Illustrator:

Preview and Outline.

• Outline erases all

colors/outlines, hides

shape order, and shows

the center point of

shapes.

Switching between

modes:

• Hotkey: CTRL+Y

• View -> Preview

Page 24: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

Notice how some shapes

are only visible in Outline

mode. This is useful

because PC/LC will cut all

solid lines, regardless of if

they are covered or not.

Page 25: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

Layers effectively allow you to

selectively overlay graphics and

then toggle which ones are

displayed. This is useful when

you want to use a reference

image/shape without editing it.

Page 26: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

You can access your Layers toolbar

from here.

Page 27: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

You can create new layers here.

Page 28: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

You can delete old layers here.

Page 29: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

Both the red and

blue layers are

active

Layers

Page 30: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

Clicking on the

eye next to a

layer allows you

to toggle its

visibility

Layers

Page 31: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

Clicking on the

eye next to a

layer allows you

to toggle its

visibility

Layers

Page 32: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

NOTE: regardless of what layers

are invisible/visible, the

lasercutter will still cut all of

them. Be aware of this.

Page 33: Adobe Illustrator Crash Courseoedk.rice.edu/resources/Documents/TrainingModules/AI... · What is Adobe Illustrator? A powerful editing software that specializes in vector graphics

Superbasics Wrap-Up

Leaving this tutorial, you should know the following about navigation:

How to create and save a file

How to edit the size of your workspace

How to maneuver around the workspace

Zoom

Scroll / translational motion

And you should be aware of the following terminology:

Hotkeys

Artboards

Layers