<?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>onenterframe.de &#187; photoshop</title>
	<atom:link href="http://onenterframe.de/categories/photoshop/feed" rel="self" type="application/rss+xml" />
	<link>http://onenterframe.de</link>
	<description></description>
	<lastBuildDate>Mon, 30 Jan 2012 19:12:07 +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>Tilt Shift Tutorial</title>
		<link>http://onenterframe.de/tilt-shift-tutorial.html</link>
		<comments>http://onenterframe.de/tilt-shift-tutorial.html#comments</comments>
		<pubDate>Mon, 01 Dec 2008 21:58:40 +0000</pubDate>
		<dc:creator>michapixel</dc:creator>
				<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[phiotography]]></category>
		<category><![CDATA[tilt-shift]]></category>

		<guid isPermaLink="false">http://onenterframe.de/blog/?p=354</guid>
		<description><![CDATA[<p>Today I&#8217;m gonna talk of <a href="http://en.wikipedia.org/wiki/Tilt-shift_photography">„tilt-shift“</a>, and how you can achieve one of the effects with no more than a simple camera, or if you already have some digital photos, you simple use one of them.</p>
<p>I&#8217;m not gonny &#160;&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>Today I&#8217;m gonna talk of <a href="http://en.wikipedia.org/wiki/Tilt-shift_photography">„tilt-shift“</a>, and how you can achieve one of the effects with no more than a simple camera, or if you already have some digital photos, you simple use one of them.</p>
<p>I&#8217;m not gonny talk about all the aspects of tilt-shift-photography (<strong>tsp</strong>) here, since wikipedia knows so much better. In fact, i&#8217;m only talking about <strong>one</strong> side effect of tilt-shifting. It&#8217;s the effect when a scene looks like, as if it&#8217;s taken from a miniature world.</p>
<p>At the end of this tutorial, you&#8217;ll be able to apply this effect to any photo you&#8217;d like within 5 minutes.<span id="more-354"></span></p>
<p>First of all well need some photo to manipulate. I&#8217;ll promise, that this is the hardest part of all. To make it a bit easier for you, i&#8217;ve chosen to <a href="http://www.flickr.com/photos/lp_goro/3062629127/sizes/o/">search some on flickr</a>. Just to clarify this one: i&#8217;m not gonna say you should „steal“ nice photos from flickr or similar ressources. Respect the work some other person did, i only did choose this one, cause it has all we need to learn this technique, and it&#8217;s a very nice one.<br />
So here it is:</p>
<p><a href="http://onenterframe.de/wp-content/uploads/2008/11/beach1.jpg"><img class="alignnone size-medium wp-image-357" src="http://onenterframe.de/wp-content/uploads/2008/11/beach1-320x177.jpg" alt="" width="320" height="177" /></a></p>
<p>Well this is obiously a very nice picture on it&#8217;s own. Plus: it has nearly all we need to make a new mini-world.</p>
<p>Simply start by downloading <a href="http://onenterframe.de/wp-content/uploads/2008/11/beach1.jpg" target="_blank">this picture</a> (will open a new window/ tab) save it to your desktop, and open it with photoshop.<br />
<strong>On a sidenote</strong>: i&#8217;m working with a german version of photoshop, so you might have difficulties to find all menus etc. which i later will show you in the images, therefor i&#8217;ve tried to describe all menus and shortcuts in english. I hope you won&#8217;t find that too crazy <img src='http://onenterframe.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  now let&#8217;s start shopping.</p>
<h5>Step 0:</h5>
<p>First of all we might want to duplicate the layer, and since there&#8217;s no standard shortcut to do this, we simply press <strong>Ctrl+A</strong>, <strong>Ctrl+C</strong>, <strong>Ctrl+V</strong>. That&#8217;ll give us a new layer so we later can simply switch back to the original version.</p>
<p>Of yourse there are other ways to do that, but that one&#8217;s the fastest.</p>
<h5>Step 1:</h5>
<div id="attachment_327" class="wp-caption alignleft" style="width: 84px"><a href="http://onenterframe.de/wp-content/uploads/2008/11/fig121.jpg"><img class="size-full wp-image-327" src="http://onenterframe.de/wp-content/uploads/2008/11/fig121.jpg" alt="fig.1" width="74" height="114" /></a><p class="wp-caption-text">fig.1</p></div>
<p>Select the lasso (<strong>see fig.1</strong>) in your tool-palette (<strong>Key: L</strong>). Doublecheck that we&#8217;ve not selected poligon~ or magnetic-lasso.<br />
Now that we&#8217;ve selected the right tool &#8211; namely the lasso &#8211; we can go on to &#8230;</p>
<h5>Step 2:</h5>
<p>Now we start selecting that part of our photo, which shall be the „minimized“ part (<strong>fig.2</strong>). Mostly that&#8217;s (some) object(s) which should be really sharp and are positioned not too far in front but also not too far in the background of our photo.</p>
<div id="attachment_330" class="wp-caption alignnone" style="width: 330px"><a href="http://onenterframe.de/wp-content/uploads/2008/11/fig22.jpg"><img class="size-medium wp-image-330" src="http://onenterframe.de/wp-content/uploads/2008/11/fig22-320x178.jpg" alt="fig.2" width="320" height="178" /></a><p class="wp-caption-text">fig.2</p></div>
<h5>Step 3:</h5>
<p><a href="http://onenterframe.de/wp-content/uploads/2008/11/fig31.jpg"><img class="size-thumbnail wp-image-335" src="http://onenterframe.de/wp-content/uploads/2008/11/fig31-125x80.jpg" alt="fig.3" /></a>Now we tweak our selection a bit, because our selection has a hard edge which won&#8217;t look too good in the end. So we press <strong>ALT + CTRL + D</strong> (yes that&#8217;s alot of keys <img src='http://onenterframe.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  ) and we are prompted to set the amount of pixels we want to blur our selection. Let&#8217;s choose 40px for now.<br />
The resulting image will look like <strong>fig.2</strong>. Not too much difference you say, and you&#8217;re right. But when you change to mask mode by hitting <strong>Q</strong> you&#8217;ll get a good impression of what we&#8217;ve changed within this step (<strong>fig.4</strong>). The (opaque) red color stands for the area that gets masked.</p>
<div id="attachment_336" class="wp-caption alignnone" style="width: 330px"><a href="http://onenterframe.de/wp-content/uploads/2008/12/fig41.jpg"><img class="size-medium wp-image-336" src="http://onenterframe.de/wp-content/uploads/2008/12/fig41-320x177.jpg" alt="fig.4" width="320" height="177" /></a><p class="wp-caption-text">fig.4</p></div>
<h5>Step 4:</h5>
<p><a href="http://onenterframe.de/wp-content/uploads/2008/12/fig51.jpg"><img class="size-thumbnail wp-image-339" src="http://onenterframe.de/wp-content/uploads/2008/12/fig51-194x240.jpg" alt="fig.5" /></a></p>
<div id="attachment_340" class="wp-caption alignright" style="width: 99px"><a href="http://onenterframe.de/wp-content/uploads/2008/12/fig61.jpg"><img class="size-medium wp-image-340" src="http://onenterframe.de/wp-content/uploads/2008/12/fig61-89x240.jpg" alt="fig.6" width="89" height="240" /></a><p class="wp-caption-text">fig.6</p></div>
<p>We hit <strong>Q</strong> again to switch back to selection mode (we could have made some refinements here, but we just leave it as it is for the sake of simplicity). And now we&#8217;ll use a newly introduced filter since CS3: Lens Blur. Click on Filter -&gt; Blur -&gt; Lens Blur (<strong>fig.5</strong>) and you&#8217;ll get a dialog to tweak some settings for this filter (<strong>fig.6</strong>). You should hit the ‚invert‘-checkbox, and for radius you should get a fine result with 20. That&#8217;s all you&#8217;ll. Hit Ok and <strong>STRG + D</strong> to get rid of your selection.</p>
<h5>Step 5:</h5>
<div id="attachment_341" class="wp-caption alignleft" style="width: 330px"><a href="http://onenterframe.de/wp-content/uploads/2008/12/fig71.jpg"><img class="size-medium wp-image-341" src="http://onenterframe.de/wp-content/uploads/2008/12/fig71-320x180.jpg" alt="fig.7" width="320" height="180" /></a><p class="wp-caption-text">fig.7</p></div>
<p>Press <strong>C</strong> to get the the cut tool, cause now we&#8217;ll be looking for the best section of our photo. Try to make your selection similar to <strong>fig.7</strong>. Hit <strong>Enter</strong> and your good to go.</p>
<h5>Step 6: (optional works)</h5>
<p>Some photos can even be more realistic/expressive when colors are a little bit exaggerated, which in this case isn&#8217;t really needed. But apllied on a photo with city scene it might give you much better results.</p>
<p>The resulting image should now look like this one:</p>
<p><a href="http://onenterframe.de/wp-content/uploads/2008/12/result1.jpg"><img class="alignnone size-medium wp-image-374" src="http://onenterframe.de/wp-content/uploads/2008/12/result1-320x117.jpg" alt="" width="320" height="117" /></a></p>
<p>That&#8217;s it, i hope you enjoyed the tutorial and you could learn something new. If you have any questions or just want to ask sth. or maybe you&#8217;ve spotted an error or just want to say hi, feel free to leave a comment.</p>
]]></content:encoded>
			<wfw:commentRss>http://onenterframe.de/tilt-shift-tutorial.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

