Logo
HOW TO
Windows XP
Windows Vista
Windows 7
Windows Azure
Windows Server
Windows Phone
 
 
Windows Vista

Adobe Illustrator CS5 : Organizing Your Drawing - Enhancing Appearances with Live Effects

1/6/2013 6:21:47 PM

Illustrator refers to effects as live effects. There are several reasons for this. First—and most important—any effect you apply from the Effect menu is added as an attribute in the Appearance panel. Second, all effects can be edited at any time, even after the file has been closed and reopened at another date. Finally, when an object’s path is edited, any effects that are applied to that object are updated as well. Because these effects are nondestructive, they are considered “live” and are always editable.

The way that Illustrator accomplishes this behavior is by keeping the underlying vector object intact, while changing just the appearance of the object by adding the effect. Think of those 3D glasses you used to get at the movie theater. Without the glasses, the movie is nothing special, but once you don the glasses, the movie appears to be 3D. You can think of the Appearance panel as a pair of 3D glasses in this sense—once you add an effect, the object changes in appearance, but the original untouched vector paths remain beneath the hood (Figure 1).

Figure 1. After a Warp effect has been applied, a vector shape appears distorted (left). When viewed in Outline mode, you can see the underlying vector shape still exists, unscathed (right).


Tip

Just as adding a second fill or stroke categorizes an object as having a complex appearance, adding a live effect to an object also produces an object with a complex appearance.


You can choose from many live effects in Illustrator, including those that are vector-based (such as Scribble) and those that are raster-based (such as Gaussian Blur).

Applying a Live Effect

You can apply a live effect, such as a drop shadow, to a target in two ways: choose Effect > Stylize > Drop Shadow or click the Add New Effect button at the bottom of the Appearance panel and choose Stylize > Drop Shadow (Figure 2, on the next page). The Drop Shadow dialog box appears, where you can specify the exact settings for the drop shadow including the blending mode, opacity, offset (the distance between the object and its shadow), and blur amount (the softness of the shadow). Additionally, you can choose a color or darkness value for your drop shadow (Figure 3, also on the next page). Note that the dialog box has a Preview option, which, when selected, lets you see your shadow update as you make changes to the settings. Once you’re happy with the appearance of your drop shadow, click OK to apply it.

Figure 2. You can apply live effects directly from the Appearance panel.


Figure 3. The Drop Shadow live effect gives you the ability to control all the specifics of creating a soft drop shadow.


Tip

To choose a spot color for your drop shadow, you must first define the desired color as a swatch . Click the color swatch in the Drop Shadow dialog box, and then click the Color Swatches button, where you’ll find your custom color in the list of swatches.


Now, let’s take a look at the Appearance panel. Note that the path is listed as the target, and then examine the attributes in the object itself. Reading from the bottom up (the order in which the attributes are drawn), you have the default opacity, the Drop Shadow effect you’ve just applied, the fill, and finally the stroke of the object (Figure 4). The drop shadow appears beneath the fill and the stroke of the object because it wouldn’t be much of a drop shadow if it were painted above the fill and stroke, would it?

Figure 4. By default, the Drop Shadow effect is added underneath the Fill and Stroke attributes in the stacking order.


The truth is, you can use the Appearance panel to control exactly how and where your drop shadow—or any live effect—is painted. You can target the Fill or Stroke attribute in the Appearance panel and then add the drop shadow. In this way, you can add a live effect to just the fill or just the stroke of an object. If your object contains multiple fills or strokes, you can apply live effects to each of them individually (Figure 5). Even though you’ve already applied a live effect to an object, you can drag the effect within the Appearance panel to change its place in the stacking order or to apply it to a specific fill or stroke (Figure 6, on the next page).

Figure 5. You can apply live effects to fills or strokes of objects individually. Here, the drop shadow is applied just to the stroke of an object.


Figure 6. When dragging an effect within the Appearance panel, black arrows indicate when you’re about to apply the effect to a specific fill or stroke.


Editing a Live Effect

Tip

You can duplicate an effect by dragging it in the Appearance panel while holding the Option (Alt) key.


One of the important benefits of live effects is that you can edit them at any time. Clicking the blue underlined name of an effect that is listed in the Appearance panel opens the dialog box for that effect, where you can view the current settings and change them at will (Figure 7). This may be confusing initially, because you’d think that in order to change an effect, you’d return to where you first applied the effect (that is, the Effect menu). Doing so actually adds a second effect to the selected object (Figure 8). Illustrator allows you to apply an effect to an object as many times as you’d like, you will explore when that might be beneficial. The important thing to remember is that when you want to add a new effect to an object, you do so by using the Effect menu or by clicking the Add New Effect button. To edit an effect that already exists, click its name in the Appearance panel.

Figure 7. To edit an existing effect, click its name in the Appearance panel.


Figure 8. If you try to edit an existing effect by choosing the item from the Effect menu, Illustrator informs you that you must edit existing effects through the Appearance panel.


Loading Attributes with the Eyedropper Tool

You can use the Eyedropper tool in Illustrator to load the attributes of existing objects quickly. This can be useful in two ways. First, if you already have an object selected when you click another object with the Eyedropper tool, your selected object changes to match the object you clicked. Second, you can click once with the Eyedropper tool to sample the attributes of an object, and you can then Option-click (Alt-click) to apply those attributes to other objects in your file without actually having to select them.

You can configure the Eyedropper tool to sample just the basic appearance of an object (the topmost fill and stroke) or complete complex appearances. To control what the Eyedropper tool can sample, double-click the tool in the Tools panel.

Shift-click with the Eyedropper tool to sample colors from the pixels of raster images (or even the visual appearance of vector objects). In this way, the Eyedropper tool works much like the one in Photoshop.

Other -----------------
- Adobe Dreamweaver CS5 : Working with Multimedia and Online Tools - Checking for Plug-ins
- Adobe Dreamweaver CS5 : Working with Multimedia and Online Tools - Using Plug-ins
- Adobe Dreamweaver CS5 : Working with Multimedia and Online Tools - Using ActiveX Controls
- Maintaining Security : Restricting User Rights, Protecting Your Account
- Maintaining Security : Setting Your Password, Changing Your Password, Resetting Your Password
- Adobe Photoshop CS5 : The Essentials of Camera Raw - Photoshop Killer Tips
- Adobe Photoshop CS5 : Cropping and Straightening
- Adobe Photoshop CS5 : Adjusting Contrast Using Curves
- Developing Disk Images : Editing a Build’s Task Sequence
- Developing Disk Images : Creating Image Builds
 
 
REVIEW
- First look: Apple Watch

- 10 Amazing Tools You Should Be Using with Dropbox

- 3 Tips for Maintaining Your Cell Phone Battery (part 1)

- 3 Tips for Maintaining Your Cell Phone Battery (part 2)
 
VIDEO TUTORIAL
- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 1)

- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 2)

- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 3)
 
Popular tags
Microsoft Access Microsoft Excel Microsoft OneNote Microsoft PowerPoint Microsoft Project Microsoft Visio Microsoft Word Active Directory Biztalk Exchange Server Microsoft LynC Server Microsoft Dynamic Sharepoint Sql Server Windows Server 2008 Windows Server 2012 Windows 7 Windows 8 Adobe Indesign Adobe Flash Professional Dreamweaver Adobe Illustrator Adobe After Effects Adobe Photoshop Adobe Fireworks Adobe Flash Catalyst Corel Painter X CorelDRAW X5 CorelDraw 10 QuarkXPress 8 windows Phone 7 windows Phone 8 BlackBerry Android Ipad Iphone iOS
Popular keywords
HOW TO Swimlane in Visio Visio sort key Pen and Touch Creating groups in Windows Server Raid in Windows Server Exchange 2010 maintenance Exchange server mail enabled groups Debugging Tools Collaborating
Top 10
- Microsoft Excel : How to Use the VLookUp Function
- Fix and Tweak Graphics and Video (part 3) : How to Fix : My Screen Is Sluggish - Adjust Hardware Acceleration
- Fix and Tweak Graphics and Video (part 2) : How to Fix : Text on My Screen Is Too Small
- Fix and Tweak Graphics and Video (part 1) : How to Fix : Adjust the Resolution
- Windows Phone 8 Apps : Camera (part 4) - Adjusting Video Settings, Using the Video Light
- Windows Phone 8 Apps : Camera (part 3) - Using the Front Camera, Activating Video Mode
- Windows Phone 8 Apps : Camera (part 2) - Controlling the Camera’s Flash, Changing the Camera’s Behavior with Lenses
- Windows Phone 8 Apps : Camera (part 1) - Adjusting Photo Settings
- MDT's Client Wizard : Package Properties
- MDT's Client Wizard : Driver Properties
 
Windows XP
Windows Vista
Windows 7
Windows Azure
Windows Server
Windows Phone
2015 Camaro