Introduction to Illustrator. With the release of Illustrator, Adobe has completed a tightly integrated trio of applications (Photoshop, InDesign and now.

Slides:



Advertisements
Similar presentations
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Advertisements

© 2011 Delmar, Cengage Learning Chapter 7 Importing and Modifying Graphics.
Importing and Modifying Graphics
Chapter 3 Drawing and Composing an Illustration. Objectives Draw straight lines Draw curved lines Draw elements of an illustration Apply attributes to.
INTRODUCTION TO ADOBE ILLUSTRATOR VECTOR MONSTERS Created by CHRIS SPOONER.
Chapter 12 Using Clipping Masks, Paths, & Shapes.
Raster Graphics vs. Vector Graphics
Bitmap and Vector Graphics. Bitmap Graphics Photos Scanned Images Animations Most pictures you find on the Internet Photos are JPG files – lots of colours.
Objectives Define photo editing software
Adobe Photoshop CS Design Professional PATHS, & SHAPES USING CLIPPING MASKS,
Multi-media graphics--JOUR 205 Vectors vs. bitmaps.
2.02 Understand Digital Vector Graphics
Vector vs. Bitmap SciVis V
Vector Graphics 2.02 Understand Digital Vector Graphics.
V Obtained from a summer workshop in Guildford County July, 2014
Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.
Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.
Minard Saladino By:. Introduction: Illustrator is a vector-based imaging program. Unlike PhotoShop, which deals in pixels (raster images), this one deals.
Adobe InDesign CS5 – Illustrated Unit D: Working with Graphics.
Dedicated Vector and Bitmap editing software.
Unit 30 Digital Graphics – Course overview Anne Sewell
Vector vs. Bitmap
Graphics A graphics program allows you to combine pictures and text in many different ways. Features – General Level Draw graphics Enter Text Common Tools.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
Photoshop Teppo Räisänen LIIKE/OAMK General Information Photoshop is an advanced image editing tool Web Graphics Printed material UI is based on.
Adobe CC: Graphic Design Portfolio Portfolio Project 1: International Symbols Setting up the Workspace Drawing Basic Shapes.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
I MPORTING AND M ODIFYING G RAPHICS. 1. Understand and import graphics 2. Break apart bitmaps and use bitmap fills 3. Trace bitmap graphics Objectives.
Chapter 4 Working with Frames. Align and distribute objects on a page Stack and layer objects Work with graphics frames Work with text frames Chapter.
Introduction to Vector Graphics and Adobe Illustrator CS3
Adobe InDesign CS2—Revealed PLACING AND LINKING GRAPHICS.
Aim: What is Illustrator? Mr. Spaterella Technology Feb. 22.
Introduction To Technology.  In computer graphics, there are two type of graphics:  Raster  Vector.
PLACING AND LINKING GRAPHICS
Design Studies 20 ‘Show Off’ Project How to make a computer monitor In Google Sketchup By: Liam Jack.
Creating a Silhouette in Illustrator. Go File>Place and place the photo on the artboard. Select the photo and click Live Trace (its on the tool bar right.
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Illustrator.
* Bitmap images are based on a grid of pixels * Each pixel is assigned a specific location and color value * Bitmaps contain a limited number of pixels,
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
© 2011 Delmar, Cengage Learning Chapter 12 Using Clipping Masks, Paths, & Shapes.
First, why use a program like Illustrator instead of Photoshop? Each is very good at different things. Illustrator is a drawing program and makes images.
Welcome eager young artists! Ms. Edelman Saturday, March 12, 2016  DO NOW: take out your notebook and a pen.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Guilford County SciVis V104.03
Digital Basics Quiz Preparation. Basic Digital Image Concepts Aliasing & Anti‐aliasing Resolution Compression Raster & Vector Color mode & Image mode.
Chapter 7 Vector Editing © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Graphics Basic Concepts 1.  A graphic is an image or visual representation of an object.  A visual representation such as a photo, illustration or diagram.
Agenda Collect Color Meaning Artist PowerPoint Introduction to Adobe Illustrator ◦ Guided Notes ◦ Step-by-Step Illustrator Activity Alphabet Letters Project-
Adobe Illustrator CS Design Professional WITH ILLUSTRATOR GETTING STARTED.
Bitmap vs. Vector How computers work with photographs and drawings.
2.02 Understand Digital Vector Graphics
MS Paint A simple drawing tool that can be used to create simple or elaborate drawings. These drawings can be either black-and-white or color, and can.
2.02 Understand Digital Vector Graphics
2.02 Understand Digital Vector Graphics
PROPERTY OF PIMA COUNTY JTED, 2011
Introduction to Illustrator
PROPERTY OF PIMA COUNTY JTED, 2011
Vector vs. Bitmap.
2.02 Understand Digital Vector Graphics
Using the Selection Tools
Traditionally artist have created their work with the following tools:
2.02 Understand Digital Vector Graphics
Chapter 7 Vector Editing
Digital Media Objective
Vectors and Paths, also File Export
2.02 Understand Digital Vector Graphics
2.02 Understand Digital Vector Graphics
2.02 Understand Digital Vector Graphics
Presentation transcript:

Introduction to Illustrator

With the release of Illustrator, Adobe has completed a tightly integrated trio of applications (Photoshop, InDesign and now Illustrator) that all work in the same way. Most key commands are the same across all applications, and palettes look and work the same. The applications are truly cross- platform, working virtually identically on both the Macintosh and Windows platforms.

Illustrator We will learn about: Raster and vector images Illustrator's environment Illustrator's tools and palettes Views in Illustrator

Raster vs Vector In the world of computer graphics, there are two types of images - raster and vector. Some programs that create raster images (also known as pixel or paint images) are Photoshop or Paintbrush. Some programs that create vector art (also known as object-oriented art) are Illustrator and FreeHand. Other programs, such as CorelDRAW, have tools to create both raster and vector images.

Raster Images Raster images are made up of a whole lot of tiny dots, called pixels. To illustrate this concept, we will use a sheet of graph paper. Each square on the sheet represents one pixel. Let's start simple and create a black and white circle that is 20 pixels in diameter. The number of pixels determines the resolution of your file. The computer stores this file by recording the exact placement and colour of each pixel. The computer has no idea that it is a circle, only that it is a collection of little dots.

Each pixel has a coordinate, and the contents of that pixel are recorded and saved in a file.

In the previous example, we see each individual pixel, and the circle is very blocky. By adding more pixels, thereby increasing the resolution, we can make that same circle appear smoother because the pixels are much smaller. Of course, the higher your resolution is, the larger your file size will be because the computer has many more pixels to keep track of. Where the problem arises is when you try enlarging a raster image. Because the resolution is set, when you scale the art, in reality, you are just enlarging the pixels, which results in a jaggy (or pixelated) image.

Vector Images Vector art is different in that instead of creating individual pixels, you create objects, such as rectangles and circles. By noting the mathematical coordinates of these shapes, a vector program can store files in a fraction of the space as raster images, and more importantly, be able to scale images to virtually any size without any loss in detail.

Unlike raster images, the vector circle appears smooth at 100% (left) and just as smooth when enlarged 800% (right).

These two graphics shows the differences between an enlarged vector graphic on the left (notice the smooth edges) and an enlarged bitmap graphic on the right (note the jagged edges). Many companies have their logos created as vectors to avoid problems with scaling: A vector graphic logo maintains its high quality appearance at any size.

Drawing Controls Illustrator drawing tools have long been the industry standard for power and versatility, but they’ve also always been a little unnatural and tedious to those who are new to using vector drawing tools. The drawing tools have been improved to allow you to work faster and get better results, starting with Point selection: Simply move your cursor over an anchor point (with the direct selection tool), and it’s enlarged to help you see it better.

The control panel has gained additional tools to help you change curved corners to rounded curves, or back again. You can also connect and remove anchor points quickly with the improved path controls. New tools in the control panel help edit paths.

Erase It Away The Eraser tool lets you erase as easily as you create, even reconnecting paths as you erase over shapes and paths. You can make the eraser larger or smaller by double- clicking the Eraser tool and changing the options in the Eraser Tool Options window. The Eraser tool makes it easy to take away shapes and paths, just where you want.

Isolation Mode This allows you to take selected objects into a mode that protects other artwork. Isolation mode is truly essential if you work on complex artwork and spend a lot of time grouping, hiding, locking, and restacking layers to access objects for editing. To use this new mode, just use the Selection tool to double-click any grouped set of objects. The rest of your artwork becomes inaccessible. This feature is truly a timesaver!

Double click a group using the Selection tool to enter the Isolation mode.

Cropping Tool When the new Crop Area tool is selected, options appear in the Control panel for measure as well as Presets that you can choose from. Want even more control? Double-click the Crop Area tool for additional options.