ADOBE ILLUSTRATOR CS2 REVEALED PHẦN 7 ppt

WORK WITH LESSON 4 Creating and Applying Graphic Styles Graphic styles are named sets of appear- ance attributes that are accessed in the Graphic Styles palette. To create a new style, select the artwork whose attributes you want to save as a style, then do one of the following: ■ Click the New Graphic Style button in the Graphic Styles palette. ■ Drag a selected object from the art- board into the Graphic Styles palette. ■ Drag a thumbnail from the Appearance palette into the Graphic Styles palette. A graphic style can include fills, strokes, effects, patterns, opacity settings, blending modes, gradients, and effects. However, a graphic style can be created from a single set of attributes only. Only one object needs to be selected in order to create a new graphic style. The Graphic Styles palette is shown in Figure 27. What You’ll Do In this lesson, you will create and apply graphic styles. ▼ ILLUSTRATOR 8-24 Working with Transparency, Effects, and Graphic Styles Merging graphic styles You can create new graphic styles by merging two or more graphic styles in the Graphic Styles palette. [Ctrl] click (Win) or click (Mac) to select all the graphic styles that you want to merge, click the Graphic Styles palette list arrow, then click Merge Graphic Styles. The new graphic style will contain all of the attributes of the selected graphic styles and will be added to the Graphic Styles palette as a new graphic style. GRAPHIC STYLES Lesson 4 Work with Graphic Styles ILLUSTRATOR 8-25 When you apply a graphic style to an object, the new graphic style overrides any graphic style that was previously applied to the object. When you apply a graphic style to a group or a layer, all objects in the group or on the layer take on the graphic style’s attributes. Graphic styles are associated with the layers they are applied to. If you remove an object from a layer that has a graphic style applied to it, the object will lose the graphic style attributes. FIGURE 27 Graphic Styles palette Break Link to Graphic Style button New Graphic Style button Delete Graphic Style button Default graphic styles ILLUSTRATOR 8-26 Working with Transparency, Effects, and Graphic Styles Create a new graphic style 1. Open AI 8-3.ai, then save it as Dolphin Blue. 2. Create a rectangle that is 1" wide and 2" tall. 3. Fill the rectangle with the Blue Radial swatch and remove any stroke. 4. Click the Gradient Tool , then drag the Gradient Tool pointer from just below the top-left corner to the bottom-right corner of the rectangle. Try to make your fill resemble Figure 28. 5. Click Effect on the menu bar, point to Stylize in the Illustrator Effects section, click Round Corners, type .15 in the Radius text box, then click OK. 6. Click Effect on the menu bar, point to Stylize in the Illustrator Effects section, then click Outer Glow. 7. Change the color to black in the Color Picker, if necessary, click OK, type .1 in the Blur text box, then click OK, so that your work resembles Figure 29. 8. Click Window on the menu bar, then click Graphic Styles. 9. Select all, then drag the thumbnail next to Path: Graphic Style in the Appearance palette to the Graphic Styles palette, as shown in Figure 30. 10.Double-click the new swatch in the Graphic Styles palette, then name it Dolphin Blue. You created an illustration with the Round Corners and Outer Glow effects, then saved the appearance attributes as a new graphic style in the Graphic Styles palette. FIGURE 28 Applying the gradient to the rectangle FIGURE 29 An Outer Glow effect added to the rectangle FIGURE 30 Creating a new graphic style Drag the appearance thumbnail to the Graphic Styles palette to create a new graphic style Lesson 4 Work with Graphic Styles ILLUSTRATOR 8-27 Apply a graphic style to an object 1. Cut the rectangle from the artboard. 2. Click Object on the menu bar, then click Show All. A dolphin object and the words Dolphin blue appear. 3. Deselect all, select the dolphin artwork, then click Dolphin Blue in the Graphic Styles palette. Your work should resemble Figure 31. You applied a graphic style to a simple object. FIGURE 31 Dolphin Blue graphic style applied to an object ILLUSTRATOR 8-28 Working with Transparency, Effects, and Graphic Styles Apply a graphic style to text 1. Click the Graphic Styles palette list arrow; if there is a check mark to the left of Override Character Color, click Override Character Color to remove the check mark. 2. Select the text, then click Dolphin Blue in the Graphic Styles palette. The text takes on all the attributes of the graphic style except the fill color, which remains black. 3. Undo your last step. 4. Click the Graphic Styles palette list arrow, click Override Character Color, then apply the Dolphin Blue graphic style to the Dolphin blue text. Your work should resemble Figure 32. 5. Undo your last step, click Type on the menu bar, then click Create Outlines to convert the text to outlines. 6. Ungroup the outlines, then apply the Dolphin Blue graphic style to the objects so that your work resembles Figure 33. 7. Compare the text fills in Figure 33 to those in Figure 32. You explored three ways of applying a graphic style to text and text outlines for different effects. FIGURE 33 Dolphin Blue graphic style applied to each object FIGURE 32 Dolphin Blue graphic style applied to text Lesson 4 Work with Graphic Styles ILLUSTRATOR 8-29 FIGURE 34 Artwork modified with a stroke and a second Outer Glow effect Modify a graphic style 1. Select all, then apply a 1.5-pt. green stroke to the dolphin and the letters. 2. Deselect, select only the dolphin, click the Outer Glow item in the Appearance palette, then click the Duplicate Selected Item button . 3. Double-click the duplicate Outer Glow item in the Appearance palette, then change the opacity to 17% in the Outer Glow dialog box. 4. Click the color box in the Outer Glow dialog box to open the Color Picker. 5. Type 32 in the H (hue) text box, 100 in the S (saturation) text box, and 100 in the B (bright- ness) text box, then click OK. 6. Click OK again to close the Outer Glow dia- log box, then deselect all. Your work should resemble Figure 34. 7. Press and hold [Alt] (Win) or [option] (Mac), then drag the thumbnail from the Appearance palette directly on top of the Dolphin Blue graphic style in the Graphic Styles palette. The Dolphin Blue graphic style is updated to include the green stroke and the orange outer glow. 8. Save your work, then close Dolphin Blue. You modified the Dolphin Blue graphic style by changing the settings in the Appearance palette, then replacing the old graphic style with the new appearance attributes. Duplicate outer glow added to dolphin CHAPTER SUMMARY Once you are comfortable with creating objects, you must explore the Filters and Effects that you can apply to your objects. You’ll see early on that the Filter and Effect menus are quite similar, however, there is a big difference between applying a filter and applying an effect. Filters are permanent, meaning to remove a filter, you’d have to revert your document and risk losing all of the changes that you made since applying the filter. Effects can be easily removed without disturbing other formatting attributes you have applied to your objects, even if they were applied after the effect. Why? Each time you apply an effect, it is added to the Appearance palette. You can delete it from the Appearance palette or double-click the effect name to open the options dia- log box for that particular effect. When you make changes in the dialog box, your object’s appearance is updated automati- cally. You can also adjust the trans- parency of selected objects using the Transparency palette and finally apply graphic styles to your objects and out- lined type. Like brushes and symbols, you can create your own graphic styles, name them, and add them to the Graphic Styles palette. There are ten graphic style libraries to choose from if you’re looking for ideas. What You Have Learned • How to change the opacity and blend- ing mode of objects • How to use the Color Picker • How to apply effects • How to modify effects using the Appearance palette • How to remove effects from new art • How to create a complex appearance from a single object • How to create a new graphic style • How to apply a graphic style to an object • How to apply a graphic style to text • How to modify a graphic style Key Terms Opacity The opacity of an object is the degree to which it is “see-through”. Blending modes Blending modes are fun, preset filters that control how colors blend when two objects overlap. Effects Effects are a type of appear- ance attribute and are listed on the Effect menu. Graphic styles Graphic styles are named sets of appearance attributes. Hue The hue is the color itself. Saturation Saturation refers to the intensity of the hue. ILLUSTRATOR 8-30 Working with Transparency, Effects, and Graphic Styles [...]... CREATING GRAPHS IN ILLUSTRATOR When you think of graphs, you probably think of those premade, click-a-button graphs that you can make with any presentation or financial software package As a designer, you’ll be really excited by the graphs that you can create with Illustrator s graph tools When your project calls for a graph, you can enter the data directly into Illustrator, then have all of Illustrator s... can be used for custom graph designs You cannot use bitmaps, objects created with the Paintbrush Tool, or objects filled with gradients Illustrator contains predefined column and marker designs as well as graph designs These files are located in Adobe Illustrator CS2/ Cool Extras/Sample Files To use these designs, first open one of the sample files, create a new document and then create a new graph... Lesson 6 Create a Custom Graph Design You created a custom design for graphs, using the Graph Design dialog box ILLUSTRATOR 9- 17 L E S S O N 7 APPLY A CUSTOM A GRAPH DESIGN TO What You’ll Do Applying a Custom Design to a Graph Custom designs are typically applied to column graphs and line graphs Illustrator provides four options for displaying custom designs on a graph: uniformly scaled, vertically scaled,... thereby leaving everything below that point uniform In this lesson, you will apply the shovel custom design to a graph ILLUSTRATOR 9-18 Creating Graphs in Illustrator FIGURE 18 A uniformly scaled custom design FIGURE 19 A vertically scaled custom design Lesson 7 Apply a Custom Design to a Graph ILLUSTRATOR 9-19 Apply a custom graph design 1 Click View on the menu bar, then click Fit in Window 2 Select the... import graph data from a text file or a Microsoft Excel worksheet into the Graph Data window in Illustrator To import data, you must have the Graph Data window open and selected Click the Import data button You will then be prompted to open the file you wish to import ILLUSTRATOR 9-8 Creating Graphs in Illustrator FIGURE 5 Edit data in a graph Changing data in the Graph Data window 1 Click View on... example, all of the black columns in Figure 7 represent the low temperatures for each month The gray columns are the average-temperature group, and the light gray columns are the high-temperature group The Group Selection Tool allows you to select entire groups within the larger group for the purpose of editing them with the Illustrator tools and menu commands FIGURE 7 ▼ Individual groups within a graph In... You can also increase or decrease the column width in the Cell Style dialog box by changing the value in the Column width text box ILLUSTRATOR 9-4 Creating Graphs in Illustrator Creating a Graph Before you create a graph, it is important to understand how data is plotted in Illustrator s Graph Data window The first column (vertical axis) of the Graph Data window is reserved for category labels, while... Using supplied custom graph designs Illustrator comes with two documents full of custom designs that you can apply to graphs These designs include flags, cats, hammers, diamonds, dollar signs, stars, and men and women In addition, three-dimensional objects such as cylinders, hexagons, cubes, arrows, and pyramids are available ILLUSTRATOR 9-16 Creating Graphs in Illustrator Create a custom graph design... illustration Rectangle and shovel selected FIGURE 17 Graph Design dialog box 7 Select both the rectangle and the shovel, as shown in Part C of Figure 16, click Object on the menu bar, point to Graph, then click Design 8 Click New Design, click Rename, name the design Shovel, then click OK The shovel design appears in the Graph Design dialog box, as shown in Figure 17 9 Click OK to close the Graph Design dialog... number 1.00 from the first cell before entering new data 6 Type Low, press [Tab], type High, press [Tab], then type Average You have entered three legend labels (continued) ILLUSTRATOR 9-6 Creating Graphs in Illustrator FIGURE 3 7 Click the second cell in the first column, type Jan, press [Enter] (Win) or [return] (Mac), type Feb, press [Enter] (Win) or [return] (Mac), type March, then press [Enter] . hue. ILLUSTRATOR 8-30 Working with Transparency, Effects, and Graphic Styles