Adobe Illustrator CS4 digital classroom phần 8 doc

AICS4.indb 214AICS4.indb 214 11/25/2008 3:25:39 PM11/25/2008 3:25:39 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com 215Lesson 10, Exporting and Saving Files What you’ll learn in this lesson: Saving native • Illustrator files Saving a file as an EPS • format for use in layout applications Saving a file as a PDF for • distribution or review Saving a file for use on • the Web Exporting and Saving Files In this lesson, you will re-create a logo and then save and export the logo in a variety of di erent ways for use in print and on-line. You will save it as an Illustrator  le, a PDF, and as a Flash animation. Starting up Before starting, make sure that your tools and panels are consistent by resetting your workspace. See “Resetting Adobe Illustrator CS4 Preferences” on page 3. You will work with several  les from the ai10lessons folder in this lesson. Make sure that you have loaded the ailessons folder onto your hard drive from the supplied DVD. See “Loading lesson  les” on page 4. See Lesson 10 in action! Use the accompanying video to gain a better understanding of how to use some of the features shown in this lesson. The video tutorial for this lesson can be found on the included DVD. 10 Lesson 10 AICS4.indb 215AICS4.indb 215 11/25/2008 3:25:42 PM11/25/2008 3:25:42 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com 216 Saving using the AI file format Adobe Illustrator CS4 Digital Classroom 10 Saving using the AI  le format The default Adobe Illustrator  le format saves all the data needed to edit and work with your Illustrator documents. Layers, symbols, swatches, and graphic styles are all included when you save a  le in the .ai format, and the  le’s contents remain fully editable. 1 In Illustrator CS4, choose File > Open. In the Open dialog box, navigate to the ai10lessons folder and select ai1001.jpg. Press Open. The  le that opens is a low resolution JPEG that you will be re-creating. The  rst thing you should do is save it as a native .ai  le, then you can start to modify it. 2 Choose File > Save As. In the Save As dialog box, navigate to the ai10lessons folder and type ai1001_w ork.ai in the Name text  eld. Press Save. The Illustrator Options dialog box appears. The dialog box is divided into four editable sections: Version, Fonts, Options, and Transparency. Make sure that the Version drop-down menu is set to Illustrator CS4. This menu allows you to set the version of Illustrator with which your  les are compatible. Choosing an older version of Illustrator from this drop-down menu is called saving a legacy  le. It is important to remember that legacy  les do not support all the features of the current version of Illustrator. 3 Make sure that the Fonts text  eld is set to 100%. The Fonts area speci es when to embed the entire font as opposed to only the characters that are used in your document. If a font has 1000 characters and you only use 20 of them in your  le, it is usually not worth using up the extra  le space to include the entire font in your document. This  le does not use any text except the logo, which has been converted to a graphic; leave this option unchanged. 4 Leave the checkboxes in the Options section at their defaults. ADJUSTMENT USE Create PDF Compatible File Saves a PDF representation of the document in the Illustrator file. This option is used to make Illustrator compatible with other Adobe applications. Include Linked Files Embeds files that are linked to the artwork. If your document does not use any linked files then this option is grayed out. Embed ICC Profiles Embeds the color profile that Illustrator was using when your file was created and creates a color-managed document. Use Compression Uses lossless compression to compress the data in the Illustrator file, shrinking the Illustrator file size without sacrificing image quality. By default, in a new document the Create PDF compatible File, Embed ICC Pro les, and Use Compression options will be selected. AICS4.indb 216AICS4.indb 216 11/25/2008 3:25:57 PM11/25/2008 3:25:57 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com Saving an illustration with layers 217Lesson 10, Exporting and Saving Files 10 The transparency  eld is grayed out unless you are saving to a version of Illustrator prior to Illustrator 9. When active, this area allows you to determine whether transparent areas of your document are discarded (to preserve the edibility of document paths) or maintained (to preserve the document’s appearance). 5 Press OK to save your new Illustrator  le . Keep it open for the next part of the lesson. Saving an illustration with layers In this exercise, you will create a logo using the transform e ect, then you will make three di erent versions of the logo on separate layers. Later on, you will generate a PDF that contains layers that you email to a  ctitious client. Make a template layer The  rst thing you will do is make it a template layer. A template layer automatically locks the layer, and dims the image to 50%. This makes it easier for you to rebuild a new logo over it, because of the color di erence and the fact that the layer is locked means that you can’t select the logo and move it by accident. 1 Open the Layers panel by choosing Window > Layers or by pressing the Layers button ( ) in the dock on the right side of the workspace. 2 Double-click the text La yer 1 in the Layers panel. The Layer Options dialog box appears. In the Name text  eld, type template to rename the layer, then select the Template checkbox to automatically convert this layer to a template layer. Press OK. Converting a layer into a template layer. You can now make a new layer on which you can work. AICS4.indb 217AICS4.indb 217 11/25/2008 3:25:58 PM11/25/2008 3:25:58 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com 218 Saving an illustration with layers Adobe Illustrator CS4 Digital Classroom 10 3 In the Layers panel, press the panel menu button ( ) and select New Layer from the list. When the Layer Options dialog box appears, type working in the Name text  eld and press OK. 4 From the Tools panel, select the Ellipse tool ( ). The Ellipse tool may be hidden under the Rectangle tool ( ). If this is the case, click and hold the Rectangle tool to reveal the other hidden tools and choose the Ellipse tool. The  r st circle you will draw is the bottom left circle. You will then use the Transform E ect to make all the other circles. 5 In the Control panel at the top of the workspace, choose None ( ) from the Fill drop-down menu and make sure that the Stroke is set to black. 6 Start by holding down the Alt (Windows) or Option (Mac OS) key to make your r eference point centered, then click in the center of the bottom left circle and drag down and to the right to make the circle bigger. Don’t let go of the mouse. 7 Press and hold the Shift key. This will make your ellipse a perfect circle. 8 If the circle is not aligned, you can hold down the spacebar to move the object you are dra wing. You may need to ask a colleague to help you hold down a few keys! 9 Now you can let go of the mouse. If necessary, use the Selection tool ( ) from the Tools panel to move the circle into place. Drawing the  rst circle AICS4.indb 218AICS4.indb 218 11/25/2008 3:26:03 PM11/25/2008 3:26:03 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com Saving an illustration with layers 219Lesson 10, Exporting and Saving Files 10 Using the Transform E ect Instead of copying and pasting this circle, then manually positioning it, you will use the Transform E ect to do the work for you. The Transform E ect allows you to move, scale, and rotate, while making copies of any given object. 1 Make sure the circle is still selected. If necessary, click the circle using the Selection tool ( ). 2 Open the Appearance panel by choosing Window > Appearance or by pressing the Appearance button ( ) in the dock on the right side of the workspace. In the Appearance panel, select the stroke. 3 Press the Add New E ect b utton ( ) and choose Distort & Transform > Transform. The Transform E ects dialo g box opens. You need to have six circles around the center circle that you have not yet de ned. Since you already have 1 circle, you will need 5 more that rotate around the center circle 4 In the copies text  eld, type 5. 5 Under Rotate, type 60 in the Angle text  eld. 6 Make sure Preview is checked and drag the Move Horizontal slider to the right. You can star t seeing the e ect take place. Now type 43 pt in the Horizontal text  eld. Press OK. Choosing the correct settings for the transform. AICS4.indb 219AICS4.indb 219 11/25/2008 3:26:08 PM11/25/2008 3:26:08 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com 220 Saving different versions of the logo onto separate layers Adobe Illustrator CS4 Digital Classroom 10 Duplicating a Stroke You will now duplicate a stroke, to make the center circle. 1 Make sure the Stroke is selected in the Transform panel and press the Duplicate Selected Item button ( ). 2 Now that you have a duplicate Stroke, you will change the Transform options for your top Str oke. Press the arrow next to the top Stroke, and click the Transform text that appears. 3 The Transform E ect dialo g box appears. In the copies text  eld, change the number to 1. In the Move section, change the Horizontal text  eld to 21 pt. and in the Vertical text  eld type 38. Select the Preview checkbox to view the change. You should now have the center circle. Press OK. The settings for the second transform. Now that you have the logo completed, you will get the  le ready to be made into a layered PDF. 4 Choose File > Save to save your work. AICS4.indb 220AICS4.indb 220 11/25/2008 3:26:12 PM11/25/2008 3:26:12 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com Saving different versions of the logo onto separate layers 221Lesson 10, Exporting and Saving Files 10 Saving di erent versions of the logo onto separate layers Now that you have made the logo, it is time to save it onto di erent layers and colorize it. Expanding appearance The logo itself is just two strokes with Transform applied to each stroke. In order for you to colorize the logo, you will need to reduce the logo down to paths. 1 Choose View > Outline. Notice that your illustration is just one path. 2 Choose View > Outline, again. This takes you back into Preview mode. Saving as a graphic style By saving this illustration as a graphic style, you can create another circle, then apply the graphic style to get this same sort of e ect. This e ect was based on the size of the original circle, so results may vary, if you draw a circle of the same size you can get this exact e ect with one click. Try it with a square, or any object and it will apply the same stroke and transform options to the object. See Lesson 9, “Using E ects and Transparency,” for more info on graphic styles. 3 Choose Select > All to make sure your artwork is selected, then choose Object > Expand Appearance. 4 Choose View > Outline. Notice that the entire illustration appears as paths. 5 Choose View > Outline, again. This takes you back into Preview mode. The artwork expanded. AICS4.indb 221AICS4.indb 221 11/25/2008 3:26:14 PM11/25/2008 3:26:14 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com 222 Saving different versions of the logo onto separate layers Adobe Illustrator CS4 Digital Classroom 10 Save the  rst version Now for a little layer management. 1 Open the Layers panel by choosing Window > Layers or by pressing the Layers button ( ) in the dock. 2 Select the template layer and drag the layer to the Delete Selection button ( ) at the bottom of the panel. You no longer need the template layer. If a dialog box appears stating that the template layer contains artwork and asks if you w ant to delete it, choose Yes. 3 Double-click the text working in the La yers panel. In the Layer Options dialog box that appears, type Version 1 in the Name text  eld and press OK. Renaming layers. 4 Press the Layers panel menu button ( ) and choose Duplicate ‘Version 1’. 5 Double-click the V ersion 1 copy layer and in the Layer Options dialog box, type Version 2 in the Name text  eld and press OK. 6 Click the visibility icon ( ) to the left of the Version 1 layer to hide the layer. Now that Version 1 is on its own hidden layer, you can change the look of Version 2. 7 Choose File > Save. Using Live Paint The easiest way to colorize all the individual pieces of this logo is to make this logo a Live Paint Group. You will then be able to colorize this logo with the Live Paint Bucket tool. 1 Make sure the logo is still selected. If necessary choose Select > All. Select the Version 2 layer to make sure you are working on it. 2 Choose Object > Live Paint > Make. 3 From the Tools panel, choose the Live Paint Bucket tool ( ). 4 Double-click the Fill color in the Tools panel and choose any color from the Color Pick er dialog box, then press OK. AICS4.indb 222AICS4.indb 222 11/25/2008 3:26:16 PM11/25/2008 3:26:16 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com Saving different versions of the logo onto separate layers 223Lesson 10, Exporting and Saving Files 10 5 Randomly click the Live Paint Bucket tool in any section of the logo any way you like. You may want to color the object symmetrically the same on corresponding sides for a better overall look. Using the Color Guide panel Since you created this document from a jpeg, there are no colors in the Swatches panel. You will use the color guide to pick colors that are in harmony with your current color, then you can add them to your Swatches panel. 1 Choose Window > Color Guide or press the Color Guide button ( ) in the dock to open the Color Guide panel. 2 Click on the Harmony Rules drop-down menu at the top of the panel to view all the Har mony Rules for the initial color you picked. Choose any Harmony Rule from the list. 3 Press the Color Guide panel menu button ( ) and choose Save Colors as Swatches. The colors are added to the Swatches panel as a color group. 4 Make sure the image is deselected by choosing Select > Deselect, then open the Sw atches panel by pressing the Swatches button ( ) in the dock. Choose a color from the new color group created in the last step. 5 Now you can use your left and right arrows on the keyboard, with the Live Paint Bucket tool selected and color ize the artwork any way you would like. Your  nished Version 2 should look something like this. Saving the third version 1 With the Version 2 layer still selected, open the Layers panel. Press the Layers panel menu button ( ) and choose Duplicate ‘Version 2.’ 2 Double-click the V ersion 2 copy layer and in the Layer Options dialog box, type Version 3 in the Name text  eld and press OK. AICS4.indb 223AICS4.indb 223 11/25/2008 3:26:21 PM11/25/2008 3:26:21 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com [...]... Choose File > Save Adobe Illustrator CS4 Digital Classroom 11/25/20 08 3:26:26 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com Saving a layered PDF 10 Saving a layered PDF Adobe created the Portable Document Format (PDF) as a universal document distribution format PDF has become the de facto standard for the distribution and exchange of forms and electronic documents around... ways in which you can use Adobe Illustrator files in Adobe InDesign: Illustrator files can be copied in Illustrator and pasted directly into InDesign When brought into InDesign in this fashion, Illustrator files remain completely editable InDesign also has the ability to import Illustrator files using the Place command Integrating with Flash Illustrator can export files in the Adobe Flash swf format for... Illustrator with which you want your new EPS file to be compatible When you save the EPS file to a legacy version you lose some editing features The EPS Options dialog box 2 28 AICS4.indb 2 28 Adobe Illustrator CS4 Digital Classroom 11/25/20 08 3:26:33 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com Save for Web & Devices 4 Leave the Format section at its defaults The format settings... settings 226 AICS4.indb 226 Adobe Illustrator CS4 Digital Classroom 11/25/20 08 3:26:32 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com Integration with other applications 4 10 Press Save PDF to save your changes and create your PDF file Choose File > Close Now when the client opens the PDF they can view the different layers, even if they only have the free Adobe Reader Integration... Version 3 layer Adobe Illustrator CS4 Digital Classroom 11/25/20 08 3:26:41 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com Save for Web & Devices 7 10 Press the Layers panel menu button ( ) and choose Release to Layers (Sequence) Releasing Layers to a sequence Now that the layers are released, they should be numbered 4-21 This means you have all 18 versions you need 8 Select Layer... graphics format for creating File > Export, interactive, animated web graphics File > Save for Web & Devices PSD AICS4.indb 236 DESCRIPTION AI 236 NAME Photoshop Document Standard (native) Photoshop export format File > Export File > Export Adobe Illustrator CS4 Digital Classroom 11/25/20 08 3:26:55 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com Self study FILE FORMAT NAME... seed, then show the edges 240 AICS4.indb 240 Adobe Illustrator CS4 Digital Classroom 11/25/20 08 3:27:14 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com Using the Blend Tool 4 11 With the inner portion of the seed selected, make the sure the fill is active in the Tools panel Open the Swatches panel by pressing the Swatches button ( ) in the dock on the right side of the workspace... Navigate to the ai10lessons folder and press Save 3 In the SWF Options dialog box, choose AI Layers to SWF Frames from the Export As drop-down menu The Basic SWF Options 234 AICS4.indb 234 Adobe Illustrator CS4 Digital Classroom 11/25/20 08 3:26:51 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com Save for Web & Devices 4 10 Press the Advanced button on the right side of the dialog... first applied, the colors are set to black-and-white by default You will be changing the colors in the gradient by using the Gradient panel and the Swatches panel 244 AICS4.indb 244 Adobe Illustrator CS4 Digital Classroom 11/25/20 08 3:27:37 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com Applying Radial Gradients 9 11 Start by clicking on the white Gradient Slider on the... to Radial 6 Finish the process by setting the stroke value of the object to None When finished, the image should look similar to the figure below The finished seeds 246 AICS4.indb 246 Adobe Illustrator CS4 Digital Classroom 11/25/20 08 3:27:57 PM . work. AICS4.indb 217AICS4.indb 217 11/25/20 08 3:25: 58 PM11/25/20 08 3:25: 58 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com 2 18 Saving an illustration with layers Adobe Illustrator. projects. AICS4.indb 227AICS4.indb 227 11/25/20 08 3:26:33 PM11/25/20 08 3:26:33 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com 2 28 Saving as EPS Adobe Illustrator CS4 Digital. menu. AICS4.indb 225AICS4.indb 225 11/25/20 08 3:26:31 PM11/25/20 08 3:26:31 PM Simpo PDF Merge and Split Unregistered Version - http://www.simpopdf.com 226 Saving a layered PDF Adobe Illustrator CS4 Digital