Graphics
 

Adobe Flash Professional CS5 : Sampling and Switching Fills and Strokes (part 1)

11/12/2011 3:56:51 PM
You can always use the Selection tool to select a stroke or fill so that you can modify it by using any of the Swatches popups or the Stroke Style menu on the Properties panel. But, what do you do if you want to add a stroke or fill to a shape that was drawn without one or the other? The answer to this dilemma is found in a trio of tools that work nimbly together to provide one of the most unique graphics-editing solutions found in Flash. You use the Eyedropper tool to acquire fill and stroke styles or colors, and use the Paint Bucket and Ink Bottle tools to transfer these characteristics to other shapes.

NOTE

These tools only apply changes directly to shapes, shape primitives, or drawing objects, so to modify an element that has been grouped or converted into a symbol, you must first access the element in Edit mode.

1. The Eyedropper tool

The dropper icon that appears when you use the Selection tool to select colors from any of the popup Swatches menus is similar to the Eyedropper tool available in the Tools panel. However, when pulled out of the Tools panel directly, the Eyedropper tool (I) has slightly different behavior. Although you cannot use the Eyedropper tool to sample colors from elements outside the Document window, you can use it to sample line and fill styles or to simultaneously change the stroke and the fill color chips to the same sampled color.


NOTE

When used to acquire colors, the Swatches panel Eyedropper tool is limited to picking colors from swatches within the panel. However, the droppers that you access from the Swatches popup menus in the Color panel or Tools panel can acquire colors from other visible areas, such as the system background, items on the desktop, or items open in other applications. The functionality of this feature is not totally consistent, so here are some tips to making it work:

When picking colors by using the dropper from the Color panel swatches popup, press and hold the mouse as you roll over color chips in the popup or colors anywhere on your desktop and release the mouse only when you are hovering over the color that you want to sample. The preview in the swatches popup changes as you roll over different colors, and the color chip changes when you release the mouse to load the color that you have selected.

If you are using the dropper from the Tools panel color chip swatches popup, the behavior is a bit different: Click once on the color chip to open the swatches popup, and then move the dropper to roll over any color in the popup or on your desktop and click again to pick the color and load it into the current color chip. The droppers available from the swatches popups for any of the color chips in the Properties panel work the same way as the droppers in the Tools panel swatches popup, but they are limited to picking colors from within the Flash application (or the currently loaded swatches).

The Eyedropper tool doesn't have any options in the Tools panel because they are all built in. As you hover over an item, the Eyedropper tool displays a small icon to indicate whether it is over a line or a fill that can be sampled by clicking. When a line is sampled, the Eyedropper tool automatically converts to the Ink Bottle tool, and when a fill is sampled, the Eyedropper tool converts to the Paint Bucket tool.

The composite image shown in Figure 1 shows the icons that appear when you use the Eyedropper tool to sample a fill (A) and apply it to another shape with the Paint Bucket tool (B), and sample a stroke (C) and apply it to another shape with the Ink Bottle tool (D).

Figure 1. The Eyedropper tool used to sample a fill and apply it with the Paint Bucket tool (A, B) and to sample a stroke and apply it with the Ink Bottle tool (C, D)

Any items already selected when the Eyedropper tool samples a stroke or fill immediately acquire the applicable stroke or fill style. This is the quickest way to transfer the fill or line styles of one element to a whole group of elements. Figure 2 shows the Eyedropper tool used to sample a fill with one (A) or more (B) elements already selected.

Figure 2. The Eyedropper tool also instantly converts selected elements to the sampled fill or stroke style.

When you press and hold the Shift key while clicking a line or stroke color with the Eyedropper tool, the Fill and the Stroke color chips both convert simultaneously to the newly selected color so that it can be applied with any of the other drawing tools.


2. The Ink Bottle tool

You use the Ink Bottle tool (S) — refer to Figure 9.1 (D) — to change the color, style, and thickness of existing outlines. It is most often used in conjunction with the Eyedropper tool. When the Ink Bottle tool is in use, pay attention to the following three options:

  • The current Stroke Color option on the Tools panel or the Properties panel

  • The Stroke weight (or thickness) setting in the Properties panel

  • The Stroke Style setting in the Properties panel

The Ink Bottle applies the current stroke color and line style, either sampled with the Eyedropper tool or chosen from the popup in the Tools panel or the controls in the Properties panel.

When you click to sample a line with the Ink Bottle tool, all other currently selected lines are changed simultaneously.


The Ink Bottle tool is especially useful for applying custom line styles to multiple lines. You can build a collection of custom line styles either off Stage or in a special custom line palette saved as a single-frame Flash movie. You can then acquire these line styles whenever you want to reuse them.

You can add Flash files with graphics libraries that you plan to reuse to the application's Libraries folder so that they can be easily accessed from the Window => Common Libraries menu.


NOTE

Depending on the level of zoom, some lines may not appear accurately on the screen — though they print correctly on a high-resolution printer. You may adjust Stroke weight in the Fill and Stroke section of the Properties panel.

 
Others
 
- Adobe InDesign CS5 : Adding and Deleting Anchor Points
- Adobe InDesign CS5 : Converting Points
- Adobe Flash Catalyst CS5 : Creating a Data List component (part 2) - Convert the sample record into a Data List component & Define the repeated item
- Adobe Flash Catalyst CS5 : Creating a Data List component (part 1) - Design a sample record
- Adobe Flash Catalyst CS5 : Flash Catalyst data lists
- Adobe Illustrator CS5 : Printing from Illustrator (part 3) - Specifying Color Separations
- Adobe Illustrator CS5 : Printing from Illustrator (part 2) - Exploring the Marks and Bleed Print Panel & Exploring the Output Print Panel
- Adobe Illustrator CS5 : Printing from Illustrator (part 1) - Exploring the General Print Panel
- Dreamweaver CS5 : Understanding Templates & Creating Your Own Templates
- Dreamweaver CS5.5 : Using the Open Browser Window Behavior
- Adobe Photoshop CS5 : Fixing Shots with a Dull Gray Sky
- Adobe Photoshop CS5 : When Your Subject Is in the Shadows
- Adobe After Effects CS5 : Color Correction for Image Optimization (part 2) - Individual Channels for Color Matching
- Adobe After Effects CS5 : Color Correction for Image Optimization (part 1) - Levels
- Adobe Fireworks CS5 : Working with Bitmap Images - Managing images on the canvas
- Adobe Fireworks CS5 : Working with Bitmap Images - Resolution and file size, Cropping an image
- CorelDraw 10 : CorelDraw Web Settings
- CorelDraw 10 : World Wide Web Terms
- Adobe Flash Professional CS5 : Creating Masks (part 2) - Create the mask
- Adobe Flash Professional CS5 : Creating Masks (part 1) - Define the Mask and Masked layers
 
 
Most View
 
- Windows 7 : Making and Ending a Dial-Up Connection
- Distributing Sharepoint 2013 Apps : Publishing Apps in the SharePoint Store (part 2) - Pricing and Licensing Apps
- Windows Server 2012 : Hyper-V - Managing Virtual Machines and Virtual Disks (part 3) - Cloning Virtual Domain Controllers, Merging Snapshots
- Sharepoint 2013 : Community portals and sites - Managing your community settings
- Windows 8 : Getting Around the Windows Desktop - Using the Notification Area (part 1) - Responding to notification messages
- Windows 8 : Sharing and Securing with User Accounts - Managing Profile Properties and Environment Variables
- Securing an Exchange Server 2007 Environment : Client-Level Secured Messaging - Exchange Server 2007 Client-Level Security Enhancements
- Windows 7 : Updating Software - How to Verify Updates
- Application Lifecycle Management in SharePoint 2013 : Planning Your SharePoint Team Environments (part 1) - Virtualized Dedicated Environments
- Windows Phone 8 : Working with People - Facebook Integration (part 1) - Connecting to Facebook
 
 
Top 10
 
- Microsoft OneNote 2010 : Searching Notes (part 4) - Troubleshooting Problems with Search
- Microsoft OneNote 2010 : Searching Notes (part 3) - Searching for Text with the Search Results Task Pane
- Microsoft OneNote 2010 : Searching Notes (part 2) - Searching for Text on the Current Page, Searching for Text with Instant Search
- Microsoft OneNote 2010 : Searching Notes (part 1) - Turning Audio Search On or Off, Turning Text Recognition in Pictures On or Off
- Microsoft OneNote 2010 : Prioritizing and Categorizing Notes with Tags (part 2) - Search for Tagged Notes, Removing a Tag from a Note
- Microsoft OneNote 2010 : Prioritizing and Categorizing Notes with Tags (part 1) - Applying a Tag to a Note
- Microsoft OneNote 2010 : Organizing the Pages and Sections in a Notebook (part 2) - Moving or Copying a Notebook Section, Merging One Notebook Section into Another
- Microsoft OneNote 2010 : Organizing the Pages and Sections in a Notebook (part 1) - Displaying the Hierarchy of a Notebook on the Navigation Bar
- Microsoft OneNote 2010 : Navigating Notebook Content with Links (part 2) - Notebooks list or click the Open Notebook button. Creating Wiki-Style Links to Other Locations in Your Notebook
- Microsoft OneNote 2010 : Navigating Notebook Content with Links (part 1) - Creating a Link to a Specific Notes Page, Creating a Link to a Specific Notebook Section