spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

Logo

HOME | EXPERTS | GRAPHICS | column 49

Web Photos that Pop: Enhancing the Midtones of an Image

 

Although this portrait is reasonably good quality, lightening the midtones helps to even the color and enhances detail.

The two images shown here are identical, except that the lower one has the Levels mid-tone value adjusted.

Scanners are notorious for adjusting the tonal balance of an image. Every image contains some colors that fall into a dark classification, some that must be classed as light, and the remainder of colors, often the majority, falling into a mid-tone range. One of the most common adjustments that designers make to images to improve quality is to lighten midtones.

I use levels control to adjust midtones. Levels also allows adjustment of dark and light tones, but I generally find that brightness is best adjusted with contrast.

The image at the left is not terrible. However, compare it to the enhanced image, with the only change that the midtones have been lightened. Notice how the detail in the cap is now easily seen. The girl's skin tone is more realistic, and the features more defined. Even the hair seems to have more life.

Unlike adjusting the brightness or contrast of an image, the dark and light tones remain the same. If I had lightened the image to bring out the face area, the hat and trim on her shirt would have washed out. Adjusting midtones leaves the upper and lower contrast levels intact, and simply lightens or darkens the tones in the middle range.

Check the light spot just under the girl's chin. It is the same before and after the adjustment. If I had just brightened the entire image, that spot would have become too bright, almost like a light coming from under her chin. Adjusting only the midtones often leaves the tones that create the detail intact, while making the rest of the image more appealing.

Adjusting levels may send you back to tweak the contrast adjustment. This is a common work pattern when working with image enhancement. One adjustment improves the image, but causes the need for a small adjustment in another value.

Balancing the midtones in your image is unlikely to provide the dramatic results that adjusting contrast will, but it is a subtle adjustment that has saved many images for me. Be careful with this control. It is easy to get carried away and wash out the detail in your image.

Of course, if you have a photo that is washed out, darkening midtones can help to add more detail and texture to revive the image.

   

 

Levels window in Photoshop. Levels can be adjusted with the slider below the diagram, or numerically.

Adjusting Midtones in Photoshop
Photoshop has powerful tools for adjusting tones in images, and the full capability is nearly a science. However, you can overcome a large percentage of mid-tone problems by adjusting Levels.

Select Image> Adjust> Levels and the Levels window will open. Click on the middle slider, just below the diagram in the Input Levels section of the window, and move to the left to lighten midtones or to the right to darken. (As an aside, and too involved for the level we are working with here to discuss fully, the diagram in this window is a graphical representation of the distribution of colors in the document.)

If the Preview option is checked, you can preview the results of the settings you use in the document. To view the original so you can see your progress, uncheck the preview window. Toggle back and forth to compare the original to the settings you have currently set in the Levels window.

   

 

Adjusting mid-tone values in Paint Shop Pro.

Adjusting Midtones in Paint Shop Pro
Select Colors> Adjust> Levels and the Levels window will open. Adjust values by sliding the middle marker in the Input levels section, moving it to the left to lighten midtones or to the right to darken.

Click on the Preview button to preview the results of the settings you are using. To view the original so you can see your progress, click again on the Preview window. Toggle back and forth to compare the original to the settings you have currently set in the Levels window. Click OK to accept the settings.

   

 

Levels window in Fireworks.

Adjusting Midtones in Fireworks

To adjust midtones in Fireworks, Select Xtras> Adjust Color> Levels and the Levels window will open. Click on the middle slider, just below the diagram in the Input Levels section of the window, and move to the left to lighten midtones or to the right to darken. (As an aside, and too involved for the level we are working with here to discuss fully, the diagram in this window is a graphical representation of the distribution of colors in the document.)

If the Preview option is checked, you can preview the results of the settings you use in the document. To view the original so you can see your progress, uncheck the preview window. Toggle back and forth to compare the original to the settings you have currently set in the Levels window.

If you are interested in photo enhancement, and certainly if you would like to add print projects to your lineup, you should research more on the subject of adjusting tones. To master all the ins and outs of photo manipulation requires a long time, and masses of experience. However, the one tone adjustment I have included on this page will help to improve almost all images you will require for the Web.

We will carry on now to color saturation and hue.

   

 

Next page

Web Photos that Pop: Tutorial Index

Don't Be Scared by Print Instructions
Boosting Contrast and Brightness
Enhancing Image Mid-tones
Adjusting Color and Saturation
Sharpening Images

Front page2345

Developer News
Get Ready for Microsoft's 'Oslo' Modeling Tool
Latest Linux Hits Networking Flaws
Metasploit 3.2 Offers More 'Evil Deeds'

Created by Wendy Peck,

JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions
Whitepapers and eBooks
Intel Article: Using Power & Display Context in the Intel Mobile Platform SDK
Internet.com eBook: Real Life Rails
IBM SCA Center Article: Simplifying Composite Applications with Service Component Architecture
Intel PDF: Quad-Core Impacts More Than the Data Center
Internet.com eBook: The Pros and Cons of Outsourcing
Go Parallel Article: Scalable Parallelism with Intel(R) Threading Building Blocks
Intel PDF: Analysis of Early Testing of Intel vPro in Large IT Departments
Internet.com eBook: Best Practices for Developing a Web Site
Intel PDF: IT Agility through Automated, Policy-based Virtual Infrastructure
IBM CIO Whitepaper: The New Information Agenda. Do You Have One?
Microsoft Article: BitLocker Brings Encryption to Windows Server 2008
Microsoft Article: RODCs Transform Branch Office Security
Go Parallel Article: James Reinders on the Intel Parallel Studio Beta Program
Avaya Article: Advancing the State of the Art in Customer Service
IBM Whitepaper: How are other CIOs driving growth?
Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers
Avaya Article: Avaya AE Services Provide Rapid Telephony Integration with Facebook
Go Parallel Article: Getting Started with TBB on Windows
HP eBook: Storage Networking , Part 1
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
Go Parallel Video: Intel(R) Threading Building Blocks: A New Method for Threading in C++
HP Video: Is Your Data Center Ready for a Real World Disaster?
HP On Demand Webcast: Virtualization in Action
Go Parallel Video: Performance and Threading Tools for Game Developers
Rackspace Hosting Center: Customer Videos
Intel vPro Developer Virtual Bootcamp
HP Disaster-Proof Solutions eSeminar
HP On Demand Webcast: Discover the Benefits of Virtualization
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
Actuate Download: Free Visual Report Development Tool
Red Gate Download: SQL Backup Pro
Microsoft Download: Silverlight 2 Software Development Kit Beta 2
30-Day Trial: SPAMfighter Exchange Module
Red Gate Download: SQL Toolbelt
IBM SCA Download: Start Building SCA Applications Today
Iron Speed Designer Application Generator
Microsoft Download: Silverlight 2 Beta 2 Runtime
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
IBM IT Innovation Article: Green Servers Provide a Competitive Advantage
Microsoft Article: Expression Web 2 for PHP Developers--Simplify Your PHP Applications
Featured Algorithm: Intel Threading Building Blocks - parallel_reduce
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES
webref The latest from WebReference.com Browse >
Anatomy of an Ajax Application · Popular JavaScript Framework Libraries: An Overview · Controllers: Programming Application Logic - Part 2
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
MS Access and MySQL · Cisco AutoQoS: VoIP QoS for Mere Mortals · While VoIP Adoption Explodes in Enterprise, Carrier Spending Lags


URL: http://www.webreference.com/graphics/column49/
Created: July 10, 2001
Revised: July 10, 2001