<?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>lukeroberts &#187; invert</title>
	<atom:link href="http://lukeroberts.us/tag/invert/feed/" rel="self" type="application/rss+xml" />
	<link>http://lukeroberts.us</link>
	<description></description>
	<lastBuildDate>Mon, 02 Jan 2012 05:03:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Fire photo: Get a white background in 3 steps</title>
		<link>http://lukeroberts.us/2008/12/fire-photo-get-a-white-background-in-3-steps/</link>
		<comments>http://lukeroberts.us/2008/12/fire-photo-get-a-white-background-in-3-steps/#comments</comments>
		<pubDate>Wed, 10 Dec 2008 12:30:28 +0000</pubDate>
		<dc:creator>Luke</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[action]]></category>
		<category><![CDATA[background]]></category>
		<category><![CDATA[fire]]></category>
		<category><![CDATA[invert]]></category>
		<category><![CDATA[mask]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[white]]></category>

		<guid isPermaLink="false">http://lukeroberts.us/?p=262</guid>
		<description><![CDATA[<a href="http://lukeroberts.us/2008/12/fire-photo-get-a-white-background-in-3-steps/"><img align="left" hspace="5" width="150" height="150" src="http://lukeroberts.us/wp-content/uploads/2008/12/1-beforeafter-150x150.png" class="alignleft wp-post-image tfe" alt="" title="Fire before and after" /></a>Occasionally for a print or website, you might require images with a white background. Usually these are easy to find, take or mask yourself, but for some things it can be more difficult. Fire is one example. It would be very difficult to try and mask out flames from a fire photo using the pen [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-263 alignnone" title="Fire before and after" src="http://lukeroberts.us/wp-content/uploads/2008/12/1-beforeafter.png" alt="" width="414" height="347" /></p>
<p>Occasionally for a print or website, you might require images with a white background. Usually these are easy to find, take or mask yourself, but for some things it can be more difficult.</p>
<p>Fire is one example. It would be very difficult to try and mask out flames from a fire photo using the pen tool or a brush, because of the organic shapes and indistinct edges.</p>
<p>As you will see in moment, it doesn&#8217;t have to be difficult. Using blend modes and layers, it&#8217;s very easy! So easy that I&#8217;ve turned it into an action which you can download at the end of the article if you so desire.</p>
<h2>One</h2>
<p><img class="size-full wp-image-264 alignnone" title="step1" src="http://lukeroberts.us/wp-content/uploads/2008/12/step1.png" alt="" width="500" height="347" /></p>
<p>Take or find a photo of some fire (other images with a similar black background might work too &#8211; let me know in the comments if you&#8217;ve found something else on which this technique works!)</p>
<p>I started out with a rather nice Creative Commons licensed photo <a href="http://flickr.com/photos/peasap/1752872124/sizes/o/">found here on Flickr</a>.</p>
<h2>Two</h2>
<p><img class="alignnone size-full wp-image-265" title="step2-1" src="http://lukeroberts.us/wp-content/uploads/2008/12/step2-1.png" alt="" width="500" height="347" /></p>
<p>In Photoshop, you should have the default &#8220;background&#8221; layer. Duplicate it and call it something like &#8220;inverted&#8221;. Then, do just that &#8211; invert the image (CTRL + I)</p>
<p><img class="alignnone size-full wp-image-266" title="step2-2" src="http://lukeroberts.us/wp-content/uploads/2008/12/step2-2.png" alt="" width="500" height="347" /></p>
<p>Now set this &#8220;inverted&#8221; layer to the &#8220;Luminosity&#8221; blend mode.</p>
<p>As you can see, the whites of the fire have been dulled and it doesn&#8217;t really look very fiery. We&#8217;ll fix that in the next and final step.</p>
<h2>Three</h2>
<p><img class="alignnone size-full wp-image-267" title="step3" src="http://lukeroberts.us/wp-content/uploads/2008/12/step3.png" alt="" width="500" height="347" /></p>
<p>Duplicate the &#8220;background&#8221; layer again and drag it above the &#8220;inverted&#8221; layer. Rename it something like &#8220;Lighten&#8221;.</p>
<p>Finally, set this layer to the &#8220;lighten&#8221; blend mode and that&#8217;s it. You should have a nice white background on your fire photo.</p>
<p><img class="alignnone size-full wp-image-268" title="step3-2" src="http://lukeroberts.us/wp-content/uploads/2008/12/step3-2.png" alt="" width="500" height="347" /></p>
<p style="text-align: center;"><a href="http://lukeroberts.us/wp-content/uploads/2008/12/fire.atn"><img class="size-full wp-image-269 aligncenter" title="photoshop action icon" src="http://lukeroberts.us/wp-content/uploads/2008/12/action.png" alt="" width="96" height="110" /></a></p>
<p style="text-align: center;"><a href="http://lukeroberts.us/wp-content/uploads/2008/12/fire.atn">Download the action</a></p>
]]></content:encoded>
			<wfw:commentRss>http://lukeroberts.us/2008/12/fire-photo-get-a-white-background-in-3-steps/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
	</channel>
</rss>
<!-- Quick Cache: failed to write cache. The cache/ directory is either non-existent ( and could not be created ) or it is not writable. -->
