QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 1 QUICK REFERENCE: ADOBE ILLUSTRATOR CS2 AND CS3 CS2 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. CS3
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 2 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.
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 3 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
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 4 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 9 Scale Scales objects Rotates, reflects and twists objects 10 Free Transform Changes object size 11 Mesh Creates multicolored, contoured objects for 3D-like effects 12 13 14 15 16 17 18 19 20 Gradient Eyedropper Live Scissors Hand Zoom Toggle New Paint Fill CS3, Stroke Bucket Selection Crop Tool Fills Apply Selects Splits Moves Magnifies Color The crop in that of paths objects view color, the stroke tool or appears area around reduces will stroke any with pattern of not area to blends your in and chop overall fill workspace of artwork an applied of your object view you or of more effects want image artwork to colors of apply using at an the object the overlapping crop Live marks. Paint paths Instead feature to it create to. will set new areas shapes. for you The to save Live around Paint feature or save will to web. intuitively The Slice color Tool artwork allows and you automatically slice your art detect into smaller and correct gaps. sections or divisions. Often used for
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 5 web design. Eraser Tool 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.
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 6
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 7
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 8
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 9
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 10 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.
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 11 SECTION 2: CS2 TOOL BOX
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 12
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 13
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 14 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.
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 15 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.
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 16 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.
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 17 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".
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 18 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
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 19 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
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 20 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.
QUICK REFERENCE, ADOBE ILLUSTRATOR, PAGE 21 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.