Introduction to Vector Graphics and Adobe Illustrator

Introduction To Technology

Types of Graphics

In computer graphics, there are two type of graphics: Raster Vector

Raster Graphics

A raster image is also known as “bitmap”, which is data displayed on a grid of pixels

Adobe Photoshop

Raster images are large in file size

What are Vector Graphics? Vector Images are created

directly in the computer instead of being scanned or brought in from a digital camera or other media source

Instead of using pixels, vector graphics are created with mathematics

Vector Graphics are also called “Object Art” because all shapes and colors are created by the outlines of objects

Why study Vector Graphics? Used in Graphics Industry Found in the Real World Building Block for advanced

complex graphic projects

Advantages of Vector Graphics

Vector graphics are resolution independent, which means no mater how much the artwork is enlarged or reduced, it looks great-no jagged edges

This makes vector graphics idea for creating logos, maps, and other smooth-edged images that will be used at different sizes.

Vector Graphics can be easily modified

Unlike raster images, vector images can be easily modified

With a click of a button you can apply stroke and fill properties

Vector Graphics have smaller file sizes

The mathematics of vector graphics allow large shapes to be described as extremely small amounts of data

Examples of Vector Graphics

Logos, Business Cards, Cartoons, Animations

Hyper-realistic Vector Imaging

Vector imaging requires a new approach to imaging

Most people struggle with the concept of objects art vs line art.

Think of Bob Ross When designing Vector images! Where did Bob always

start? How did he assemble

a painting?

Break

Any Questions?

Introduction to Adobe Illustrator

What is Adobe Illustrator? Adobe Illustrator is a Professional Vector

Image production program. Used heavily in the Computer Graphics

Industry

Adobe Illustrator Screenshot

Adobe Illustrator Walkthrough

Open/Close Program Setting Up a Document Add Objects Stroke & Fill Zoom In & Zoom Out Color Modes Type Tools Layers Cropping Publishing

Your Assignments for today Illustrator walkthrough Custom Header(Moodle?)

Follow me exactly Customize this for your program

Follow the Ghostbat tutorial, -Actually read it!

Choose a second tutorial of your liking to complete –Actually read this one too, they can be tricky!

Design, create, and fabricate a custom glass using Illustrator and the laser engraver -I will explain this later.

Remaining time should be used to create custom graphics for your program, classes, website, or Moodle page.