Adobe Fireworks CS5 : Applying the Unsharp Mask Live Filter

11/23/2011 6:22:59 PM
When resizing an image (often called resampling), pixels are added or removed from the file. When you resize an image to larger than its original size, you are adding pixels and increasing the file size. Generally this upsampling is not recommended in Fireworks unless it is only by a small percentage or for special effect, because the image quality can degrade noticeably. When you make an image smaller (downsampling), you are removing pixel data from the image and reducing the file size. This tends to make the image softer, but we can gain back some of the original crispness of the photo by applying a filter called Unsharp Mask. Unsharp Mask can be applied as either a permanent filter or as a Live Filter. For the greatest flexibility, Live Filters are a better option.

Choose File > Open, and select the policeman.jpg file .

Select the Open As Untitled option at the bottom of the dialog box. (This will open an untitled copy of the image.)

Click Open.

When the file opens, it is quite large—4368 × 2912 pixels in size. This is one of the high-resolution images from the movie photo shoot and is much too large for use on the Web. You will resize it to a more suitable dimension and resolution.

Choose Modify > Canvas > Image Size to launch the Image Size dialog box.

Make sure the Constrain Proportions option is checked.

Set the width to 600 pixels and press Tab. The height will automatically change based on the width you have entered.

Click OK. After you resize the image, double-click the Zoom tool or press Ctrl+1 (Windows) or Command+1 (Mac) to bring it to 100%.

Click the Add Live Filters icon (+ sign) in the Properties panel.

Choose Sharpen > Unsharp Mask to open the Unsharp Mask dialog box. The default properties are a bit extreme for a low-resolution file, so we’ll alter one slightly.

Change the Pixel Radius to a value of 1.

Deselect the Preview option to see the image without sharpening.

Activate Preview again. Notice that there is slightly more contrast and even a bit better separation between the officer and the background. This is because Unsharp Mask increases the contrast only of edge pixels (the place where a dark and light pixel meet).

Click OK to apply the filter.

Unsharp Mask Properties

Generally, higher-resolution images can handle (and sometimes need) higher amounts of unsharp-masking than low-resolution images. The three controls for the Unsharp Masking filter are the following:

  • Sharpen Amount: This property controls how much darker and lighter the edge borders become. Sharpen Amount can also be thought of as how much contrast is added at the edges.

  • Pixel Radius: This property affects the size of the edges to be sharpened. A smaller radius enhances smaller-scale detail. Higher radius values can cause halos at the edges (a highlight around objects), making images look unnatural. Fine detail needs a smaller radius value. Pixel Radius and Sharpen Amount are reciprocal; reducing one allows more of the other.

  • Threshold: This property controls how far apart adjacent tonal values have to be before the filter does anything. The threshold setting can be used to sharpen more pronounced edges while ignoring more subtle edges. Low values have a greater effect because fewer areas are excluded. Higher threshold values exclude areas of lower contrast.

- Adobe Fireworks CS5 : Adjusting brightness with the Dodge and Burn tools
- CorelDraw 10 : Adding Graphics to a Page (part 3) - Optimizing images for the Web
- CorelDraw 10 : Adding Graphics to a Page (part 2) - Exporting the rollover graphic
- CorelDraw 10 : Adding Graphics to a Page (part 1) - Creating Rollover Graphics
- CorelDraw 10 : Adding Text to a Web Page
- Adobe Flash Professional CS5 : Transforming Gradients and Bitmap Fills (part 2) - Adjusting scale with the Gradient Transform tool, Setting gradient fill overflow styles
- Adobe Flash Professional CS5 : Transforming Gradients and Bitmap Fills (part 1) - Adjusting the center point with the Gradient Transform tool, Rotating a fill with the Gradient Transform tool
- Adobe InDesign CS5 : Joining Anchor Points & Using the Smooth Tool
- Adobe InDesign CS5 : Splitting Paths
- Adobe Flash Catalyst CS5 : Using design-time data (part 2) - Add and remove elements in the repeated item
- Adobe Flash Catalyst CS5 : Using design-time data (part 1) - Replace design-time images & Edit design-time text
- Adobe Flash Catalyst CS5 : Setting data list properties
- Adobe Illustrator CS5 : Learning the Truth About Transparency (part 2)
- Adobe Illustrator CS5 : Learning the Truth About Transparency (part 1) - Understanding Transparency Flattening
- Dreamweaver CS5 : Using Dreamweaver Templates - Adding Content to Template Documents
- Dreamweaver CS5 : Using Dreamweaver Templates - Using Editable Regions
- Adobe Photoshop CS5 : Fixing Depth-of-Field Problems
- Adobe Photoshop CS5 : Using the Dodge and Burn Tools
- QuarkXPress 8 : Combining type and graphics
- QuarkXPress 8 : Fine-tuning typography
Most View
- Windows Phone 8 : Groups (part 2) - Adding a Contact to a Group
- Microsoft Lync Server 2013 : Mac Client - Client Integrations with Other Applications
- Windows Phone 8 : Exploring the Execution Model (part 3) - Programmatically Exiting an App , Saving Transient State
- Windows Phone 8 : Scheduled Notifications (part 2) - Alarm Registration, Alarm Sample
- Active Directory 2008 : Configuring Replication (part 4) - Intersite Replication - Creating Bridgehead Servers
- Microsoft Lync Server 2013 : Mediation Server Configuration
- Sharepoint 2013 : Understanding SharePoint app model architecture (part 4) - Reviewing the app manifest
- Windows 8 : Cloud Connections - Windows Live
- Windows Server 2012 : Installing and Configuring Websites (part 2) - Configuring IIS 8 Website Properties - ASP.NET Features
- SQL Server 2012 : Authorizing Securables - Object Security (part 1) - Object Permissions , Granting Object Permissions with Code
Top 10
- Windows 8 : Customizing the Lock Screen - Customizing the Lock Screen Background,Controlling the Apps Displayed on the Lock Screen, Disabling the Lock Screen
- Microsoft Visio 2010 : Cleaning Up Documents - Setting Document Properties,Removing Personal Information , Reducing File Size
- Microsoft Visio 2010 : Working with SharePoint - Working with Files in Document Libraries
- Microsoft Visio 2010 : Exporting Visio Graphics to Other Formats
- Microsoft Visio 2010 : Using Visio Graphics with Other Applications
- Microsoft Visio 2010 : Saving Visio Files in XML Format, Saving Files in Older Visio Formats
- Active Directory 2008 : Managing OUs (part 3) - Delegating Control of OUs
- Active Directory 2008 : Managing OUs (part 2) - Administering Properties of OUs
- Active Directory 2008 : Managing OUs (part 1) - Moving, Deleting, and Renaming OUs
- Windows 8 for Business : Features Exclusive to Windows 8 Enterprise,Windows RT and Business