Graphics
 

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.

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

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

3.
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.

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

5.
Make sure the Constrain Proportions option is checked.

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

7.
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%.

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

9.
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.

10.
Change the Pixel Radius to a value of 1.

11.
Deselect the Preview option to see the image without sharpening.

12.
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).

13.
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.

 
Others
 
- 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
 
- Configuring Active Directory Server Roles : Administering Active Directory - An Overview of OUs
- Beginning Android 3 : Set Up the Emulator
- InfoPath with SharePoint 2010 : Central Administration - Manage Form Templates
- Adobe Fireworks CS5 : Working with Selections - Converting a selection to a path
- Microsoft Access 2010 : Working with Table Data
- Windows Server 2012 : Scalable and elastic web platform (part 6) - FTP Logon Attempt Restrictions
- SQL Server 2008 R2 : Using DML Triggers (part 3) - Using inserted and deleted Tables
- IPad : Your Calendar - Manage Your Busy Life on Your iPad
- MySQL for Python : Exception Handling - Catching different types of exceptions
- Adobe Photoshop CS5 : Intermediate Selection Techniques (part 3) - Creating a Path with the Pen Tool
 
 
Top 10
 
- Developing Custom Microsoft Visio 2010 Solutions : Creating SmartShapes with the ShapeSheet (part 6) - Adding Right-Click Actions to the SmartShape
- Developing Custom Microsoft Visio 2010 Solutions : Creating SmartShapes with the ShapeSheet (part 5) - Modifying the Text Block Using the ShapeSheet
- Developing Custom Microsoft Visio 2010 Solutions : Creating SmartShapes with the ShapeSheet (part 4) - Linking Subshape Text to Shape Data Fields
- Developing Custom Microsoft Visio 2010 Solutions : Creating SmartShapes with the ShapeSheet (part 3) - Controlling Grouped Shapes with the ShapeSheet
- Developing Custom Microsoft Visio 2010 Solutions : Creating SmartShapes with the ShapeSheet (part 2) - Creating Smart Geometry in the ShapeSheet
- Developing Custom Microsoft Visio 2010 Solutions : Creating SmartShapes with the ShapeSheet (part 1) - Introducing the ShapeSheet
- Developing Custom Microsoft Visio 2010 Solutions : Introducing the Notes Shape, Using the Developer Ribbon Tab
- Microsoft Excel 2010 : Working with Graphics - Inserting Clip Art, Inserting a Picture from File
- Microsoft Excel 2010 : Working with Graphics - Using Drawing Tools
- Windows Phone 8 : Walking Through the Bookshop Sample Application (part 5) - Overview of the Sample Bookshop WCF Service