quick reference: adobe illustrator cs2 and cs3 cs2 cs3 section 1

QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 1

QUICK REFERENCE: ADOBE ILLUSTRATOR CS2 AND CS3

CS2 CS3

SECTION 1: CS3 TOOL BOX: PAGE 2

SECTION 2: CS2 TOOL BOX: PAGE 11

SECTION 3: GENERAL CONCEPTS: PAGE 14 SELECTING AND MOVING Drawing Paths and Shapes PENCIL TOOL PEN TOOL SHAPE TOOLS APPLYING COLOR SECTION 4: CREATING A NEW DOCUMENT AND SAVING IN CS3: PAGE 17 WINDOWS DOCUMENT Creating a file MACINTOSH DOCUMENT Creating a file SAVING A FILE SECTION 5: ILLUSTRATOR ENVIRONMENT: PAGE 20 ARTWORK WINDOW For more information, use the online chapter resources, the Adobe Illustrator help menu and the reference books for this course.


SECTION 1: CS 3 TOOLS

Toolbox The toolbox is a long rectangular box displaying various icons. If you click on a tool with a black triangle in the corner, you will expose a sub-menu of similar tools.


CS2 Toolbox CS3 Toolbox

CS3 can display as single or double columns

Toolbox Differences Between CS2 and CS3: CS 3 has a slightly different toolbox layout. Adobe created a single column of tools rather than the standard 2-column list. This is useful for users with large screens because the interface takes up minimum screen space. The new also has a gray border wrapping around the toolbox with a double arrow above. Click the double arrow to return the toolbox to a 2-column list for smaller screens. Above are the various views of the toolbox. To remove the toolbox from being docked to the side, you drag the top of the toolbox itself, not the gray wrapper. The two highlighted tools in pink, above are new to this version: Crop Tool and the Eraser Tool. 1 Selection (black arrow) Selects and moves objects Direct Selection (white

arrow) Selects and moves anchor points and line segments on a path.

2 Pen Draws straight lines and flowing (Bezier) curves


3 Type Creates text 4 Line

Draws lines, arcs, spirals and grids

5 Rectangle Draws rectangles, ellipses and polygons

6 Paintbrush Paints colored strokes using artistic brush styles

7 Pencil Draws freeform paths 8 Rotate

Rotates, reflects and twists objects

9 Scale Scales objects 10 Free Transform Changes object size 11 Mesh Creates multicolored, contoured

objects for 3D-like effects

12 Gradient Fills in objects with blends of two or more colors

13 Eyedropper Selects color, stroke and applied effects of an object

14 Live Paint Bucket Apply color to any area of your artwork using overlapping paths to create new shapes. The Live Paint feature will intuitively color artwork and automatically detect and correct gaps.

15 Live Paint Selection Selects the area of your artwork you want to apply the Live Paint feature to.

16 Scissors Splits paths 17 Hand Moves view around in workspace 18 Zoom Magnifies or reduces overall view of image

19 Toggle Fill Color that appears to fill an object 20 Toggle Stroke Color of stroke pattern

New in CS3, Crop Tool

The crop tool will not chop your artwork at the crop marks. Instead it will set areas for you to save around or save to web. The Slice Tool allows you to slice your art into smaller sections or divisions. Often used for


Eraser Tool

web design. The Eraser Tool works like the Brush Tool, but in reverse. The CS3 Scissors Tool and Knife Tool can be found under the Eraser Tool.


For more details on the tools, see Section 3 of this paper and refer to the listings covered under Section 2, CS2, in the next few pages. Also remember, you can always reference the help menu in the Adobe Illustrator application to quickly locate an answer.


SECTION 2: CS2 TOOL BOX


SECTION 3: GENERAL CONCEPTS Selecting and Moving An object is selected by clicking it with the selection tool (black arrow). You can move it around the artwork window by holding down the left mouse button (Windows) or the mouse button (Mac OS) over the object and dragging. Drawing Paths and Shapes A path is a series of line vectors created by two or more anchor points. Straight or curved segments can be constructed around the anchor points, much like a wire held in place by pins. You can change the shape of a path by editing its anchor points. Anchor points help to define the shape and smoothness of the path.

Creating a path in Illustrator can be simple as selecting a drawing tool (pen, paint brush, pencil) and dragging it over the artboard window. Pencil Tool The pencil tool draws a freeform path. It also allows you to edit preexisting paths.

� To continue an existing path, drag from an anchor endpoint with the pencil tool. � To modify a path, position the pencil on or near the path, and drag to reshape. � To draw a closed path, start to drag, press Alt (Windows) or Option (Mac OS), and continue dragging. Release the mouse and then release Alt/Option to close the path. �


Pen Tool

The pen tool lets you draw straight lines and flowing curves. Although it is less intuitive than the pencil tool, the pen tool offers you the advantage of creating streamlined paths that can be controlled and reshaped with precision. To draw a straight line, click the pen tool at desired anchor points (from point-to-point). The anchor points automatically connect together to form a straight-line path. To end the current path, click the pen tool again in the toolbox. To draw curves (known as Bezier paths), click and then drag anchor points to define the shape and direction of the curve. By varying the angle and length of your drag, you can control the shape and depth of the curve. To add or remove an anchor points use the Add anchor point or remove anchor point pen tool (the pens displaying the plus or minus sign). To make a straight line into a curve, use the Convert Anchor Point Tool (upside down V) or hold down Alt while using the pen tool to click and drag out anchor points. Shape Tools You can create many objects in Illustrator by starting with basic shapes. The shape tools let you easily create rectangles, ellipses, polygons, spirals, and stars. To draw a shape, select the appropriate shape tool from the toolbar, and click and drag in the artwork window or click once on the screen to bring up a dialog box and enter the size in the fields provided.


Applying Color

Painting an object is a two-step process. First you select the object with the selection tool (black arrow). Next, apply a fill color to the object's interior, and then you apply a stroke color to its border. The fill and stroke colors are chosen and edited independently from the Fill and Stroke boxes in the toolbox. Before you fill or stroke a selected object, make sure that the corresponding Fill or Stroke box appears in the front most position by clicking on it. The color can then be selected from the Color palette. SECTION 4: CREATING A NEW DOCUMENT IN CS3 Create a new document (Windows Users) 1. Click the Start button on the taskbar, point to All Programs, click Adobe Design Premium CS3 (or the name of your Adobe Suite), then click Adobe Illustrator CS3. 2. Click File on the menu bar, then click New. 3. Type a name for the file in the New Document dialog box. 4. Click the Size list arrow to view the available sizes, then Custom, or a standard size you want to use. 5. Click the Units list arrow, then click Inches or whatever measurement you want to use. The size of your artboard will be 8.5" × 8.5". 6. Click the left icon next to Orientation (Portrait as opposed to Landscape) as the page orientation.


7. Click the Expand button to the left of the word Advanced, click the Color Mode list arrow, then click RGB. 8. Click OK to create a new document with these settings. Use the drawing and primitive tools to practice creating an image on the page. Create a new document (Macintosh Users) 1. Double-click the hard drive icon, then navigate to and double-click the Adobe Illustrator CS3 folder. 2. Double-click the Adobe Illustrator CS3 program icon. 3. Click File on the menu bar, then click New. 4. Type a name for the file in the New Document dialog box, as shown in Figure 2. 5. Click the Size list arrow to view the available sizes, then click Custom. 6. Click the Units list arrow, then click Inches. The size of your artboard will be 8.5" ×8.5".


7. Click the left icon next to Orientation (Portrait as opposed to Landscape) as the page orientation. 8. Click the Expand button to the left of the word Advanced, click the Color Mode list arrow, then click RGB. 9. Click OK to create a new document with these settings. Use the drawing and primitive tools to practice creating an image on the page. SAVING (MAC AND PC) Saving Click File on the menu bar, click Save As, type the File name with the .ai extension in the text box (Win) or the Save As text box (Mac), navigate to the drive and folder where your Data Files are stored. Under File Name, type a name for the file with the .ai extension. Under Save as type, select Adobe Illustrator from the drop down menu. Never apply double extensions. For example don’t use: practices.ai.ai


Click the Save button to save the file.

When the Illustrator options box appears, select the version you want to save to (for example, Illustrator CS3). If you are using the CS2 version of the software, CS3 will not be available in


the list of choices. Keep all of the default settings in this dialog box. Click OK to close the dialog box.

11. When you are done working on a file, click File on the menu bar, then click Close or Quit. SECTION 5: Adobe Illustrator Environment Artwork Window You view, create, and edit your work inside the artwork window. The artwork window contains boundary lines that help you lay out your work in relation to the printable and nonprintable areas of your page.


• To open an existing artwork file, choose File > Open, and locate and open the file • To create a new artwork window, choose File > New. When you create a new

document, you will be asked to specify the color mode (CMYK or RGB) and artboard size.

In this new artwork file, notice the solid rectangular boundary inside the window.

The solid lines represent the boundaries of the artboard, or the maximum image area. The area outside the artboard is the pasteboard also called the scratch area. Objects on the pasteboard remain visible on-screen, but they do not print with the artwork. Saving file with the artwork on left on the pasteboard increases the file size. The dashed lines (also known as page tiling) indicate the image area, the edge of the graphic display area for printing. Any part of the graphic that goes beyond the dashed lines will not appear on a printed piece. Note: The Artboard and Page Tiling can be turned on and off under the View Menu.

quick reference: adobe illustrator cs2 and cs3 cs2 cs3 section 1

Documents