9. Working with Graphics

Introduction

In addition to opening Illustrator documents, you can also open graphic files created in different formats, such as TIFF, JPEG, GIF, and PNG. You open a graphic file the same way you open documents in Illustrator. You can also use Illustrator’s Place command to insert artwork. Illustrator lets you place graphic files saved in Photoshop PSD, BMP, JPEG, EPS, and PNG formats, to name a few.

With Illustrator’s Place command, you can link or embed an image into your document. Embedding inserts a copy of one document in another. When data is embedded, you can edit it using the menus and toolbars of the program in which it was created. Linking displays information stored in one document into another. After you link or embed a graphic image file into an Illustrator document, you can use the Links panel in Illustrator to manage and work with the files. The Links panel displays a list of all the linked or embedded files in your document.

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 artwork. 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 Graphic Styles panel allows you to create, save, and apply graphics styles. A graphic style is a collection of attributes that can be applied to a layer, sublayer, group, or object. The Appearance panel allows you to apply and manage multiple attributes of an object. You can apply fills, strokes, opacity, blending mode, effects, and other attributes to objects, layers, groups, or graphic styles. The panel makes it easy to apply, edit, duplicate, restack, or remove attributes.

Opening Graphics

image

IL 7.1

In addition to opening Illustrator documents, you can also open graphic files created in different formats, such as TIFF, JPEG, GIF, and PNG. You open a graphic file the same way you open documents in Illustrator. When you open a graphic file, a tab appears across the top of the Document window, which you can click to display. If you need to manage, organize, or find graphic files, Adobe Bridge is the way to go. With Adobe Bridge, you can search for the graphic files that you want to edit, and then open them in Illustrator.

Open a Graphic Image

image Click the File menu, and then click Open to display all file types in the file list of the Open dialog box.

image Click the Files of Type (Win) or Enable (Mac) list arrow, and then select a graphic format.

image Navigate to the drive or folder location with the image you want to open.

image Click the graphic file you want to open.

Timesaver

Press and hold the Shift key to select multiple contiguous files to open in the Open dialog box.

image Click Open.

image

See Also

See “Opening a Document with Adobe Bridge” on page 14-15 or “Placing Graphics from Adobe Bridge” on page 222-223 for more information on finding and opening or placing graphic files from Bridge.

Placing Graphics

image

IL 7.1

You can use Illustrator’s Place command to insert artwork into an open document. To increase your control of the new image information, Illustrator places the new image into a separate layer. Illustrator lets you place graphic files saved in Photoshop PSD, BMP, JPEG, EPS, and PNG formats, to name a few. When you first place a vector-based image into Illustrator, you have the ability to modify the width, height, and rotation while retaining the vector format of the file.

Place a Graphic

image Open an Illustrator document.

image Click the File menu, and then click Place.

image Navigate to the drive or folder location with the image you want to open.

image Select the graphic file that you want to place into the active document.

image Select any of the following options:

image Link. Places a screen version of the graphic and links the document to the graphic file. Deselect to embed a copy of the graphic file image in the document.

image Template. Places a dimmed version of the graphic on a template layer for tracing.

image Replace. Replaces the currently selected image.

image Click Place.

image

Illustrator places the image in a new layer, directly above the active layer, and then encloses it within a transformable bounding box.

image Control the shape by manipulating the corner and side nodes of the freeform bounding box.

image

Placing Graphics from Adobe Bridge

image

IL 7.1

Adobe Bridge allows you to search, sort, filter, manage, and process graphic files one at a time or in batches. You can open or place graphics directly into Illustrator by using the Open With (Adobe Illustrator) or Place (In Illustrator) commands in Bridge from the File menu. You can also drag thumbnails from the Bridge into an open Illustrator document window.

Browse and Open Graphics with Adobe Bridge

image Click the Go to Bridge button on the Application bar or click the File menu, and then click Browse in Bridge.

image

Adobe Bridge opens, displaying files and folders on your computer.

image Navigate to the drive or folder where the file is located.

image Select the graphic thumbnail representing the file that you want to open in your Illustrator document.

image Click the File menu, point to Open With, and then click Adobe Illustrator CS4.

image

Did You Know?

You can locate a linked graphic in Bridge from Illustrator. In the Links panel, select the graphic name, click the Options menu, and then click Reveal in Bridge.

Place Graphics with Adobe Bridge

image Click the Go to Bridge button on the Application bar or click the File menu, and then click Browse in Bridge.

image

Adobe Bridge opens, displaying files and folders on your computer.

image Navigate to the drive or folder where the file is located.

image Select the graphic thumbnail that represents the file you want to place in your Illustrator document.

image Click the File menu, point to Place, and then click In Illustrator.

image

Did You Know?

You can drag-and-drop Photoshop elements into Illustrator. In Photoshop, select all or part of an image or a layer, select the Move tool, and then drag the selection or layer into an Illustrator artboard to place an embedded copy of it in your document.

Linking Graphics

image

IL 7.2

With Illustrator’s Place command, you can link or embed an image into your document. Embedding inserts a copy of one document into another. When data is embedded, you can edit it using the menus and toolbars of the program in which it was created (that is, the source program ). Linking displays information stored in one document (the source file ) into another (the destination file ). You can edit the linked object from either file, although changes are stored in the source file. If you break the link between a linked object and its source file, the object becomes embedded. As you work with linked or embedded files in the Layers panel, a linked image appears as <Linked File>, while an embedded image appears as an image object

Link to a Graphic

image Open an Illustrator document.

image Click the File menu, and then click Place.

image Select the graphic file that you want to place into the active document.

image Select the Link check box.

image To embed a copy of the graphic file image in the document, deselect the Link check box.

image Click Place.

image

Illustrator places the image in a new layer, directly above the active layer, and then encloses it within a transformable bounding box.

See Also

See “Setting File Handling & Clipboard Preferences” on page 401 for information on setting linking options.

Edit a Linked Graphic in the Source

image Select the linked graphic.

image

image Click Edit Original on the Control panel.

image You can also click the Edit Original button on the Links panel.

image

image Make the changes that you want in the original program.

image Return to Illustrator.

image If prompted, click Yes to update your document.

Select Placement Options for Linked Graphics

image Select the linked graphic.

image Click image name on the Control panel, and then click Placement Options.

image You can also click the Options menu in the Links panel, and then click Placement Options.

image Click the Preserve list arrow, and then select an option: Transforms, Proportions (Fit), Proportions (Fill), File Dimensions, or Bounds.

image If available, select an alignment position, and select or deselect the Clip To Bounding Box check box.

image Click OK.

image

Managing Linked Graphics

image

IL 7.2

After you link or embed a graphic image file into an Illustrator document, you can use the Links panel in Illustrator to manage and work with the files. The Links panel displays a list of all the linked or embedded files in your document. You can use the Links panel to update, replace, or relink a graphic image file. If a linked file is moved from its original location, you need to repair the link the next time you open the document. If a linked file needs to be updated, a warning icon appears in the Links panel to let you know.

Replace a Linked or Embedded Graphic

image Select the Links panel.

image Select the name of the graphic that you want to replace.

image Click the Relink button on the panel.

image You can also select the image in the document window, click the image name or Embedded on the Control panel, and then click Relink.

image

image Select the graphic file that you want to use as the replacement in the active document.

image Click Place.

image You can also select the image in the document window, click the File menu, click Place, select a replacement image, select the Replace check box, and then click Place.

image

Did You Know?

You can locate a placed graphic in your document. In the Links panel, select the graphic that you want to find, and then click the Go To Link button on the panel.

Work with Linked or Embedded Graphics

image Select the Links panel.

image Select the graphic name that you want to change.

image Do any of the following:

image Update a Link. Click the Update Link button on the panel.

image Go to Link. Click the Go To Link button on the panel.

image Edit Original. Click the Edit Original button on the panel to open the program that created the file and edit it.

image View Information. Double-click the graphic name, view the information, and then click OK.

image Change from Linked to Embedded. Click the Options menu, and then click Embed Image.

image

Did You Know?

You can change the display of the Links panel. In the Links panel, click the Options menu, and then select a display option, such as Show All, Show Missing, Show Modified, Show Embedded, Sort by Name, Sort by Kind, or Sort by Status.

See Also

See “Setting File Handling & Clipboard Preferences” on page 401 for information on setting linking options.

Tracing Raster Graphics

image

IL 7.3

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 artwork. 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 Drawn Sketch, or Inked Drawing, or set your own tracing options in the Tracing Options dialog box. Tracing options are live, which means that you can apply these options before or after using the Live Trace command. When applied, a traced object is known as a live trace object.

Trace a Raster Graphic

image Open or place a raster graphic in a document.

image Select the graphic that you want to trace.

image You can also select a live trace object to change it.

image Use one of the following:

image Preset. Click the Tracing Presets and Options list arrow on the Control panel, and then select a tracing preset.

image Last Used. Click the Live Trace button on the Control panel. If prompted, click OK.

image Set Options. Click the Tracing Presets and Options list arrow on the Control panel, and then click Tracing Options.

image
image

Did You Know?

You can create, edit, or delete tracing presets. Click the Edit menu, and then click Tracing Presets. Click New to create a new preset. Select an existing one, and then click Edit or Delete. You can also import and export tracing presets.

Select Tracing Options

image To apply tracing options to an existing live trace object, select it.

image Click the Object menu, point to Live Trace, and then click, and then click Tracing Options.

image You can also click the Tracing Presets and Options list arrow on the Control panel, and then Tracing Options.

image Click the Preset list arrow, and then select a preset as the basis of your own settings.

image Select the Preview check box to view your changes as you set options.

image Specify options in the following areas:

image Adjustment. Select a color mode, and then set other related settings. Specify a Blur value to reduce noise and other marks. Select Resample to change the resolution for the graphic.

image Trace Settings. Select the Fill and/or Strokes check boxes, and then specify related options.

image View. Select a Raster option to show a view of the graphic, and then select a Vector option to show a view of the tracing object.

image Click Set Default.

image

Did You Know?

You can restore a traced graphic back to its original state. Select the traced object, click the Object menu, point to Live Trace, and then click Release.

Converting Tracing to Paths

image

IL 7.3

After you finish creating a live trace object, you can convert (expand) it to a path. When you expand a live trace object, it no longer remains a live trace object. It becomes a standard path, which you can reshape and recolor. The Expand button on the Control panel converts a live trace object into paths, which you can view and change on the Layers panel.

Convert Tracing to Paths

image Select the live trace object.

image Click Expand on the Control panel.

image

Illustrator creates a multitude of paths, which you can view using the Layers panel.

image Select the Layers panel to view the newly created paths.

image
image

Did You Know?

You can convert a traced object to a live paint group. This is useful when you want to paint a traced object. Select the traced object, and then click Live Paint on the Control panel.

Applying Graphic Styles

image

IL 5.2

The Graphic Styles panel allows you to create, save, and apply graphic styles. A graphic style is a collection of attributes that can be applied to a layer, sublayer, group, or object. Graphic styles are similar in nature to character or paragraph styles. From the Graphic Styles panel, you have access to a host of graphic style libraries from which to choose a style. You can view styles for graphics and text (New!). Not sure how a style will look? Now you can preview a thumbnail (New!) before you apply it. If you still don’t like it after you apply it, you can remove it without affecting the underlying path. When you apply a graphic style to a layer or group, the style is applied to all objects on it.

Apply a Graphic Style

image Select an object with the Selection tool or click the target circle for a layer, sublayer, group, or object in the Layers panel.

image

image Select the Graphic Styles panel.

image Click the Graphic Styles Libraries menu, and then select a library.

image Click a graphic style thumbnail in the graphic styles library.

The graphic style is added to the Graphic Styles panel.

image To preview and view styles, use any of the following:

image Preview. Right+click (Win) or Option+click (Mac) a graphic style thumbnail to display a preview of the style (New!).

image View. Click the Options menu, and then click Use Square for Preview or Use Text for Preview (New!). Select a view size: Thumbnail View, Small List View, or Large List View.

image

image Click a graphic style thumbnail in the Graphic Styles panel to apply it to the selected object.

image To remove all the graphic styles, click the Default Graphic Style thumbnail in the upper left corner of the Graphic Styles panel.

image
image

Creating Graphic Styles

image

IL 5.2

You can create a graphic style from an existing object or duplicate an existing graphic style and then change it. I think the best way is to apply the attributes you want to an object, and then use the object to create a graphic style. Although, if you see a graphic style from one of the libraries that is close to what you want, you can quickly duplicate the graphic style, and then make changes to it.

Create a Graphic Style from an Object

image Select an object with the Selection tool or click the target circle for a layer, sublayer, group, or object in the Layers panel.

image

image Select the Graphic Styles panel.

image Alt+click (Win) or Option+click (Mac) the New Graphic Style button on the panel.

image

image Enter a name for the graphic style.

image Click OK.

image
image

Did You Know?

You can create a graphic style from attributes in the Appearance panel. Drag the thumbnail from the Appearance panel onto the Graphic Styles panel. Double-click the graphic style, enter a name, and then click OK.

Duplicate a Graphic Style

image Select the Graphic Styles panel.

image Select the graphic style that you want to duplicate.

image Click the New Graphic Style button on the panel.

image

The duplicate graphic style is added to the Graphic Styles panel.

image Double-click the duplicate graphic style.

image

image Rename the graphic style.

image Click OK.

image

Did You Know?

You can view graphic style attributes. Select the Graphic Styles and Appearance panels, click the graphic style in the Graphic Styles panel, and then view its attributes in the Appearance panel.

You can save a graphic styles library. Select the Graphic Styles panel, display only the styles that you want to save in a library (delete the ones that you don’t want), click the Options menu, click Save Graphic Styles, enter a name, and then click Save. When you save the library in the default location, the new library appears on the User Defined submenu on the Graphic Styles Libraries menu on the panel.

Editing Graphic Styles

image

IL 5.2

After you create a graphic style, you can make changes to it. However, when you make changes to the graphic, your changes are applied to any object that uses the graphic style. If you want this to happen, then you are good to go. If not, you can make a duplicate of the graphic style and then make changes to it. If you no longer need or want a graphic style, you can delete it. When you delete a graphic style, any attributes that are linked to an object remain with the object, but any updates will not be applied.

Edit a Graphic Style

image Select an object with the Selection tool or click the target circle for a layer, sublayer, group, or object in the Layers panel.

image

image Select the Graphic Styles panel.

image Apply the graphic style that you want to edit to the selected object.

image

image Select the Appearance panel.

image

image Modify the appearance of the style in the Appearance panel.

image Click the Options menu, and then click Redefine Graphic Style.

image You can also Alt-drag (Win) or Option-drag (Mac) the edited style from the Appearance panel onto the original style in the Graphic Styles panel.

image
image

Did You Know?

You can merge graphic styles. Select the Graphic Styles panel, Ctrl+click (Win) or image+click (Mac) the graphics styles you want to combine, click the Options menu, click Merge Graphic Styles, enter a name, and then click OK.

You can merge a style with an object’s attributes. (New!) Alt+drag (Win) or Option+drag (Mac) the style from the Graphic Styles panel to the object. To preserve the color of type when applying a graphic style, click the Options menu, and then click Override Character Color to deselect it.

Delete a Graphic Style

image Select the Graphic Styles panel.

image Select the graphic style that you want to delete.

image Click the Delete Graphic Style button on the panel.

image

image Click Yes to confirm the deletion.

Break the Link to a Graphic Style

image Select an object with the Selection tool or click the target circle for a layer, sublayer, group, or object in the Layers panel.

image

image Select the Graphic Styles panel.

image Click the Break Link to Graphic Style button on the panel.

image

Applying Appearance Attributes

image

IL 5.1

The Appearance panel allows you to apply and manage multiple attributes to an object. You can apply fills, strokes, opacity, blending mode, effects, and other attributes to objects, layers, groups, or graphic styles. The panel makes it easy to apply, edit, duplicate, restack, or remove attributes. You can click links to open panels and option dialog boxes for effects, strokes, and fills (New!). When you have a lot of attributes for an object, it can be hard to work with them. In the Appearance panel, you can hide attributes (New!) to reduce the clutter and make it easier to work with the attributes that you want, much like working with the Layers panel.

Apply and Change Appearance Attributes

image Select an object with the Selection tool or click the target circle for a layer, sublayer, group, or object in the Layers panel.

image

image Select the Appearance panel.

The currently targeted layer appears in bold with a type name at the top.

image Click Fill, Stroke, Opacity, or other available attributes to display a panel with options.

image Specify the options and values that you want to set for the attribute.

image To apply multiple fill or stroke attributes, click the Add New Fill or Add New Stroke button on the panel.

image To show or hide attributes, click the visibility column for each attribute that you want to show or hide.

image
image
image

Did You Know?

You can copy appearance attributes. In the Layers panel, Alt+drag (Win) or Option+drag (Mac) the target circle for the item that you want to copy onto the target circle for another layer, group, or object.

Remove Appearance Attributes

image Select an object with the Selection tool or click the target circle for a layer, sublayer, group, or object in the Layers panel.

image

image Select the Appearance panel.

image Select the attribute that you want to delete.

image Do one of the following:

image Delete. Removes an appearance attribute, except for stroke and fill. Click the Delete Selected Item button on the panel.

image Clear Except Stroke and Fill. Removes all the appearance attributes, except the stroke and fill. Click the Options menu, and then click Reduce to Basic Appearance.

image Clear. Removes all the appearance attributes and changes the stroke and fill to None. Click the Clear Appearance button on the panel.

image

Did You Know?

You can expand an object’s appearance attributes. Select the object with the appearance attributes that you want to expand, click the Object menu, and then click Expand Appearance. The paths used to create the attributes are changed to separate objects within a group, which can then be edited.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset