<?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>Darjan Panic - Freelance Graphic, Web Designer and Photographer &#187; tutorial</title>
	<atom:link href="http://www.darjanpanic.com/tag/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.darjanpanic.com</link>
	<description></description>
	<lastBuildDate>Tue, 10 May 2011 21:18:35 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Tilt shifting miniature photography with Photoshop</title>
		<link>http://www.darjanpanic.com/tutorials/tilt-shifting-miniature-photography-with-photoshop/</link>
		<comments>http://www.darjanpanic.com/tutorials/tilt-shifting-miniature-photography-with-photoshop/#comments</comments>
		<pubDate>Sun, 05 Oct 2008 14:28:08 +0000</pubDate>
		<dc:creator>Darjan Panic</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.darjanpanic.com/?p=549</guid>
		<description><![CDATA[This Photoshop tutorial will teach you about simulating the tilt-shift lens effect that is used mostly in photography. The goal of this technique is to achieve a really unique feel to the image as everything is miniatured or modeled. A method that tricks the eye in a good way since the image is very pleasant [...]]]></description>
			<content:encoded><![CDATA[<p>This Photoshop tutorial will teach you about simulating the tilt-shift lens effect that is used mostly in photography. The goal of this technique is to achieve a really unique feel to the image as everything is miniatured or modeled. A method that tricks the eye in a good way since the image is very pleasant to the eye and give the photo a real kick to the upper level photography. </p>
<h2>What is a tilt shift lens?</h2>
<p><img class="size-full wp-image-550" title="tilt-shift-photography" src="http://www.darjanpanic.com/wp-content/uploads/tilt-shift-photography.jpg" alt="Tilt-shift lens" width="300" height="245" /></p>
<p>A tilt shift lens is exactly as it&#8217;s name says. It tilts and shifts to deform the focus which creates a blurry image. It is used to point out a object in the photo with focusing it and making it sharp or hiding unwanted objects by blurring the part of the image out of focus. It also has a effect that when taken from the above angle, everything looks miniature, small and unreal. It&#8217;s used mostly on dSLR&#8217;s. With the help of Photoshop and some effects we can manipulate the photo so it looks as it was taken with a tilt-shift lens. Let&#8217;s start.</p>
<h2>Tilt shift effect Photoshop tutorial</h2>
<p>So here&#8217;s the tilt shift effect. For this tutorial you will need:</p>
<ul>
<li>Adobe Photoshop</li>
<li>a image that is shot from above down on people/trees/cars etc.</li>
<li>some time</li>
</ul>
<p>First open your image in Photoshop. For this tilt shift tutorial i will be using the daily free one from <a href="http://www.darjanpanic.com/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5pc3RvY2twaG90by5jb20vZGFyamFucGFuaWM=" target=\"_blank\">IStockPhoto.com</a>. Go there and download the big version of the image for free.</p>
<p><a href="http://www.darjanpanic.com/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5pc3RvY2twaG90by5jb20vZGFyamFucGFuaWM=" target=\"_blank\"><img src="http://www.istockphoto.com/images/referral_badges/languages/english/151x63_orng.gif" border="0" alt="View My Portfolio" /></a></p>
<p>Here is what it look like:</p>
<p><img class="aligncenter size-full wp-image-551" title="tilt shift photography" src="http://www.darjanpanic.com/wp-content/uploads/tilt-shift-photography1.jpg" alt="Tilt shift photography" /></p>
<p>Now you will nee to duplicate the image and hide the original bottom one. On the above layer, add a mask using the mask button in the layer window.</p>
<p><img class="aligncenter size-full wp-image-553" title="Layers" src="http://www.darjanpanic.com/wp-content/uploads/tilt-shift1.jpg" alt="" width="212" height="219" /></p>
<p>Select the Gradient tool and use these settings for it:</p>
<p><img class="aligncenter size-full wp-image-554" title="Gradient Tool settings" src="http://www.darjanpanic.com/wp-content/uploads/tilt-shift2.jpg" alt="" width="405" height="238" /></p>
<p>Now draw in the mask with the gradient tool so you get a similar look like the image below. The transparent part will be sharp after we finish, so have that in mind when you work on your own photos.</p>
<p><img class="aligncenter size-full wp-image-555" title="Tild shift miniature" src="http://www.darjanpanic.com/wp-content/uploads/tilt-shift3.jpg" alt="" /></p>
<p>We will now apply a filter but first make sure you have the image selected in the layers window(a white square over the image, not the layer mask), then go to <strong>Filter -&gt; Blur -&gt; Lens blur&#8230;</strong>.  This will bring up a filter interface.</p>
<p><img class="aligncenter size-full wp-image-556" title="tilt shift lens blur" src="http://www.darjanpanic.com/wp-content/uploads/tilt-shift4.jpg" alt="" width="228" height="573" /></p>
<p>Now i&#8217;ll explain the settings for this interface. For the tilt shift effect you need to select the <strong>Depth map</strong> source to <strong>Layer mask</strong>. You can play width the blur focal distance to get a different effect or just leave it at 0.</p>
<p>The iris is the shape of the aperture in the lens pf a dSLR photo camera. It&#8217;s usually the <strong>Hexagon</strong> so go with this option and play with other settings until you find something you like.</p>
<p><strong>Specular highlights </strong>are the <strong>hexagon</strong> dots the iris makes when the image is blurred. Pretty nice effect that really simulates the real camera lens. The <strong>brightness</strong> should be low and the <strong>threshold</strong> should be really high. This settings depend on the image you apply this effect to so start experimenting at <strong>threshold 250</strong> and lowering it and <strong>brightness 0</strong> and going up. Don&#8217;t overdue it though, keep it clean.</p>
<p><strong>Noise</strong> is the setting you usually don&#8217;t want, it simulates errors that are made when using high ISO setting on a digital photo camera, <strong>use 0 here</strong>.</p>
<p>That&#8217;s it, hit OK and see what you get. Also delete or hide the Mask of the image layer. This is what it should look like.</p>
<p><img src="http://www.darjanpanic.com/wp-content/uploads/tilt-shift5.jpg" alt="" title="tilt-shift5"  class="aligncenter size-full wp-image-558" /></p>
<p>And these are the buildings at 100%. They already look like they were made of cardboard and painted. But the next step will make that feel even better, we&#8217;re going to adjust the colors.</p>
<p><img src="http://www.darjanpanic.com/wp-content/uploads/tilt-shift6.jpg" alt="" title="tilt shift zoom"  class="aligncenter size-full wp-image-560" /></p>
<p>We will use 3 adjustment layers. The first one is <strong>Hue/Saturation</strong>. Bring up the Saturation, but not too much, around 20-30 is usually ok.</p>
<p><img src="http://www.darjanpanic.com/wp-content/uploads/tilt-shift7.jpg" alt="" title="Hue-Saturation" width="404" height="310" class="aligncenter size-full wp-image-561" /></p>
<p>The next one is <strong>Levels</strong>. This helps bring the picture a better exposure etc. Use the lover triangles to define the histogram like below:</p>
<p><img src="http://www.darjanpanic.com/wp-content/uploads/tilt-shift8.jpg" alt="" title="levels" width="404" height="310" class="aligncenter size-full wp-image-562" /></p>
<p>The last one is <strong>Curves</strong> which will bring up the contrast more. Make the S line like the image shows.</p>
<p><img src="http://www.darjanpanic.com/wp-content/uploads/tilt-shift9.jpg" alt="" title="curves" width="471" height="470" class="aligncenter size-full wp-image-563" /></p>
<p>Try not to overdue everything and keep it balanced. Now we&#8217;re done! <img src='http://www.darjanpanic.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Here are the final images, the original one, the one with til-shift effect and the one with the tilt-shift and adjustments layers.</p>
<p><img src="http://www.darjanpanic.com/wp-content/uploads/tilt-shift10-f.jpg" alt="" title="Tilt shifting miniature photography with Photoshop " class="aligncenter size-full wp-image-570" /></p>
<p>As you may notice, this effect is best when you have buildings etc. so crop the image there for best results.</p>
<p><img src="http://www.darjanpanic.com/wp-content/uploads/tilt-shift12-f.jpg" alt="" title="Tilt shifting miniature photography with Photoshop "  class="aligncenter size-full wp-image-573" /></p>
<p>Now start enjoying the little things in life <img src='http://www.darjanpanic.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  and <strong>don&#8217;t forget to subscribe to my rss feed</strong>! ^^</p>
 <img src="http://www.darjanpanic.com/wp-content/plugins/feed-statistics.php?view=1&post_id=549" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.darjanpanic.com/tutorials/tilt-shifting-miniature-photography-with-photoshop/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>

