home *** CD-ROM | disk | FTP | other *** search
/ PC World 2006 September / PCWorld_2006-09_cd.bin / temacd / paintnet / PaintDotNet_2_64.exe / PaintDotNet.msi / _945098305EDF0C6D9B727E4E173B470B < prev    next >
Text File  |  2006-02-20  |  8KB  |  148 lines
  1. <html>
  2.  
  3. <!-- #BeginTemplate "pdn_help.dwt" -->
  4.  
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  7. <!-- #BeginEditable "title" -->
  8. <title>Paint.NET Help - Levels Adjustment</title>
  9. <!-- #EndEditable -->
  10. <link rel="stylesheet" type="text/css" href="../stylesheet.css">
  11. </head>
  12.  
  13. <body>
  14.  
  15. <div id="banner">
  16.     <img border="0" src="../images/logo.png" width="229" height="73" align="left"><p><b><br>
  17.      </b></p>
  18. </div>
  19. <div id="leftnav">
  20.     <ul class="toc" style="margin-left: 0; padding-left: 0;">
  21.         <li><a href="index.html">Overview</a><br>
  22.         </li>
  23.         <li><a href="Features.html">Features</a><br>
  24.         <a href="Tutorials.html">Tutorials</a><br>
  25.         </li>
  26.     </ul>
  27.     <h3>User Interface</h3>
  28.     <ul class="toc" style="margin-left: 0; padding-left: 0;">
  29.         <li><a href="KeyboardMouseCommands.html">Keyboard & Mouse Commands</a></li>
  30.         <li><a href="MainWindow.html">Main Window</a></li>
  31.         <li><a href="MenuBar.html">Menu Bar</a>
  32.         <ul class="toc">
  33.             <li><a href="File.html">File</a></li>
  34.             <li><a href="Edit.html">Edit</a></li>
  35.             <li><a href="View.html">View</a></li>
  36.             <li><a href="Image.html">Image</a></li>
  37.             <li><a href="Layers.html">Layers</a>
  38.             <ul class="toc">
  39.                 <li class="comment"><a href="RotateZoom.html">Rotate / Zoom</a></li>
  40.                 <li><a href="Adjustments.html">Adjustments</a>
  41.                 <ul class="toc">
  42.                     <li><a href="Curves.html">Curves</a></li>
  43.                     <li><a href="Levels.html">Levels</a></li>
  44.                 </ul></li>
  45.             </ul></li>
  46.             <li><a href="Effects.html">Effects</a></li>
  47.             <li><a href="Tools.html">Tools</a></li>
  48.             <li><a href="Window.html">Window</a></li>
  49.             <li><a href="Help.html">Help</a></li>
  50.             <li><a href="Toolbar.html">Toolbar</a></li>
  51.         </ul>
  52.         </li>
  53.         <li><a href="ToolsWindow.html">Tools Window</a><ul class="toc">
  54.             <li><a href="SelectionTools.html">Selection Tools</a></li>
  55.             <li><a href="MoveTools.html">Move Tools</a><br>
  56.             <a href="MagicWand.html">Magic Wand</a><br>
  57.             <a href="Paintbrush.html">Paintbrush</a></li>
  58.             <li><a href="EraserTool.html">Eraser Tool</a></li>
  59.             <li><a href="PixelTools.html">Pixel Tools</a></li>
  60.             <li><a href="ShapeTools.html">Shape Tools</a></li>
  61.             <li><a href="LineCurve.html">Line / Curve Tool</a></li>
  62.             <li><a href="TextTool.html">Text Tool</a></li>
  63.             <li><a href="PaintBucket.html">Paint Bucket</a></li>
  64.             <li><a href="CloneStamp.html">Clone Stamp</a></li>
  65.             <li><a href="RecolorTool.html">Recolor Tool</a></li>
  66.         </ul>
  67.         </li>
  68.         <li><a href="HistoryWindow.html">History Window</a></li>
  69.         <li><a href="LayersWindow.html">Layers Window</a></li>
  70.         <li><a href="ColorsWindow.html">Colors Window</a></li>
  71.         <li><a href="StatusBar.html">Status Bar</a></li>
  72.     </ul>
  73.     </li>
  74.     <h3>Other</h3>
  75.     <ul class="toc" style="margin-left: 0; padding-left: 0;">
  76.         <li><a href="FAQ.html">FAQ (Frequently Asked Questions)</a></li>
  77.         <li><a href="UnattendedInstallation.html">Unattended Installation</a></li>
  78.         <li><a href="SystemRequirements.html">System Requirements</a></li>
  79.         <li><a href="WebLinks.html">Web Links</a></li>
  80.         <li><a href="License.html">License</a></li>
  81.     </ul>
  82. </div>
  83. <div id="content">
  84.     <!-- #BeginEditable "content" -->
  85.  
  86.  
  87.     <h2>Levels Adjustment</h2>
  88.     <p>The Levels adjustment can be used to alter the color range (or "exposure") of an image, including gamma adjustments, 
  89.     on a channel-by-channel basis. Most adjustments performed using levels consist of changing a pictures input and output 
  90.     white point, black point, and grey point. The white point of an image is the brightest color that appears in the image, 
  91.     while the black point is the darkest color that will appear in an image. The grey point represents the average color 
  92.     of the entire image.</p>
  93.     <p align="center"><img border="0" src="Images/Levels1.png"> </p>
  94.     <p>Each of these color points of an image may be adjusted using Levels. In the dialog above, there are 5 numeric inputs 
  95.     and 5 color swatches. The two along the left side in the 'Input' section indicate the input white and black points. 
  96.     These colors may be adjusted using the numeric inputs, the slider, or by double-clicking on the color swatches. The 
  97.     white point on this side is the color that should be adjusted to become the white point selected on the right side. 
  98.     When the adjustment is performed, colors in the image as bright or brighter than this color will adjust to be equal 
  99.     to the output white point (in the above screenshot, the output white point has been left at its default value, white). 
  100.     Correspondingly, the input black point has been adjusted in the dialog pictured above, so the darkest colors of the 
  101.     output image will be adjusted to be simply black. By adjusting the white point to be slightly darker, we are making 
  102.     that same dark color be as bright as white in the output, and by adjusting the black point to be slightly brighter, 
  103.     we are making those dark colors of the image absolutely black. Also, in the dialog above, the output grey point has 
  104.     been adjusted to be slightly brighter. While this does not effect the whites and blacks of the image, it causes the 
  105.     overall color of the image to be brightened.</p>
  106.     <p align="center"><img border="1" src="../images/LewistonSunset_small.jpg" width="320" height="240">
  107.     <img border="1" src="../images/LewistonSunset_small_Levels1.jpg" width="320" height="240"></p>
  108.     <p>These adjustments end up stretching the range of an image, visible through the histograms on each side of the levels 
  109.     dialog. The histogram on the left indicates the color curve of the image before any adjustment, this histogram represents 
  110.     the amount of an image that is equal to a given color. In the case of the one pictured above, the histogram indicates 
  111.     that a significant portion of the image is nearly black, with a second bulge around 40% brightness. Also, the small 
  112.     spike at the top edge of the input histogram indicates that there is a small portion of the image that is completely 
  113.     white.</p>
  114.     <p>With Level's default settings, the output histogram will be equal to the input histogram. Every adjustment that is 
  115.     performed on the image, however, will cause the output histogram to be updated to represent the changes that will result 
  116.     in the output image. Causing the output histogram to be spread thinner results in an image with higher contrast. Squishing 
  117.     the histogram to a single peak, on the other had, will result in an image with very low contrast. Any of the adjustments 
  118.     between these extremes are possible with levels. In the screenshot above, a significant portion of the image is 'blacked 
  119.     out', resulting in a large spike at the bottom end. The same is true of the top end, where much of the image is 'whited 
  120.     out'. Overall, the histogram has been stretched very thin, as evident from the high contrast present in the image.</p>
  121.     <p>Up to this point, all adjustments have been performed on a all channels, red, green and blue. By using the R, G, 
  122.     B checkboxes (pictured below), individual channels may be adjusted 
  123.     separately (as well as two at a time). In the picture 
  124.     below, the gamma has been adjusted for the green and blue channels at the same time, causing the level of cyan in the 
  125.     image to drop overall. This accentuates the red of the image, as shown in the picture below.</p>
  126.     <p align="center"><img border="0" src="Images/Levels2.png"></p>
  127.     <p align="center"><img border="1" src="../images/LewistonSunset_small.jpg" width="320" height="240">
  128.     <img border="1" src="../images/LewistonSunset_small_Levels2.jpg" width="320" height="240"></p>
  129.  
  130.     <!-- #EndEditable -->
  131.     <h4><br>
  132.     <br>
  133.     </h4>
  134.     <p align="center">
  135.     <font color="#808080" size="1">Copyright <font face="Times New Roman">⌐ 2006 </font>Rick Brewster, 
  136.     Chris Crosetto, Dennis Dietrich, Tom 
  137.     Jackson, Michael Kelsey, Brandon Ortiz, Craig Taylor, Chris Trevino, and Luke Walker. Portions Copyright
  138.     <font face="Times New Roman">⌐ 2006 </font>Microsoft Corporation. All Rights Reserved.</font><font size="1"> <br>
  139.     </font>
  140. </div>
  141. </b>
  142.  
  143. </body>
  144.  
  145. <!-- #EndTemplate -->
  146.  
  147. </html>
  148.