spacer

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

HOME | EXPERTS | GRAPHICS | column 49

Web Photos that Pop: Boosting Contrast and Brightness

Image is muddy and dull.

 

 

Increasing contrast brings out the color and detail, creating a more exciting image.

The final image is shown at the bottom of the page with adjusted midtones, enhanced green color and sharpening applied after the increase in contrast.

 

 

Let's start the discussion on improving photos by looking at what is wrong with the first image at the left. At first glance, if you are new to photo enhancement, and cannot see the corrected image, it may not look too bad.

However, there are several problems with the image that take away the impact and make what should be a dramatic photo fade into oblivion. Compare this image to the enhanced version at the bottom of the page. Notice how the first one seems dull and uninspired compared to the second. The enhanced image pops off the page and really grabs your attention.

The transition from the image at the left to the one at the bottom of the page is accomplished in steps. The steps I have learned to follow are contrast, tone, color and finally sharpening. Occasionally an image only needs one or two minor adjustments, and really bad, or specialty photos, like jewelry, require more than this list of enhancements. However, it is a good starting point.

The difference between the first and second images at the left is entirely accomplished by increasing contrast and brightness. Take a look at the first image and let your eye absorb the difference in color from the lightest to the darkest color. Then observe the enhanced image and do the same. Note how the numbers on the jersey are gray in the first and white in the second. The color range in the first image is from CCCCCC (light gray) to 333333 (dark gray). The range in the enhanced image is FFFFFF (white) to 000000 (black). The table below shows the dark and light colors side by side, dramatically showing the difference in contrast levels.

 

 

 

 

 

 

 

 

When you increase the contrast, the dark colors become darker and the light colors become lighter. Because our eye finds detail by differences in color, increasing contrast brings out the detail in almost every image.

I find that I must usually adjust brightness at the same time as I increase the contrast. It is a good idea to move in small increments, checking the original image often, not just the preview.

Color will usually improve with a contrast adjustment as well. That is one of the reasons that I most often adjust the contrast before I move to any other enhancing tool. Notice how the green of the jersey is much brighter once the contrast is increased. Also, look at the detail at the back of the helmet. In the original image, you can barely tell that there is purple detail, yet with increased contrast, that detail jumps out.

Hint: If you are enhancing a series of images that came from the same scanner or digital camera, with similar photos taken in similar lighting, you will find that the contrast and brightness settings are often similar from one image to the next. Make note of the numbers for the first few photos, and start with those values for subsequent images. If the numbers you are using turn out to be exactly the same every time, you may wish to create an action (Photoshop) to enhance your images with one click.

 

 

Contrast/Brightness in Photoshop
Photoshop offers contrast and brightness control in one function. To adjust one or both values, select Image> Adjust> Brightness and Contrast. Use the sliders for each value to adjust, moving to the left to decrease brightness or contrast, and to the right to increase either value. With the preview option checked, you can follow the results of the changed value in the document.

There are times that you wonder if you have improved the image or not. Just uncheck the Preview option, and you will be able to see the original appearance again. Toggle back and forth, adjusting the values until you are satisfied that you have improved the look. Click OK to accept the settings.

   

 

Contrast/Brightness in Paint Shop Pro
Paint Shop Pro offers contrast and brightness in one function. To adjust one or both values, select Colors> Adjust > Brightness/Contrast. Enter the values you desire, click on the increase or decrease value arrows, or click on the slider under the value to change the settings. Click on the Preview button (the eye) to check the results in your document.

If you wonder whether you have improved the image, click on the the Preview button, and you will be able to see the original appearance again. Toggle back and forth, adjusting the values until you are satisfied that you have improved the look. Click OK to accept the settings.

To reset both values and start over, click on the Reset button at the bottom right of the screen.

   

 

Contrast/Brightness in Fireworks
Fireworks offers contrast and brightness control in one function. If you are not already working in Edit Bitmap mode, select Modify> Edit Bitmap. To adjust one or both values, select Xtras> Adjust Color> Brightness/ Contrast. Use the sliders for each value to adjust, moving to the left to decrease brightness or contrast, and to the right to increase either value. With the preview option checked, you can follow the results of the changed value in the document.

There are times that you wonder if you have improved the image or not. Just uncheck the Preview option, and you will be able to see the original appearance again. Toggle back and forth, adjusting the values until you are satisfied that you have improved the look. Click OK to accept the settings.

   

The final image with color, tone and sharpening adjustments added to the contrast and brightness changes.

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
Metasploit 3.2 Offers More 'Evil Deeds'
'Thank You Apple. Seriously.'
The Buzz: BlackBerry App Store Seen Next

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
IBM Whitepaper: Innovative Collaboration to Advance Your Business
Internet.com eBook: Real Life Rails
Avaya Article: Call Control XML - Powerful, Standards-Based Call Control
Tripwire Whitepaper: Seven Practical Steps to Mitigate Virtualization Security Risks
Internet.com eBook: The Pros and Cons of Outsourcing
Go Parallel Article: Scalable Parallelism with Intel(R) Threading Building Blocks
Internet.com eBook: Best Practices for Developing a Web Site
IBM CXO Whitepaper: The 2008 Global CEO Study "The Enterprise of the Future"
Avaya Article: Call Control XML in Action - A CCXML Auto Attendant
Go Parallel Article: James Reinders on the Intel Parallel Studio Beta Program
IBM CXO Whitepaper: Unlocking the DNA of the Adaptable Workforce--The Global Human Capital Study 2008
Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers
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?
Microsoft Partner Portal Video: Microsoft Gold Certified Partners Build Successful Practices
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
Microsoft Download: Silverlight 2 Software Development Kit Beta 2
30-Day Trial: SPAMfighter Exchange Module
Red Gate Download: SQL Toolbelt
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 >
Popular JavaScript Framework Libraries: An Overview · Controllers: Programming Application Logic - Part 2 · How to Use JavaScript to Validate Form Data
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Choosing the Right Online Backup Provider · Mother Avaya Nurtures Her Technology Partners · Software as a Service a Winning Model for Hotspot Provider


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