Project 1: Creating and Using Multiple Artboards

Transcription

1 E00ILCS.qxp 3/19/2010 1:0 AM Page 7 Workshops Introduction The Workshop is all about being creative and thinking outside of the box. These orkshops ill help your right-brain soar, hile making your left-brain happy; by explaining hy things ork the ay they do. Exploring Illustrator's possibilities is great fun; hoever, alays stay grounded ith knoledge of ho things ork. Knoledge is poer. Getting and Using the Project Files Each project in the Workshop includes a start file to help you get started ith the project, and a final file to provide you ith the results of the project so you can see ho ell you accomplished the task. Before you can use the project files, you need to donload them from the Web. You can access the files at.perspection.com in the softare donloads area. After you donload the files from the Web, uncompress the files into a folder on your hard drive to hich you have easy access from Illustrator. Project 1: Creating and Using Multiple Artboards Skills and Tools: Artboards Artboards are regions of a document that contain printable artork. You can use artboards as crop areas for printing or placement. You can create multiple artboards (up to 100), hich are useful for creating documents at different sizes, creating and organizing artork elements in different places ithin the same document, and creating multiple page PDFs. You can vie all of your artboards by using the Artboards panel and Artboard Navigation on the Status bar. Each artboard is named and numbered so you can quickly sitch beteen them. You can only ork on one artboard at a time. After you activate an artboard, you can perform the folloing artboard operations: name, change the vie (outline or previe), resize, move the artboard ith or ithout its contents, rotate, and delete. In addition, you can also change the display for rulers, center mark, cross hairs, and video safe areas. The Project In this project, you'll learn ho to create and use multiple artboards to ork ith multiple art pieces in a document. 7

2 E00ILCS.qxp 3/19/2010 1:0 AM Page The Process 1 Open Illustrator CS, click the File menu, click Ne, and then enter a ne document name as multiple_artboards Change the number of artboards to 2. 3 Select the Arrange by Column button. Use the remaining defaults for the Ne dialog box. 6 7 Save the ne Illustrator file ith the defaults as multiple_artboards.ai. Select the Artboard tool on the Tools panel. 2 Click the bottom artboard, and then click the Delete Artboard button on the Control panel. 9 Click the File menu, click Open, and then open the file sea creatures.ai. 10 Select all the objects on the artboard using the Selection tool on the Tools panel, and then copy them. Close the file sea creatures.ai. 7 Paste the objects on the Clipboard to the artboard Select the Artboard tool on the Tools panel. Drag the resize handles on the artboard to make the objects fit in the artboard. Drag in the orkspace (outside an artboard) to create a ne artboard. To create an artboard ithin an artboard, hold don Shift and then drag. To use a preset dimension, click the Preset list arro on the Control panel, and then select a preset. Rename Artboard 1 to Sea Creates on the Control panel. 1 1

3 E00ILCS.qxp 3/19/2010 1:0 AM Page Click to select the artboard, click the Ne Artboard button on the Control panel, and then click to place the duplicated artboard. Rename Artboard 2 to Sharks on the Control panel Select the Selection tool on the Tools panel. Drag the shark objects to artboard number 2 and drag the dolphin objects to artboard number 3. Select the Artboard tool on the Tools panel. Rename Artboard 3 to Dolphins on the Control panel Select the Artboards panel, and then click the Dolphins artboard (number 3) to select it. Click the Move/Copy Artork With Artboard button to select it (pressed in) on the Control panel To sho artboard rulers, select the artboard, click the Vie menu, point to Rulers, and then click the folloing: Sho Rulers, Change to Artboard Rulers, if necessary, and Sho Video Rulers (artboard rulers like CS). Drag artboard number don a little bit. The artboard and the contents of the artboard move together. Click the Move/Copy Artork With Artboard button to deselect it on the Control panel. Drag artboard number don a little bit. The artboard moves ithout the contents of the artboard. 2 Click the Edit menu, and then click Undo To navigate beteen artboards, use the Navigation buttons on the Status bar. To exit the artboard editing mode, press Esc or click a different tool. The Results Finish: Compare your completed project file ith the movie in multiple_artboards_fnl.ai. 29 Artboard video ruler Workshops 9

4 E00ILCS.qxp 3/19/2010 1:06 AM Page 60 Project 2: Tracing and Recoloring Artork Skills and Tools: Live Trace and Live Paint If you have a raster graphic, such as a JPEG, TIFF, or PSD file, in your document, you can use tracing options to convert the graphic into editable vector artork. You can set options to create a close simulation of the graphic or a more artistic rendering of it and then fine-tune your results. The Live Trace command detects and traces the color and shading in a raster graphic to create an editable vector object. You can use tracing presets (recommended for first time users), such as Simple Trace, Hand Dran Sketch, or Inked Draing, or set your on tracing options in the Tracing Options dialog box. Tracing options are live, hich means that you can apply these options before or after using the Live Trace command. When applied, a traced object is knon as a live trace object. You can start a Live Trace in Illustrator or in Adobe Bridge. Live Paint allos you to fill open or closed paths by creating Live Paint Groups. After you create a path using a draing tool or Live Trace command, you can use the Live Paint command or the Live Paint Bucket tool to convert the paths into a Live Paint Group that you can paint. The Live Paint Bucket tool allos you to click an area formed by intersecting lines to apply fill (knon as face) and stroke (knon as edges) attributes. As you reshape the Live Paint objects, the paint attributes also change. The Project In this project, you'll learn ho to create a Live Trace starting from Adobe Bridge and use Live Paint tools to color the artork. The Process 1 Open Illustrator CS, and then 2 3 click the Go to Bridge button on the Applications bar Navigate to the projects folder to display the project files in Adobe Bridge. Select the sneakers.png file. Click the Tools menu, point to Illustrator, and then click Live Trace. The Live Trace dialog box appears. Select Technical Draing from the Tracing Preset. Deselect the Save and Close Results check box. Use the remaining defaults for the Ne dialog box.

5 E00ILCS.qxp 3/19/2010 1:06 AM Page 61 Adobe Illustrator opens, displaying the live Trace object. In Illustrator, you can create a live trace object by selecting the object, and then click the Live Trace button on the Control panel With the Selection tool, resize the sneakers object. Click the File menu, click Save As, and then save the ne document using the defaults ith the name live_trace _paint.ai. Select all the paths using selection tools on the Tools panel. Click the Live Paint button on the Control panel. You can also click the Object menu, point to Live Paint, and then click Make. You can also click the Live Paint Bucket tool on the Tools panel, and then click the selected paths. The paths are nested together into a Live Paint Group, hich appears in the Layers panel Double-click the Live Paint Bucket tool on the Tools panel. Select the Paint Fills and Paint Strokes check boxes to paint fills and strokes ith the Live Paint Bucket tool. Select the Live Paint Bucket tool on the Tools panel. Display a Live Paint Group object. Select a fill color on the Satches (including other libraries), Tools, or Control panels to use ith the Live Paint Bucket tool. Select a stroke color, eight, or other attributes on the Strokes, Tools, or Control panels to use ith the Live Paint Bucket tool. If the Cursor Satch Previe appears above the pointer, you can press the left or right arro keys to select or display the next or previous color from the Satches panel. To remove colors from stroke edges, select None. 1 Workshops 61

6 E00ILCS.qxp 3/19/2010 1:06 AM Page Point to the face that you ant to fill or the edge that you ant to change. The face or edge becomes highlighted. Click an individual face or edge or drag multiple edges. The Results Finish: Compare your completed project file ith the movie in live_trace _paint_fnl.ai. Project 3: Creating Stylized 3D Text 20 Skills and Tools: 3D Extrude & Bevel, Gradients, and Expand With the Illustrator 3D Effects, you can create 3D objects from 2D objects. The 3D Effects include Extrude & Bevel, Revolve, and Rotate. You can specify multiple appearance options including: position, rotation, surface, lighting, shading. Every 3D object is composed of multiple surfaces, such as a front, back, and sides. You can map 2D artork (as a symbol) from the Symbols panel to each surface on a 3D object to create the look that you ant. After you apply a 3D effect to text, you can add a gradient. A gradient is a smooth transition beteen to or more colors in an object. You can apply one of Illustrator s built-in gradients or create one of your on by using the Gradient panel. Using the Expand Appearance and Ungroup commands, you can separate the front face from the back and sides to add a gradient or other effects. The Project In this project, you'll learn ho to create a 3D logo using text. You ll apply a beveled 3d effect to text, and then apply a gradient to the front and back beveled areas of the text. The Process Open Illustrator CS, click the File menu, click Ne, and then enter a ne document name as 3d_text_logo. Select the Web profile for the ne document and then use the remaining defaults for the Ne dialog box. 6

7 E00ILCS.qxp 3/19/2010 1:07 AM Page 63 Save the ne Illustrator file ith the defaults as 3d_text_logo.ai. Select the Text tool on the Tools panel. 6 Drag a text box, and then type the text Submit. 7 Change the text size to pt or the size you ant. Select the text box using the Selection tool. 9 Click the Effect menu, point to 3D, and then click Extrude & Bevel. 10 Select the Previe check box. Point to the box in the 3D Extrude & Bevel Options dialog box, and then drag it to the position you ant. Click the Extrude Depth list arro, and then drag to 3 pt Select the Gradient panel Click the Gradient Fill box to apply the default gray gradient to the text. 16 Change the gradient angle to - 70 degrees. 17 Add another color in the middle to the gradient Click the Object menu, and then click Expand Appearance. Click the Object menu, and then click Ungroup. Select each letter, and then ungroup it (Shift+Ctrl+G (Win) or Shift+A+G (Mac)). Select all the letters, hold don Shift, and then select the front face of each letter to deselect them, so only the beveled edges in the back are selected. Select the Pathfinder panel. Click the Unite button. No hen you select any part of a beveled edge, all the beveled edges are selected, hich makes life easier. 17 In the Gradient panel, click the Gradient Fill box to apply the default gray gradient to the beveled edge Workshops 63

8 E00ILCS.qxp 3/19/2010 1:07 AM Page In the Gradient panel, change the middle color. In the Gradient panel, change the opacity. Click a blank area of the artboard to deselect the 3d text logo. The Results Finish: Compare your completed project file ith the movie in 3d_text_logo_fnl.ai. Project : Creating and Using the Bristle Brush Skills and Tools: Bristle brush Bristle brushes simulate the effects of painting ith a natural brush, such as atercolors and oils. When you use a bristle brush, it paints ith vectors to resemble a natural brush stroke. When you create a bristle brush, you can set brush options, such as brush shape (either, round, flat, or fan), brush size, length, density, thickness, paint opacity, and stiffness. When you use a riting tablet and 6D pen, such as a Wacom Art Pen, ith a bristle brush, a cursor simulates the brush tip and the pen automatically responds to pressure, bearing, rotation, and tilt.. The Project In this project, you'll learn ho to create and use the Bristle brush. The Process 3 1 Open Illustrator CS, and then open the file bristle_brush_start.ai. 2 Save the Illustrator file as my_bristle_brush.ai Select the Brushes panel on the Tools panel. Click the Ne Brush button on the panel. Click the Bristle Brush option. Enter My Round Fan as the brush name. Click the Shape list arro, and then click Round Fan.

9 E00ILCS.qxp 3/19/2010 1:07 AM Page 6 9 Adjust the other brush options to those shon 7 10 in the illustration. 10 The ne bristle brush appears in the Brushes panel. 1 1 Select the Paintbrush tool on the Tools panel. In the Control Panel, select a stroke color, stroke idth or variable stroke idth. Drag the brush across the artboard to create a bristle brush stroke. Repeat Step ith different options, and then drag across the artboard again to create another brush stroke. Click a blank area of the artboard to deselect the artork. 9 The Results Finish: Compare your completed project file ith the movie in bristle_brush_fnl.ai. Want More Projects You can access and donload more orkshop projects and related files at.perspection.com in the softare donloads area. After you donload the files from the Web, uncompress the files into a folder on your hard drive to hich you have easy access from Illustrator. Get Everything on DVD Instead of donloading everything from the Web, hich can take a hile depending on your Internet connection speed, you can get all the files used in this book and much more on a Illustrator CS On Demand DVD. The DVD contains task and orkshop files, tips and tricks, keyboard shortcuts, and other goodies from the author. To get the Illustrator CS On Demand DVD, go to.perspection.com. Workshops 6

10 E00ILCS.qxp 3/19/2010 1:07 AM Page 66