<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tutorial9 &#187; color correction</title>
	<atom:link href="http://www.tutorial9.net/tag/color-correction/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tutorial9.net</link>
	<description>Tutorial Bliss.</description>
	<lastBuildDate>Thu, 09 Feb 2012 14:00:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>Correcting and Preventing Chromatic Aberration</title>
		<link>http://www.tutorial9.net/tutorials/photography-tutorials/correcting-and-preventing-chromatic-aberration/</link>
		<comments>http://www.tutorial9.net/tutorials/photography-tutorials/correcting-and-preventing-chromatic-aberration/#comments</comments>
		<pubDate>Mon, 12 Jul 2010 13:00:17 +0000</pubDate>
		<dc:creator>João Alves</dc:creator>
				<category><![CDATA[Photography Tutorials]]></category>
		<category><![CDATA[chromatic aberration]]></category>
		<category><![CDATA[color correction]]></category>

		<guid isPermaLink="false">http://www.tutorial9.net/?p=5872</guid>
		<description><![CDATA[This article explains what causes Chromatic Aberration in Photography, how to prevent it, and how to fix it in Photoshop.]]></description>
			<content:encoded><![CDATA[<p class="important">When examining their photos closely, almost every photographer has come across a situation in which a colored halo (usually purple, green or red) is apparent around certain elements of a scene. This sort of optic anomaly, more commonly known as color fringing, is known as chromatic aberration. In this article we&#39;ll understand its causes and learn ways to easily avoid it both while shooting and in post-production. </p>
<div class="toc" id="toc">
<p><span class="label">Quick Nav:</span></p>
<ul>
<li><a href="#1">What is chromatic aberration?</a></li>
<li><a href="#2">The (somewhat) simple physics</a></li>
<li><a href="#3">Camera lenses and chromatic aberrations</a></li>
<li><a href="#4">How to avoid it on the field</a></li>
<li><a href="#4">How to correct it in Photoshop</a></li>
</ul>
</div>
<h3 id="1">What is chromatic aberration?</h3>
<p>Chromatic aberration is an optical phenomenon in which the camera lens is unable to focus the different wavelengths of light on the same plane (in this case the image sensor) in order to produce a correct image, resulting in a halo or fringe around objects.</p>
<p>This is especially noticeable in high contrast situations and when shooting at wide apertures. Such a situation is presented below, where the hands of a statue were shot against a bright sky, resulting in a bad case of purple fringing.</p>
<div class="image-container full">
<img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/07/indian-chromatic-aberration-example.jpg" alt="Example of CA" width="590" height="465" /> <br />
<small>Image taken by <a href="http://www.flickr.com/photos/mikebaird/3951263425/">Mike Baird</a></small></p>
</div>
<p>It should be noted that color fringes may also be caused by other factors such as lens flare or the camera&#39;s sensitivity to the different wavelengths of light but since chromatic aberration is the most common cause it will be the main subject of this article.</p>
<p><!-- It looks nice when actually on Tutorial9.net. I've just limited styling here --></p>
<div class="tip">
<h4>I&#8217;m no Einstein!</h4>
<p>I should state that I am a photographer, not a physicist, so some parts of this article may not be entirely correct from a scientific point of view but I believe they&#39;re helpful constructs to understand these concepts. With that being said, let&#39;s get started. :)</p>
</div>
<h3 id="2">The (somewhat) simple physics</h3>
<p>As you might imagine, DSLR lenses are a complex piece of equipment but for the sake of simplicity, let&#39;s consider them as a single piece of glass.<br />
When light hits the lens it is refracted, ie, it changes direction. As most people probably know just by looking at the rainbow, visible light is comprised of different wavelengths which are perceived as different colors. What happens in this situation is that the different wavelengths are bent differently by the lens, causing them to diverge (a phenomenon known as <strong>dispersion</strong>) and hit different planes, as shown in the following diagram:</p>
<div class="image-container full">
<img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/07/chromatic-aberration.png" alt="How chromatic aberrations Work" width="590" height="365" />
</div>
<p>This will cause the sensor to pick up &#34;misplaced&#34; colors at certain spots, resulting in the familiar chromatic aberrations.</p>
<div class="tip">
<h4>Go to the corner!</h4>
<p>Chromatic aberration is usually more or less controlled in the center of the frame. It&#8217;s at the image corners that it is more troublesome.</p>
</div>
<h3 id="3">Camera lenses and chromatic aberrations</h3>
<p>In order to correct this problem, lens makers came up with ways to minimize the divergence of light waves. The cheapest solution is usually used in consumer level optics like the common 18-55mm kit lenses and is known as an <strong>achromatic lens design</strong>. It uses a second lens that has a different dispersion than the main lens and tries to converge the light rays in order to try to correct both spherical and chromatic aberrations that light suffers when passing through the first lens. However, this isn&#39;t a perfect process and small imperfections are still present.</p>
<div class="image-container full">
<img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/07/chromatic-aberration-achromatic.png" alt="Achromatic lens design" width="590" height="435" /><br />
 <small>A simplified diagram demonstrating how achromatic lenses work</small></div>
<p>What is used in higher end lenses is an <strong>apochromatic lens design</strong>, in which a third element is added, correcting even further the aberrations.</p>
<div class="image-container full">
<img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/07/chromatic-aberration-apochromatic.png" alt="Achromatic lens design" width="590" height="428" /><br />
 <small>A simplified diagram demonstrating how apochromatic lenses work</small></div>
<p>In addition to this design, lenses like the <strong>Canon EF 70-200mm F2.8L IS</strong> (and all other L lenses, for that matter) contain super-low dispersion glass, which as the name implies, doesn&#39;t disperse the different wavelengths as much, minimizing this problem. Because <strong>low dispersion materials</strong> like fluorite are usually used, the final lens cost is driven up quite a bit, which <strong>partly explains why they cost so much</strong> in the first place.</p>
<h3 id="4">How to avoid it on the field</h3>
<h4>Avoid high contrast situations</h4>
<p>This might seem like a no-brainer but it really helps to downplay the optic design imperfections, especially if using consumer level lenses like most of us do. Common suspects include fences, tree branches and shooting a subject against a bright sunny sky.</p>
<h4>Stop down your aperture</h4>
<p>While it is very tempting to use a wide aperture to get nice bokeh, if you get some fringing try to stop down the aperture at least one stop. This will greatly help minimize the visible aberrations.</p>
<h4>Avoid the extremes of your zoom lens</h4>
<p>Not only in life but also in photographic lenses it is said that virtue is in the middle. Zoom lenses usually perform better when using its middle focal lengths. For example, when using a 70-200mm zoom, shooting at 135mm will usually wield better results than at 200mm.</p>
<h4>Avoid super zoom lenses</h4>
<p>Unless you don&#39;t want to carry extra weight, like when going on vacations, avoid super zooms at all costs. They have terrible chromatic aberrations on the wide end. Alternatively, get some prime lenses, as they are generally optimized to reduce these optical artifacts and are relatively cheaper and lighter.</p>
<h3 id="5">How to correct it in Photoshop</h3>
<h4>After opening your image in Photoshop, go to <strong>Filter</strong> -> <strong>Distort</strong> -> <strong>Lens Correction&#8230;</strong></h4>
<div class="image-container full">
<img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/07/step1.png" width="328" height="416" alt="" />
</div>
<h4>On the right side panel you should find a set of controls named <strong>Chromatic Aberration</strong>.</h4>
<div class="image-container full">
<img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/07/step2.png" width="328" height="416" alt="" />
</div>
<p>Depending on your image, you should try to correct the fringing in the best way you can by adjusting the sliders. To do this in an optimal way <strong>make sure you are viewing the image at a magnification of 100% or more.</strong></p>
<p>You might have to move only one or both sliders: it all depends on the image you&#8217;re dealing with. In this case, I had to move both.</p>
<div class="image-container full"> <img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/07/step3.png" width="590" height="435" alt="" /></div>
<p>Moving the <strong>Fix Red/Cyan Fringe</strong> slider to the left will correct red fringes, while sliding to the right will conversely correct the cyan fringes. The <strong>Fix Blue/Yellow Fringe</strong> slider works in a similar fashion.</p>
<div class="tip">
<h4>Don&#8217;t crop just yet!</h4>
<p>If you recall from earlier on, chromatic aberration is more prevalent on corners. Photoshop&#8217;s algorithm takes this into account so make sure you are editing the image in its original aspect ratio or else you&#8217;ll get weird results in some areas of the image. Correct first the aberrations and you can always crop later.</p>
</div>
<h4>The Before and After Using Photoshop</h4>
<div class="image-container full"> <img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/07/CA-before-and-after.jpg" width="475" height="546" alt="Chromatic Aberration Fixed" /></div>
]]></content:encoded>
			<wfw:commentRss>http://www.tutorial9.net/tutorials/photography-tutorials/correcting-and-preventing-chromatic-aberration/feed/</wfw:commentRss>
		<slash:comments>36</slash:comments>
		</item>
		<item>
		<title>Simple, Practical Color Theory</title>
		<link>http://www.tutorial9.net/articles/design/simple-practical-color-theory/</link>
		<comments>http://www.tutorial9.net/articles/design/simple-practical-color-theory/#comments</comments>
		<pubDate>Wed, 12 May 2010 13:00:02 +0000</pubDate>
		<dc:creator>Owen James</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[color basics]]></category>
		<category><![CDATA[color correction]]></category>
		<category><![CDATA[color theory]]></category>

		<guid isPermaLink="false">http://www.tutorial9.net/?p=5445</guid>
		<description><![CDATA[The mastery of color theory, relations and harmonies is one of the primary steps to uncovering the full beauty and potential of your images.]]></description>
			<content:encoded><![CDATA[<p class="important">The mastery of color theory, relations and harmonies is one of the primary steps to uncovering the full beauty and potential of your images (in the realms of art, design and/or photography). Find out more in this simple, practical, colorful guide.</p>
<div class="toc" id="toc">
<p><span class="label">Quick Nav:</span></p>
<ul>
<li><a href="#1">Color Models</a></li>
<li><a href="#2">RGB Color Model</a></li>
<li><a href="#3">Color Harmonies</a></li>
<li><a href="#4">Term Definitions</a></li>
<li><a href="#5">Hue, Saturation and Brightness</a></li>
<li><a href="#6">Conclusion</a></li>
</ul>
</div>
<div class="image-container full"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/05/3wheels.gif" alt="Image Description" width="600" height="263"></div>
<h3 id="1">Color Models</h3>
<p>Depending on your background and your purpose, you will view primary colors differently. There are three generally accepted models: <b>RGB</b> <i>(red, green, blue)</i>, <b>CMY</b> <i>(cyan, magenta, and yellow)</i>, and <b>RYB</b> <i>(red, blue, yellow)</i>.</p>
<p><b>Primary color models can be divided into two categories: <i>additive</i> and <i>subtractive</i>.</b></p>
<p>The <b>additive primary colors</b> are obtained by light: red, green and blue (RGB). When combined, these colors create white. Scientists in the late 19th century established that color perception is best described in terms of the primary additive colors RGB because it is based on the human perception of colors.</p>
<p>The <b>subtractive primary colors</b> are obtained by the subtraction of light: cyan, magenta, and yellow (CMY). They form the basis of printing colors and combine to form black, the K in CMYK. The second set of subtractive primary colors is: red, yellow and blue (RYB). This model is primarily used in art and design education, particularly painting. According to Johannes Itten, a Swiss color and art theorist, the primary use of this color wheel is for mixing pigments.</p>
<h4>Color Model Application:</h4>
<p><i>RGB:</i> Photography, video/film and design.<br />
<br/><i>CMYK:</i> Print design.<br />
<br/><i>RYB:</i> Art, painting and design.</p>
<div class="note">
<h4>RGB and RYB Confused?</h4>
<p>In regards to design, the purpose of the color wheel is to aid the creation of visually harmonious color schemes not to confuse you. I would recommend using the RGB model because it reflects human color perception correctly. Of course, you can experiment with both types of the color wheel.</p>
</div>
<p>Now that we’ve covered the various color models and their uses, we can proceed with confidence. We will be using the RGB color model.</p>
<h3 id="2">RGB Color Model</h3>
<div class="image-container full"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/05/1-2-3d.png" alt="Primary, Secondary, Tertiary Color Wheels" width="600" height="261"></div>
<h4>Primary, Secondary, and Tertiary Colors</h4>
<div class="image-container alignright"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/05/RGBwheel.png" alt="Image Description" /></div>
<p>In the RGB (additive) color model, the <b>Primary colors</b> are: red, green, blue.</p>
<p>The <b>Secondary colors</b>: cyan, magenta and yellow, are formed by the sum of two primary colors of equal intensity.</p>
<p>Lastly we have (six) <b>Tertiary colors</b>, which are comprised of mixing half primary color and half secondary color: orange, yellow-green (lime), cyan-green, cyan-blue, blue-magenta (purple), red-magenta (pink).</p>
<p>The additive and subtractive sets of tertiary colors RGB and CMY are exactly the same, just on different points of the wheel.</p>
<blockquote style="clear:both;"><p>“The color wheel not only helps understand the relationship of different colors but also the classification of colors. It also provides a quick reference to the primary, secondary and tertiary hues.” – Mark Boulton</p>
</blockquote>
<h3 id="3">Color Harmonies</h3>
<div class="image-container alignleft"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/05/harmonies.gif" alt="Image Description" /></div>
<p><b>Monochromatic</b><br />
<br />Monochrome selections are simply one color from the color wheel.</p>
<p><b>Complementary</b><br />
<br />Complementary color schemes use colors that are opposite each other on the color wheel.</p>
<p><b>Split-complementary</b><br />
<br />The split-complementary color scheme is a variation of the complementary color scheme. In addition to the base color, it uses two colors adjacent to its complement.</p>
<p><b>Analogous</b><br />
<br />Analogous color schemes use colors that are next to each other on the color wheel. Analogous schemes are often found in nature and are harmonious and pleasing to the eye.</p>
<p><b>Accented Analogic</b><br />
<br />Accented analogic color schemes are combinations of analogous and complementary color schemes. In addition to colors that are adjacent to each other, it uses a complementary accent at its opposite.</p>
<p><b>Triad</b><br />
<br />A triadic color scheme uses colors that are evenly spaced around the color wheel.</p>
<p><b>Tetrad (double complementary)</b><br />
<br />The tetradic or double complementary color scheme uses four colors arranged into two complementary pairs.</p>
<p><b>Square</b><br />
<br />The square color scheme is similar to the tetradic, but with all four colors evenly spaced around the color wheel.</p>
<div class="image-container alignright"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/05/warmcool.png" alt="Image Description" /></div>
<h4>Warm and Cool Colors</h4>
<p>The color wheel can be divided into warm and cool colors. Warm colors are vivid and energetic, and tend to advance in space. Cool colors give an impression of calm, and create a soothing impression. White, black and grey are considered to be neutral.</p>
<h3 id="4">Term Definitions</h3>
<p>Let’s take a look at the meanings of a few color-related words. These words can often confuse and be erroneously substituted for one another. This following list of definitions will help us proceed unambiguously. All definitions are taken, of course, from <a href="http://www.merriam-webster.com/">The Merriam-Webster Dictionary</a>.</p>
<p><i>Hue</i><br />
<br />The attribute of colors that permits them to be classed as red, yellow, green, blue, or any intermediate between any contiguous pair of these colors.</p>
<p><i>Saturation</i><br />
<br />A chromatic purity; freedom from dilution with white.</p>
<p><i>Brightness</i><br />
<br />The attribute of light-source colors by which emitted light is ordered continuously from light to dark in correlation with its intensity.</p>
<p><i>Tint</i><br />
<br />A variation of color produced by adding white to it and characterized by low saturation with relatively high lightness.</p>
<p><i>Tone</i><br />
<br />The color quality or value; a tint or shade of color; the color that appreciably modifies a hue or white or black.</p>
<p><i>Shade</i><br />
<br />A color produced by a pigment or dye mixture having some black in it.</p>
<p><i>Chroma</i><br />
<br />A quality of color combining hue and saturation.</p>
<h3 id="5">Hue, Saturation and Brightness</h3>
<div class="image-container alignright"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/05/hue.png" alt="Image Description" /></div>
<p><b>Hue</b><br />
<br />In practical terms, hue refers to a specific tone of color. It is not another name for color as color can have saturation and brightness as well. For instance, colors with the same hue are distinguished with adjectives referring to their lightness and/or chroma, such as with “light green” or “pastel blue”.</p>
<p><b>Saturation</b><br />
<br />Saturation is the intensity of a hue from grey. At maximum saturation a color would contain no grey at all. At minimum saturation, a color would contain mostly grey.</p>
<p><b>Brightness</b><br />
<br />Brightness refers to how much white or black is contained within a color.</p>
<div class="image-container full"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/05/satbright.jpg" alt="Saturation and Brightness" width="600" height="146"></div>
<p>The image below (left) of Photoshop&#8217;s Color Picker shows the saturation and brightness of the cyan hue. The saturation is increased by dragging the picker horizontally towards the right of the box and decreased towards the left. Brightness is increased by dragging vertically towards the top of the box and decreased towards the bottom. The hundred percent mark of a hue’s saturation and brightness is the upper-right corner.</p>
<p>Examples for hue, saturation, and brightness are best shown in the hue/saturation adjustment layer. Each of the three is affected separately and the display sliders intuitively show the principles referenced above. See the example below (right).</p>
<div class="image-container full"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/05/color_picker.jpg" alt="Saturation and Brightness" width="600" height="346"></div>
<h3 id="6">Conclusion</h3>
<p>Cognizance of colors and/or combinations that are pleasing, and savvy use of post-production tools are just two of the ways that comprehension of color theory, relations and harmonies is useful to us. We have already put this knowledge to use to improve and stylize images in <a href="http://www.tutorial9.net/photoshop/how-to-use-curves-in-photoshop/">How to Use Curves in Photoshop</a> and <a href="http://www.tutorial9.net/photoshop/color-correction-basics-in-photoshop/">Color Correction Basics in Photoshop</a>.</p>
<p>We will continue to use color theory insofar as every photograph can be improved with the post-production tools within Photoshop, Lightroom, or other image-editing software. Specifically, a few adjustment tools where color theory knowledge helps include: Curves, Hue/Saturation, Color Balance, Channel Mixer, Selective Color—and the list goes on. The mastery of color theory, relations and harmonies is one of the primary steps to uncovering the full beauty and potential of your images.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tutorial9.net/articles/design/simple-practical-color-theory/feed/</wfw:commentRss>
		<slash:comments>90</slash:comments>
		</item>
		<item>
		<title>Color Correction Basics in Photoshop</title>
		<link>http://www.tutorial9.net/tutorials/photoshop-tutorials/color-correction-basics-in-photoshop/</link>
		<comments>http://www.tutorial9.net/tutorials/photoshop-tutorials/color-correction-basics-in-photoshop/#comments</comments>
		<pubDate>Fri, 12 Mar 2010 13:00:21 +0000</pubDate>
		<dc:creator>Owen James</dc:creator>
				<category><![CDATA[Photoshop Tutorials]]></category>
		<category><![CDATA[color correction]]></category>
		<category><![CDATA[color theory]]></category>
		<category><![CDATA[curves in photoshop]]></category>
		<category><![CDATA[photoshop adjustments]]></category>

		<guid isPermaLink="false">http://www.tutorial9.net/?p=4968</guid>
		<description><![CDATA[The focus of this tutorial is to help you delve deeper into color correcting to up the production value of your images.]]></description>
			<content:encoded><![CDATA[<p class="important">Have you wanted to learn more about color correction? The focus of this tutorial is to help you delve deeper into color correcting to up the production value of your images. Learn a few simple techniques while creating.</p>
<p>I will be using Photoshop CS4 for this tutorial, but all of the features I will use are available in previous versions of Photoshop. Or in any decent photo-editing software.</p>
<h4>Primary Color Correction</h4>
<p>In this tutorial, our work will be primary color correction. “Primary color correction affects the whole image, utilizing control over intensities of red, green, blue, gamma (mid tones), shadows (blacks) and highlights (whites).”</p>
<h3>Overview</h3>
<p>Before we begin, you’ll want to be sure that you have at least a novice understanding of the following tools in your photo-editing program: <b>Curves, Hue/Saturation, Photo Filter, and Black &#038; White adjustment layer.</b></p>
<div class="tip">
<h4>Quick Tip</h4>
<p>Keep effects on adjustment or separate layers to enable quick alteration or removal at any time during the color correction process.</p>
</div>
<h3>Monochrome and Sepia</h3>
<div class="image-container alignright"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/bw.gif" alt="Image Description" /></div>
<p>A monochromatic image is one whose range of colors consists of shades of a single color or hue.</p>
<p><b><i>Step 1:</i></b> First, let’s make our image grayscale. There are various ways to do this, but we&#8217;ll look at just two:</p>
<p>I think the best way is to use the <b>Black &#038; White adjustment layer.</b> (This can be found at the bottom of the <b>Layers</b> toolbox.) What is so great about this adjustment layer is the ability to control the luminance of the 6 primary and secondary colors – red, green, blue, cyan, magenta and yellow with the sliders. This is a very useful tool for fine-tuning the the tonal range of your image.</p>
<p>However, the Black &#038; White adjustment layer is only in Photoshop CS3 and newer. So, if you&#8217;re using an older version, skip to the next step.</p>
<div class="image-container alignright" style="clear:both;"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/huesat.gif" alt="Image Description"/></div>
<p><b><i>Step 2:</i></b> Apply the <b>Hue &#038; Saturation adjustment layer</b>. Click the <b>Colorize</b> checkbox and this will automatically desaturate and tint your image. However, the Hue is wrong. So set the Hue to 35. Now it&#8217;s starting to look right.</p>
<p><b><i>Step 3</i></b>: Lastly, perfect color brightness of your image with the sliders in the Black &#038; White adjustment layer. Use the eyedropper tool that comes with the filter to select the part of the image you want to alter and it will hightlight which color is in range. But be careful not to drastically change the colors or you&#8217;ll be in danger of <a href="http://en.wikipedia.org/wiki/Posterize">posterizing</a> the image.</p>
<p>Usually changes solely in the Black &#038; White filter are not enough to correct the image; so apply a <b>Curves adjustment layer</b> on top and get your image looking right. (It’s best to do these steps last – after your color adjustments – so that you’re seeing and effecting the color-corrected spectrum.)</p>
<p>And, for sepia, you’re done.</p>
<div class="image-container full"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/','http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/orig1.jpg',1)"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/sepia1.jpg" name="Image10" width="600" height="311" border="0" id="Image11" /></a>
<p><b>Rollover Image</b></p>
</div>
<p>In addition, using other monochromatic color schemes are done the same way. Instead of setting the Hue to 35, move the slider to the color of your choice. You also could up the Saturation a bit to make the colors pop. (For the image below, I set the Hue to 295 and the Saturation to 35.)</p>
<div class="image-container full"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/','http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/orig1.jpg',1)"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/mono1.jpg" name="Image10" width="600" height="311" border="0" id="Image12" /></a>
<p><b>Rollover Image</b></p>
</div>
<h3>Bleach Bypass</h3>
<p>A popular image treatment is the bleach bypass. In actual film-developing, this means skipping the bleaching process. This leaves a silver tint on the photograph, as if the black-and-white and color image had been combined. So that’s exactly what we’re going to do.</p>
<div class="image-container alignright"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/bb_overlay.gif" alt="Image Description" /></div>
<p><b><i>Step 1:</i></b> Apply the <b>Black &#038; White adjustment layer</b> once again to your image. (Or desaturate with a Hue &#038; Saturation adjustment layer.) Then, the only alteration we need to do is in the <b>blending mode:</b> change it from <b>Normal</b> to <b>Overlay.</b></p>
<p><b><i>Step 2:</i></b> Apply a <b>Curves adjustment layer</b> on top. A characteristic of most bleach-bypassed images is increased contrast. So add a contrast curve to your image. But be careful. Adjustments should be minor at this stage because the image has a lot of contrast. Make sure you&#8217;re not overexposing in the highlights or underexposing in the shadows.</p>
<div class="image-container full"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/','http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/orig1.jpg',1)"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/bb1.jpg" name="Image10" width="600" height="311" border="0" id="Image13" /></a>
<p><b>Rollover Image</b></p>
</div>
<p>
<div class="image-container full">
<p align="left"><b>Extra:</b> Often, another characteristic of bleach bypass, along with increased contrast, is graininess. If you like, take this effect a step further by adding some noise: <b>Filter > Noise > Add Noise.</b> Make sure it’s <b>monochromatic.</b></p>
</div>
<h3>Quick Color Theory</h3>
<p>Before we begin working on our next style, we’re going to talk quickly about color theory.</p>
<p>Take a look at the color wheels below. You’ll notice the three <b>primary colors</b> in our <b>RGB color model: red, green and blue.</b> Then, in between those you’ll notice the <b>secondary colors</b> of <b>CMY: cyan, magenta, and yellow.</b> Secondary colors are formed by the sum of two primary colors: cyan is green + blue, magenta is red + blue, and yellow is red + green. Simple enough. </p>
<div class="image-container full"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/color_wheels.jpg" alt="Image Description" width="600" height="300"></div>
<p>The secondary colors are opposite on the color wheel to the primary colors. Hence:</p>
<p><b>
<p>Red – Cyan</p>
<p>Green – Magenta</p>
<p>Blue – Yellow</p>
<p></b></p>
<p>Another six tertiary colors are created by mixing primary and secondary colors. But we don’t need to get into that in detail right now.</p>
<p>The primary and secondary colors, and their relation to each other, are important for us to know. In the <b>Curves adjustment layer</b> you can effect color in the <b>red, green, and blue channels</b> separately. So, for instance, any adjustments upward of the <b>diagonal line</b> in the red channel increase the red in the image. Lowering, below the diagonal line, increases the cyan. The other channels are the same: Upward in the green channel, green; lower, magenta. Upward in the blue channel, blue; lower yellow.</p>
<div class="image-container full"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/curves.gif" alt="Image Description" width="600" height="203"></div>
<h3>Blockbuster/Fashion Look</h3>
<div class="image-container full"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/main.jpg" alt="Image Description" width="600" height="309"></div>
<p>Ok, now that we got that covered, let&#8217;s begin. This style is used a lot in big summer movies, such as the Transformer films. It’s also popular in fashion photography.</p>
<p>First off, take a look at the picture above. In an effort to create this look, <b>determine the color hue and tint of the shadows, midtones, and highlights.</b> Most importantly, the shadows and highlights. You’ll notice that the shadows are very bluish and the highlights – mainly the part of the image containing the skin tones – are, well, the color of skin.</p>
<p>This is a <b>complementary color scheme.</b> Meaning the colors used, blue and orange, are opposite each other on the color wheel.</p>
<p>When working with humans in your compositions, you have to take the skin tone into account. You can’t have people turning green, magenta, or blue. That would look odd. Skin will always be between orange, orange-yellow (tertiary), and yellow. Therefore to complement the subject, generally use opposite colors: between cyan, blue or blue-violet (tertiary).</p>
<p>Now that we know this, let’s stylize our photo.</p>
<p><b><i>Step 1:</i></b> Apply a <b>Curves adjustment layer</b> to your image. </p>
<div class="tip">
<h4>Quick Tip</h4>
<p>Nearly every colorist starts color correction with the shadows; then the highlights; and lastly the midtones.</p>
</div>
<p><b><i>Step 2:</i></b> In the color dropdown menu, change from <b>RGB</b> – which affects the overall brightness and contrast of the image – to <b>blue</b>. We’ll work backwards up the list, starting with blue and ending with RGB.</p>
<div class="image-container alignright"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/curves_blue.gif" alt="Image Description" /></div>
<p>What we’ll want to do is bring the lower end of the curves slider up. This will <b>increase the blue in the shadows.</b> Next, to compensate for our first adjustment, we’ll want to <b>decrease the blue in the highlights –</b> taking it towards yellow – so that the skin tones stay closer to being correct.</p>
<p><b><i>Step 3:</i></b> You’ll notice that the image has quite a purple tint to it. This is because the green and red channels are at equal intensity. To get a more blue color you can either go to the green channel and raise the shadows, or go to the red and lower the shadows. But there’s a difference here and you would do well to note it: If you were to raise the green shadows, the image would get slightly lighter and loses contrast. If you lower the red shadows, the image gets darker and gains contrast. <b>The first is subtracting color and the second is adding.</b></p>
<p><b>In most cases, you’ll want to go with the option that subtracts, not adds.</b></p>
<div class="image-container alignleft"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/curves_green.gif" alt="Image Description" /></div>
<p>And that’s what we’ll do. Go to the <b>green channel,</b> and bring it up just enough to take the purplish-tint out of the image. This is where you can decide between how much blue-violet or cyan you’d like in your blue-tinted shadows.</p>
<p><b><i>Step 4:</i></b> At this point, you may need to go back to the <b>blue channel</b> and make sure the skin tone looks good. Not too blue and not too yellow. Adjust the highlights and midtones until you’re satisfied.</p>
<p><b><i>Step 5:</i></b> Now we can go to the <b>RGB or master channel.</b> Finalize the luminance and contrast of your image. All I had to do with this image was lower the shadows. </p>
<p>I’m sitting pretty with a great look.</p>
<p><b><i>Step 6:</i></b> Lastly, you can complement your image with one more filter. Increasing the blue in the shadows flooded the image with a bit too much color. Add a <b>Hue &#038; Saturation adjustment layer</b> and <b>drop the saturation to around -10.</b></p>
<p>The change is ever so slight. But, it’s perfection. And now you’ve got a blockbuster or fashion-style image. Smashing. </p>
<div class="image-container full"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image14','http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/','http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/orig1.jpg',1)"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/bf1.jpg" name="Image10" width="600" height="311" border="0" id="Image14" /></a>
<p><b>Rollover Image</b></p>
</div>
<h3>Bronze</h3>
<p>Like in the film, 300, you can give your image quite a cool bronze look. This is similar to a sepia effect; however, the image shouldn’t be monochrome. Vibrant colors and those opposite to the bronze tonal region are still visible and actually stand out nicely, while the lights and the darks take on the bronze tint.</p>
<p>Let&#8217;s use a picture with more colors and a larger tonal range. It&#8217;ll be easier to see what&#8217;s happening.</p>
<p><b><i>Step 1:</b></i> Start by applying a <b>Photo Filter adjustment layer</b> to your image. Change the filter color to <b>Sepia</b> and set the <b>density between 90 to 100 percent</b>. Make sure the <b>preserve luminosity</b> box is checked.</p>
<p><b><i>Step 2:</b></i> Add a <b>Hue &#038; Saturation adjustment layer</b> next. <b>Desaturate</b> the image anywhere from -10 to -50. Do what looks good to you.</p>
<p><b><i>Step 3:</b></i> Add that trusty <b>Curves adjustment layer.</b> The bronze-style looks quite good with extra contrast. Make a nice <b>contrast curve.</b></p>
<div class="image-container full"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/bronze_adj.gif" alt="Image Description" width="600" height="296"></div>
<p><b><i>Step 4:</b></i> An optional step, one which I think looks good, is to add a little <b>diffusion.</b> You can achieve this by duplicating your image layer (and keeping it under the effects). Next, apply a <b>gaussian blur</b> to the layer. <b><i>Do not blur too much!</i></b> If you put too much blur, your final image will look like it’s from a dream sequence – very soft.</p>
<p>For this picture, I’m using a <b>2.5 pixel blur.</b></p>
<p>Change the <b>blending mode</b> of the blurred image to <b>Overlay.</b> You’ll notice how contrasty your image gets. To keep it from getting too soft, change the fill anywhere from <b>25 to 50 percent.</b> Then, compensate for the contrast accordingly with your curves layer.</p>
<p>That’s it for the big, bold, bronze look. This kid is vicious on his scooter. Watch out.</p>
<div class="image-container alignleft"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/','http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/orig2.jpg',1)"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/bronze1.jpg" name="Image15" width="399" height="600" border="0" id="Image15" /></a>
<p align="center"><b>Rollover Image</b></p>
</div>
<h3>Conclusion</h3>
<p>Bear in mind that there are many ways to achieve these looks and styles. There is no correct process or proceedure. Different colorists use different tools. To each his own. Find out what works best for you.</p>
<p>Also, remember that each picture you add these effects to will react differently. You shouldn’t expect these settings – or one specific procedure –  to work equally well on all your pictures. It will vary due to the levels or amounts of shadows, highlights, colors, and contrast, etc.</p>
<p>The tendency can be to go overboard with effects. Do your best to use them sparingly and appropriately. <b>When in doubt, less is more.</b></p>
<p>Go out and take your knowledge further by emulating styles and effects you see in magazines, films, or on the web. That’s a great way to learn. Have fun.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tutorial9.net/tutorials/photoshop-tutorials/color-correction-basics-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>116</slash:comments>
		</item>
		<item>
		<title>How To Use Curves in Photoshop</title>
		<link>http://www.tutorial9.net/tutorials/photoshop-tutorials/how-to-use-curves-in-photoshop/</link>
		<comments>http://www.tutorial9.net/tutorials/photoshop-tutorials/how-to-use-curves-in-photoshop/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 13:00:24 +0000</pubDate>
		<dc:creator>Owen James</dc:creator>
				<category><![CDATA[Photoshop Tutorials]]></category>
		<category><![CDATA[color balance]]></category>
		<category><![CDATA[color correction]]></category>
		<category><![CDATA[color theory]]></category>
		<category><![CDATA[curves in photoshop]]></category>
		<category><![CDATA[photoshop adjustments]]></category>

		<guid isPermaLink="false">http://www.tutorial9.net/?p=4922</guid>
		<description><![CDATA[The curves adjustment tool is an integral part of every professional's knowledge base and image editing package.]]></description>
			<content:encoded><![CDATA[<p class="important">If I were forced to give up all but one image adjustment tool, I would keep curves. Hands down. The curves adjustment tool is an integral part of every professional&#8217;s knowledge base and image editing package.</p>
<p>Even if you’ve taken a good photo, chances are it can be improved or it needs to be adjusted to work in a collage or collection. Or even to just to intensify a mood. You can always make a good thing better – and curves is a one-stop-shop way to do that.</p>
<p>With curves you are able to:</p>
<ul>
<li>Adjust the <B>over-all contrast</B> or tonal range </li>
<li>Adjust the <B>local contrast</B> or tonal range </li>
<li>Adjust the <B>color</B></li>
</ul>
<p>Let’s jump in and find out how. It’s simpler than it looks.</p>
<h3>Overview</h3>
<div class="image-container alignright"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/curves_points.gif" alt="Image Description" /></div>
<p>The idea behind <B>Curves</B> is all about re–mapping values. A pixel starts out at a certain brightness, and you change it to be brighter or darker.</p>
<p>The curves box opens as a straight line because you haven’t made any changes yet. That means that the brightness values before and after are the same. You will effect a change by changing the shape of the curve.</p>
<p>The points from left (bottom) to right (top) affect: blacks, shadows, midtones, highlights, and whites. By altering the position in these regions will affect the corresponding tonal range of your image. Leaving the line in the center will leave the tones unchanged.</p>
<p>You begin altering the brightness values by clicking once somewhere on the line. This will establish a “point”; this point can now be dragged to a different place within the grid, which causes that tonal value to change, either lighter or darker depending on whether you drag it up or down. The reason it’s a curve is so that the change blends smoothly throughout the image. An abrupt change in value can be very noticeable. The increasingly gradual change of the brightness values on either side of the change permit a very smooth and believable adjustment.</p>
<p>It’s important to note, however, that you can’t increase contrast in one region without decreasing it in another. The curves tool redistributes contrast. Therefore think of the image having a contrast allocation or budget and you need to decide how to best spend it. </p>
<p>Also, the curves tool will preserve the tonal hierarchy (unless you use uncommon negative slopes). That means that the brighter parts of the image will stay brighter even after your conversion – just maybe not by the same amount.</p>
<div class="tip">
<h4>Quick Tip</h4>
<p>Keep effects on adjustment or separate layers to enable quick alteration or removal at any time during the color correction process. (<b>Layer > New Adjustment Layer > Curves</b>. Or at the bottom of the Layers panel.)</p>
</div>
<h3>S- and Inverted S-Curves</h3>
<div class="image-container full"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/beach_curves.jpg',1)"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/beach_default.jpg" name="Image9" width="600" height="293" border="0" id="Image8" /></a>
<p><b>Rollover Image</b></p>
</div>
<p>The <B>S-Curve</B> and the <B>Inverted S-Curve</B> are two curves most commonly used. The S-Curve adds contrast to the midtones while subtracting from the shadows and highlights. The Inverted S-Curve does the opposite.</p>
<p>Often in photography, it’s difficult to expose your image perfectly. Brightness or darkness in tonal ranges can benefit from optimization. The S-Curve is often useful in these cases – not to mention, quick and simple.</p>
<h3>Empty Tonal Range and Histograms</h3>
<div class="image-container full"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/pug_curves.jpg',1)"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/pug_default.jpg" name="Image13" width="600" height="400" border="0" id="Image12" /></a>
<p><b>Rollover Image</b></p>
</div>
<p>One very useful and important function of curves is to correct empty tonal ranges – in the histogram edges (blacks and whites) or gaps in between (shadows, midtones, and highlights). An under exposed image can be helped by pulling in the black and white points to correct the exposure.</p>
<p>Or if there are gaps in between the tonal peaks you can decrease contrast in specific parts of your image – thereby freeing up the contrast to be used in the more visible areas of your image.</p>
<h3>Clipped Highlights</h3>
<div class="image-container full"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image14','','http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/sun_curves.jpg',1)"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/sun_default.jpg" name="Image15" width="600" height="316" border="0" id="Image14" /></a>
<p><b>Rollover Image</b></p>
</div>
<p>Images containing a bright light source, such as the sun, can often be harsh or <B>posterized </B>(also called color banding). Posterization of an image entails conversion of a continuous gradation of tone to several regions of fewer tones, with abrupt changes from one tone to another. This can create an unrealistic look, and often a smoother transition to white is preferred.</p>
<h3>Correcting Color Balance</h3>
<p>All curves thus far have been applied to RGB values of luminosity. But they can also be used on individual color channels to correct color casts in specific tonal regions. Often the color in an image is correctly balanced, but due to reflection or a light source with a varying temperature or color, you may see unwanted tints in a tonal region. Changing the white balance or adjusting the overall color would inadvertently harm the other tones. So we can selectively increase or decrease the amount of a color cast in the red, green, and blue channels to achieve perfect balance.</p>
<div class="image-container full"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/curves.gif" alt="Image Description" width="600" height="203"></div>
<p>Any adjustments upward of the <b>diagonal line</b> in the red channel increase the red in the image. Lowering, below the diagonal line, increases the cyan. The other channels are the same: Upward in the green channel, green; lower, magenta. Upward in the blue channel, blue; lower yellow.</p>
<div class="image-container full"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/rgb.jpg" alt="Image Description" width="600" height="400"></div>
<p>RGB color images should be thought of as being comprised of a composite channel and three grayscale channels containing the values of the three colors &#8211; red, green and blue. This is shown in the example above of the red on the left, green in the middle, and blue on the right.</p>
<p><B>Window > Channels</B> to see this on your image.</p>
<div class="image-container full"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/grad_curves.jpg',1)"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/grad_default.jpg" name="Image17" width="600" height="400" border="0" id="Image16" /></a>
<p><b>Rollover Image</b></p>
</div>
<p>You can see in the image above that there is a slight blueish cast in the color tone. Not to mention, the image is slightly washed out (improperly exposed).</p>
<p>As you can see, the sky is already quite white, so we won&#8217;t want to effect the highlights and above. By lowering the curve in the midtones and shadows, without effecting the highlights, we solve the exposure problem. Then we&#8217;ll get rid of the blue color cast: By lowering the blue in the low end, we eliminate the problem and the gowns go to black &#8211; as they should be.</p>
<div class="note">
<h4>Note</h4>
<p>If precise color adjustments aren’t required, simple color balance correction might be easier <B>(Image > Adjustments > Color Balance</B>).</p>
</div>
<h3>Blending Modes</h3>
<div class="image-container alignright"><img src="http://tutorial9.s3.amazonaws.com/wp-content/uploads/2010/03/luminosity.gif" alt="Image Description" /></div>
<p>Also, curves adjustment layers <B>(Layer>New Adjustment Layer> Curves)</B> can be set to make curves only apply to a channel – such as Color and/or Luminosity –  which allows for further, varied control. Another benefit is that it can make your adjustments more subtle through use of the opacity controls for the layer.</p>
<h3>Notes</h3>
<p>Practice makes perfect. The more you use the tools and techniques available to you the better you&#8217;ll get, improve your photography, and have fun.</p>
<p>Here are some things to remember when using the curves tool:</p>
<ul>
<li>Minimize use of the curves tool, as anything which stretches the image histogram increases the possibility posterization.</li>
<li>Avoid the use of the curves tool on an already altered image.</li>
<li>Perform curves on 16-bit images when possible. (Image > Mode > 16 Bits/Channel)</li>
<li>For extreme levels of color correction, consider applying curves using LAB mode.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.tutorial9.net/tutorials/photoshop-tutorials/how-to-use-curves-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>161</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk
Database Caching using disk
Object Caching 308/378 objects using disk
Content Delivery Network via Amazon Web Services: S3: tutorial9.s3.amazonaws.com

Served from: www.tutorial9.net @ 2012-02-11 15:41:50 -->
