<?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>Knowledge Sharing &#187; Photoshop</title>
	<atom:link href="http://blog.danigunawan.com/tag/photoshop/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.danigunawan.com</link>
	<description>"Say it... although a word..."</description>
	<lastBuildDate>Mon, 04 Jan 2010 10:17:12 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Easy Way to Separate Background from a Photo Using Photoshop</title>
		<link>http://blog.danigunawan.com/design/easy-way-to-separate-background-from-a-photo-using-photoshop/</link>
		<comments>http://blog.danigunawan.com/design/easy-way-to-separate-background-from-a-photo-using-photoshop/#comments</comments>
		<pubDate>Mon, 02 Feb 2009 00:36:21 +0000</pubDate>
		<dc:creator>Dagu</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://blog.danigunawan.com/?p=489</guid>
		<description><![CDATA[I would like to share my experience.. A few time ago, my friend asked me how to separate background from a photo using Photoshop. The photo is a bit like this below:
Ok, let&#8217;s get it started&#8230;

First, make a duplicate from the photo. We need to brighten the dark section of the photo. Use level (Ctrl [...]


Related posts:<ol><li><a href='http://blog.danigunawan.com/operating-systems/extract-zip-targz-tarbz2/' rel='bookmark' title='Permanent Link: Extract zip, tar.gz, tar.bz2'>Extract zip, tar.gz, tar.bz2</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>I would like to share my experience.. A few time ago, my friend asked me how to separate background from a photo using Photoshop. The photo is a bit like this below:</p>
<div id="attachment_520" class="wp-caption aligncenter" style="width: 310px"><a href="http://danigunawan.com/wp-content/uploads/2008/11/ori.jpg"><img class="size-medium wp-image-520" title="Gambar asli" src="http://danigunawan.com/wp-content/uploads/2008/11/ori-300x199.jpg" alt="Gambar asli" width="300" height="199" /></a><p class="wp-caption-text">The lab rabbit.. hehehe....</p></div>
<p>Ok, let&#8217;s get it started&#8230;</p>
<p><span id="more-489"></span></p>
<p>First, make a duplicate from the photo. We need to brighten the dark section of the photo. Use level (<strong>Ctrl + L</strong>). Slide the gray arrow to left (make it brighter). Slide it untill you can see the border of the picture you want to crop.</p>
<div id="attachment_521" class="wp-caption aligncenter" style="width: 310px"><a href="http://danigunawan.com/wp-content/uploads/2008/11/level.jpg"><img class="size-medium wp-image-521" title="Mengatur level gambar" src="http://danigunawan.com/wp-content/uploads/2008/11/level-300x249.jpg" alt="Mengatur level gambar" width="300" height="249" /></a><p class="wp-caption-text">Set the level</p></div>
<p>After setting the level, the photo will be like this:</p>
<div id="attachment_522" class="wp-caption aligncenter" style="width: 310px"><a href="http://danigunawan.com/wp-content/uploads/2008/11/stlh_level.jpg"><img class="size-medium wp-image-522" title="Hasil gambar setelah pengaturan level" src="http://danigunawan.com/wp-content/uploads/2008/11/stlh_level-300x199.jpg" alt="Hasil gambar setelah pengaturan level" width="300" height="199" /></a><p class="wp-caption-text">The result after we set the level</p></div>
<p><strong>My friend asked me: </strong>Gu, it&#8217;s too bright! Bad isn&#8217;t it? I want my photo back!<br />
<strong>Dagu answered:</strong> Take it easy bro&#8230; this bright layer is only for reference to see the border of the body which will be cropped&#8230;</p>
<p>Next&#8230;</p>
<p>After that, open <strong>Extract</strong> window. Click menu <strong>Filter + Extract</strong>. Choose tool <strong>Edge Highlighter Tool (B)</strong>, then drag your mouse to mark the border of the picture which will be cropped.</p>
<div id="attachment_523" class="wp-caption aligncenter" style="width: 310px"><a href="http://danigunawan.com/wp-content/uploads/2008/11/extract1.jpg"><img class="size-medium wp-image-523" title="Tandai batas gambar yang mau di-extract dengan Edge Highlighter Tool (B)" src="http://danigunawan.com/wp-content/uploads/2008/11/extract1-300x172.jpg" alt="Tandai batas gambar yang mau di-extract dengan Edge Highlighter Tool (B)" width="300" height="172" /></a><p class="wp-caption-text">Mark the picture using Edge Highlighter Tool (B)</p></div>
<p><strong>My friend asked me: </strong>Gu, how if I make a mistake?<br />
<strong>Dagu answered:</strong> Use the eraser (<strong>Eraser Tool</strong>), there&#8217;s an icon in the lefe of window <strong>Extract</strong>.</p>
<p>Ok, next&#8230;</p>
<p>Use<strong> Fill Tool (G)</strong> to fill the area inside the green line (click inside the green line we have made). This tool is use to mark the area which will be maintained after we crop the picture. The result is shown below:</p>
<div id="attachment_524" class="wp-caption aligncenter" style="width: 310px"><a href="http://danigunawan.com/wp-content/uploads/2008/11/extract2.jpg"><img class="size-medium wp-image-524" title="Gunakan Fill Tool (G) untuk menandai bagian yang akan dipertahankan (berwarna biru)" src="http://danigunawan.com/wp-content/uploads/2008/11/extract2-300x172.jpg" alt="Gunakan Fill Tool (G) untuk menandai bagian yang akan dipertahankan (berwarna biru)" width="300" height="172" /></a><p class="wp-caption-text">Use Fill Tool (G) to make the blue area</p></div>
<p>Click <strong>preview</strong>. You can see the result below:</p>
<div id="attachment_525" class="wp-caption aligncenter" style="width: 310px"><a href="http://danigunawan.com/wp-content/uploads/2008/11/extract3.jpg"><img class="size-medium wp-image-525" title="Hasil extract" src="http://danigunawan.com/wp-content/uploads/2008/11/extract3-300x172.jpg" alt="Hasil extract" width="300" height="172" /></a><p class="wp-caption-text">Hasil extract apa adanya</p></div>
<p><strong>My friend asked me:</strong> Arrrgghhh Gu, it&#8217;s become poor in quality? I need the good one. How does it come? Repair it!!!*&amp;%#$%#@!!!<br />
<strong>Dagu answered:</strong> Shut up please!!!&#8230; It&#8217;s not finished yet.. just wait and see&#8230;</p>
<p>If there any part which we don&#8217;t want it, use <strong>Cleanup Tool (C)</strong> then click and drag in that part. That part will be erased. If there any cropped part and we need to make it appear, we can use that tool too, but you need to press <strong>[Alt]</strong> at the same time. You will see the cropped area&#8230;</p>
<p><strong>My friend said: </strong>O mak jang, it&#8217;s so sophisticated!!!<br />
<strong>Dagu:</strong> Ahh, take it easy bro&#8230;<br />
<strong>My friend asked me: </strong>Btw Gu, where&#8217;s <strong>[Alt]</strong>? I forget it, I never used photoshop since four years ago&#8230;<br />
<strong>Dagu: </strong>[silent....................................................................]<br />
<strong>Temenku:</strong> Ooooooooooo ic ic .. sorry&#8230; I will search for it in Google later&#8230; :)</p>
<p>Next&#8230;</p>
<p><strong>If you feel it&#8217;s the good one, click OK.</strong></p>
<p><span style="text-decoration: underline;"><strong>Tips:</strong></span></p>
<ul>
<li>The first attempt to extract the picture might be not so good. Try it more and more.. till you find the best one.. :D</li>
<li>You need to afford the green line as close as the border of the area you need to crop.</li>
</ul>
<p>This is the result:</p>
<div id="attachment_527" class="wp-caption aligncenter" style="width: 310px"><a href="http://danigunawan.com/wp-content/uploads/2008/11/hasil_extract.jpg"><img class="size-medium wp-image-527" title="Hasil extract setelah diperbaiki" src="http://danigunawan.com/wp-content/uploads/2008/11/hasil_extract-300x199.jpg" alt="Hasil extract setelah diperbaiki" width="300" height="199" /></a><p class="wp-caption-text">The extract result</p></div>
<p>Select the picture which have been extracted. Press <strong>[Ctrl] </strong>while clicking the layer which has extracted picture. Click on the original layer, then copy and paste. After that, create a new layer below the copied layer, fill with your color (example: <strong>#b06be2</strong>). The result:</p>
<div id="attachment_528" class="wp-caption aligncenter" style="width: 310px"><a href="http://danigunawan.com/wp-content/uploads/2008/11/hasil_copypast.jpg"><img class="size-medium wp-image-528" title="Hasil copy paste gambar asli" src="http://danigunawan.com/wp-content/uploads/2008/11/hasil_copypast-300x199.jpg" alt="Hasil copy paste gambar asli" width="300" height="199" /></a><p class="wp-caption-text">The result</p></div>
<p><strong>My friend: </strong>It&#8217;s not neat!<br />
<strong>Dagu: </strong>Yeah.. you need to make it neat manually&#8230; clear it using<strong> Eraser Tool (E)</strong>. Not a big deal.</p>
<p><span style="text-decoration: underline;">The final result&#8230;.:</span></p>
<div id="attachment_529" class="wp-caption aligncenter" style="width: 310px"><a href="http://danigunawan.com/wp-content/uploads/2008/11/hasil_akhir.jpg"><img class="size-medium wp-image-529" title="Hasil akhir" src="http://danigunawan.com/wp-content/uploads/2008/11/hasil_akhir-300x208.jpg" alt="Hasil akhir" width="300" height="208" /></a><p class="wp-caption-text">The final result</p></div>
<p><strong>My friend:</strong> Ah, actually I knew it before. But I have forgotten.<br />
<strong>Dagu: </strong>Shut up!!!!</p>


<p>Related posts:<ol><li><a href='http://blog.danigunawan.com/operating-systems/extract-zip-targz-tarbz2/' rel='bookmark' title='Permanent Link: Extract zip, tar.gz, tar.bz2'>Extract zip, tar.gz, tar.bz2</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://blog.danigunawan.com/design/easy-way-to-separate-background-from-a-photo-using-photoshop/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
