<?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>Twin-Pixels.com &#187; tutorial</title>
	<atom:link href="http://www.twin-pixels.com/tag/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.twin-pixels.com</link>
	<description>Design &#38; Photography Tutorials and Resources</description>
	<lastBuildDate>Tue, 17 Jan 2012 06:47:15 +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>The Refine Edge Tool &#8211; Quick Photoshop Tutorial</title>
		<link>http://www.twin-pixels.com/the-refine-edge-tool-quick-photoshop-tutorial/</link>
		<comments>http://www.twin-pixels.com/the-refine-edge-tool-quick-photoshop-tutorial/#comments</comments>
		<pubDate>Wed, 17 Aug 2011 08:56:35 +0000</pubDate>
		<dc:creator>Elena Niculescu</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[retouching]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.twin-pixels.com/?p=1056</guid>
		<description><![CDATA[A short tutorial on how to use the Refine Edge tool effectively.]]></description>
			<content:encoded><![CDATA[<p>Today I want to show you how to use the Refine Edge tool in Photoshop CS5.</p>
<p>I would like you to open Photoshop and to follow the tutorial and you will see it will take only a minute to complete it. Why? You&#8217;re smart, that&#8217;s why.</p>
<p>Once you have opened a photograph that would like work on, let&#8217;s begin.</p>
<p>Refine Edge is a tool that is very useful for photographers as well as for home users. What does it do? Refine Edge helps you replace tricky backgrounds and fine details (soft edges and hair) from a photo with ease.</p>
<p>Enough talking, I want to show you how to get it done.</p>
<p>1. Begin! Select the subject from your photograph using <strong>Quick Selection Tool</strong> (<strong>W</strong>). Use the <strong>Add tor Selection</strong> and <strong>Subtract from Selection</strong> buttons to make sure you select your subject nicely. When you get to hair and soft areas, it&#8217;s better to select less.</p>
<div>
<dl id="attachment_1060" class="wp-caption aligncenter" style="width: 460px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-1060" title="Refine Edge Tool 1" src="http://www.twin-pixels.com/wp-content/uploads/crop1.jpg" alt="Quick Selection" width="450" height="567" /></dt>
<dd class="wp-caption-dd">Subject with selection</dd>
</dl>
</div>
<p>Should look something like in the image above.</p>
<p>2. Open the <strong>Refine Edge</strong> dialog. First stop: <strong>View Mode</strong>; most of the times I&#8217;ll use the black background, depends on photo. Second, <strong>Edge Detection</strong>. Here you need a small radius number, not too high and you&#8217;ll see why. Third, <strong>Adjust Edge</strong>. How about experimenting what works for you? Never forget of the smooth setting, very useful. Fourth and last, is how we save the photo we worked on (<strong>Output to</strong>), and you&#8217;ll have a list to choose from. Above that there&#8217;s a box unticked saying &#8220;<strong>Decontaminate colors</strong>&#8221; which you should keep ticked at all times, and of course the amount at 100%. It&#8217;s very useful when there&#8217;s color &#8220;spill&#8221; from background to your subject.</p>
<div>
<dl id="attachment_1061" class="wp-caption aligncenter" style="width: 710px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-1061" title="Refine Edge" src="http://www.twin-pixels.com/wp-content/uploads/crop2.jpg" alt="Refine Edge Dialog" width="700" height="561" /></dt>
<dd class="wp-caption-dd">Refine Edge Dialog</dd>
</dl>
</div>
<p><strong>Remember settings</strong> is a good one to have ticked too. That&#8217;s all the ticking work that is needed. I always choose to save the photo as a new document with a layer mask.</p>
<p>3. The most interesting things about these settings are the tricks you can do, it&#8217;s Photoshop after all. On the left of the settings box you can see three objects: a magnifier(zooming), a hand(moving if you zoom in a bit), and a brush. Click right on the brush and you have a list there.</p>
<div>
<dl id="attachment_1062" class="wp-caption aligncenter" style="width: 211px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-1062" title="Refine Edge Tool" src="http://www.twin-pixels.com/wp-content/uploads/crop3.jpg" alt="Refine Edge Tool" width="201" height="49" /></dt>
<dd class="wp-caption-dd">Refine Edge Tool</dd>
</dl>
</div>
<p>Using this tool you draw over the &#8220;tricky&#8221; edges. Keep the brush small enough to  not select too much, just the area containing fine detail. Photoshop will treat that as &#8220;transition&#8221; area between inside and outside selection and will do its best to figure out what to keep.</p>
<div>
<dl id="attachment_1063" class="wp-caption aligncenter" style="width: 457px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-1063" title="Area with stray hair" src="http://www.twin-pixels.com/wp-content/uploads/crop4.jpg" alt="Area with stray hair" width="447" height="326" /></dt>
<dd class="wp-caption-dd">Area that needs refinement</dd>
</dl>
</div>
<p>Final Result</p>
<div>
<dl id="attachment_1064" class="wp-caption aligncenter" style="width: 502px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-1064" title="Refine Edge Result" src="http://www.twin-pixels.com/wp-content/uploads/crop5.jpg" alt="Refine Edge Result" width="492" height="520" /></dt>
<dd class="wp-caption-dd">Refine Edge Result</dd>
</dl>
</div>
<p>Mastering the Refine Edge takes time, but then again, practice makes perfect, isn&#8217;t it ?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.twin-pixels.com/the-refine-edge-tool-quick-photoshop-tutorial/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Advanced 3D Prop Replacement with Photoshop</title>
		<link>http://www.twin-pixels.com/advanced-3d-prop-replacement-with-photoshop/</link>
		<comments>http://www.twin-pixels.com/advanced-3d-prop-replacement-with-photoshop/#comments</comments>
		<pubDate>Thu, 10 Mar 2011 08:08:23 +0000</pubDate>
		<dc:creator>Armand Niculescu</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.twin-pixels.com/?p=854</guid>
		<description><![CDATA[There are many instances, especially in creative advertising, when you need to blend computer generated elements in a photo in a convincing manner. This tutorial will show you some techniques to achieve photorealistic results.]]></description>
			<content:encoded><![CDATA[<p>There are many instances, especially in creative advertising, when you need to blend computer generated elements in a photo in a convincing manner. This tutorial will show you some techniques to achieve photorealistic results.</p>
<p>For this tutorial, I decided to recreate the unofficial image for <a title="Microsoft Courier images on Google" href="http://www.google.com/images?q=microsoft+courier" target="_blank">Microsoft Courier</a>. Just in case you don’t know what I’m talking about, in the early 2010 some concept images and videos of a very slick, dual-screen, foldable tablet were leaked on the internet. Whether that leak was intentional or not is another story. Everyone was pretty excited by the idea, but the concept was canned by Microsoft a few months later.</p>
<h2>The 3D model</h2>
<p>If you’re a photographer or Photoshop artist only, this part will be the hardest. 3D modeling tools are very complex and difficult to master. Fortunately there are many free or inexpensive 3D models and you can start learning any <a title="25 Free 3D Modelling Applications " href="http://www.hongkiat.com/blog/25-free-3d-modelling-applications-you-should-not-miss/" target="_blank">free modeling package</a>.</p>
<div>
<dl id="attachment_857" class="wp-caption aligncenter" style="width: 710px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-857" title="The 3D model of the device" src="http://www.twin-pixels.com/wp-content/uploads/photoshop-advanced-3d-prop-replacement-tutorial-1.jpg" alt="The 3D model of the device" width="700" height="445" /></dt>
<dd class="wp-caption-dd">The 3D model of the device</dd>
</dl>
</div>
<p>3D modeling is beyond the scope of this tutorial. Suffice to say that I built the model as a spline cage, turning them into NURBS patches. Then I exported the model in 3ds format.</p>
<h2>Building the prop</h2>
<p>Next, I built the prop based on the dimensions of the virtual device. Fortunately this was pretty easy as the device dimensions are exactly those of two DVD covers. I sacrificed two covers by joining and gluing them together and then wrapping them in aluminum foil.</p>
<div>
<dl id="attachment_858" class="wp-caption aligncenter" style="width: 710px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-858" title="A simple prop made of DVD covers" src="http://www.twin-pixels.com/wp-content/uploads/photoshop-advanced-3d-prop-replacement-tutorial-2.jpg" alt="A simple prop made of DVD covers" width="700" height="233" /></dt>
<dd class="wp-caption-dd">A simple prop made of DVD covers</dd>
</dl>
</div>
<p>As you can see, it was a rush job.  I was only interested in getting the size right and I used foil to catch some reflections.</p>
<h2>The photo</h2>
<p>With the prop built, I proceeded with the photo.  I put a neutral background and used an umbrella with wireless flash to get an even lighting on the hands.</p>
<div>
<dl id="attachment_859" class="wp-caption aligncenter" style="width: 710px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-859" title="Photo with the prop" src="http://www.twin-pixels.com/wp-content/uploads/photoshop-advanced-3d-prop-replacement-tutorial-3.jpg" alt="Photo with the prop" width="700" height="467" /></dt>
<dd class="wp-caption-dd">Photo with the prop</dd>
</dl>
</div>
<p>It’s definitely not pretty to look at. Still, considering that it was about to be replaced completely, it doesn’t matter how it looks. Do notice however that the aluminum foil is picking up some reflections form the hands.</p>
<h2>Photoshop</h2>
<p>Now here it’s where the fun begins.</p>
<h3>Importing the model</h3>
<p>From the <strong>3D</strong> menu I chose <strong>New Layer from 3D File…</strong></p>
<p>Photoshop CS5 Extended does a pretty good job at importing 3D models and their materials. It supports 3ds and obj formats, which are among the most popular. As a tip, I discovered that grouped objects are imported better by Photoshop; otherwise the relative positioning may be off.</p>
<h3>Alignment</h3>
<div>
<dl id="attachment_860" class="wp-caption aligncenter" style="width: 710px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-860" title="3D model overlaid on the photo" src="http://www.twin-pixels.com/wp-content/uploads/photoshop-advanced-3d-prop-replacement-tutorial-4.jpg" alt="3D model overlaid on the photo" width="700" height="466" /></dt>
<dd class="wp-caption-dd">3D model overlaid on the photo</dd>
</dl>
</div>
<p>I placed the 3D layer over the photo and adjusted its opacity to see through it. Then by using the camera rotate tools (<strong>rotate, pan, walk </strong>and<strong> zoom</strong>) I aligned it with the hands.  I made sure the virtual camera lens matches the real one’s focal length (taking the multiplier into account). On the whole, the process is not very precise, but it shouldn’t take more than five minutes to have it aligned properly.</p>
<h3>Setting the materials</h3>
<div>
<dl id="attachment_861" class="wp-caption aligncenter" style="width: 710px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-861" title="Applying materials on the 3D model" src="http://www.twin-pixels.com/wp-content/uploads/photoshop-advanced-3d-prop-replacement-tutorial-5.jpg" alt="Applying materials on the 3D model" width="700" height="528" /></dt>
<dd class="wp-caption-dd">Applying materials on the 3D model</dd>
</dl>
</div>
<p>Then I checked the materials. Photoshop has a small collection of materials, so I applied a silver material with 50% reflectivity on the body (materials appear hierarchically as a sub-object of a mesh). On the panels I selected the material and I clicked the button next to the <strong>Diffuse</strong> color and selected <strong>Load Texture</strong>.</p>
<h3>Isolating the hands and thumbs</h3>
<p>Next, in the original photo, I double-clicked on the lock in the Layers panel of the Background to make it a layer. I deleted most of the image, keeping just the hands area.</p>
<div>
<dl id="attachment_862" class="wp-caption aligncenter" style="width: 710px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-862" title="Using Quick Mask to remove unneeded areas" src="http://www.twin-pixels.com/wp-content/uploads/photoshop-advanced-3d-prop-replacement-tutorial-6.jpg" alt="Using Quick Mask to remove unneeded areas" width="700" height="467" /></dt>
<dd class="wp-caption-dd">Using Quick Mask to remove unneeded areas</dd>
</dl>
</div>
<p>Using the <strong>Quick Mask tool</strong>, I selected the background areas around the hands (it really helps to have a neutral background) and I removed it.</p>
<div>
<dl id="attachment_863" class="wp-caption aligncenter" style="width: 689px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-863" title="The hands" src="http://www.twin-pixels.com/wp-content/uploads/photoshop-advanced-3d-prop-replacement-tutorial-7.jpg" alt="The hands" width="679" height="242" /></dt>
<dd class="wp-caption-dd">The hands</dd>
</dl>
</div>
<p>By pressing <strong>Ctrl+J</strong> I duplicated the layer and with the new layer I proceeded with another selection, removing everything except for the thumbs.</p>
<div>
<dl id="attachment_864" class="wp-caption aligncenter" style="width: 689px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-864" title="The thumbs" src="http://www.twin-pixels.com/wp-content/uploads/photoshop-advanced-3d-prop-replacement-tutorial-8.jpg" alt="The thumbs" width="679" height="220" /></dt>
<dd class="wp-caption-dd">The thumbs</dd>
</dl>
</div>
<p>At this stage, this is how the image was looking:</p>
<div>
<dl id="attachment_865" class="wp-caption aligncenter" style="width: 692px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-865" title="The hands hold now the 3D model" src="http://www.twin-pixels.com/wp-content/uploads/photoshop-advanced-3d-prop-replacement-tutorial-9.jpg" alt="The hands hold now the 3D model" width="682" height="548" /></dt>
<dd class="wp-caption-dd">The hands hold now the 3D model</dd>
</dl>
</div>
<p>Note that the tablet is drawn using the <strong>Interactive Renderer</strong>.</p>
<h3>Retouching the 3D model</h3>
<p>Next, to improve performance, I duplicated the layer and rendered it with the <strong>Ray Traced Final</strong> quality. After that, I rasterized the duplicated layer with <strong>Layer </strong><strong>&#8211;&gt; Rasterize </strong><strong>&#8211;&gt; 3D</strong>. Then I made some tweaks, including using the Blur tool to smooth the edges a little. As a side note, I could have done this in the 3D model by using a Smooth or Fillet Tool, but I wanted to illustrate that such edits are possible in Photoshop, especially if you have only low-poly models (such as those from Google Sketch-Up).</p>
<div>
<dl id="attachment_866" class="wp-caption aligncenter" style="width: 710px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-866" title="The cleaned-up 3D model" src="http://www.twin-pixels.com/wp-content/uploads/photoshop-advanced-3d-prop-replacement-tutorial-10.jpg" alt="The cleaned-up 3D model" width="700" height="478" /></dt>
<dd class="wp-caption-dd">The cleaned-up 3D model</dd>
</dl>
</div>
<h3>Shadows and reflections</h3>
<p>With the model looking all nice and shiny, it was time for the final shadows and reflections.</p>
<p>From the original photo, I selected the bottom area that was featuring reflections of the hands. I applied a high-radius smooth feather and copied it to a new layer, where I used <strong>Gaussian Blur</strong>.</p>
<div>
<dl id="attachment_867" class="wp-caption aligncenter" style="width: 710px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-867" title="Hand reflections are now added in" src="http://www.twin-pixels.com/wp-content/uploads/photoshop-advanced-3d-prop-replacement-tutorial-11.jpg" alt="Hand reflections are now added in" width="700" height="84" /></dt>
<dd class="wp-caption-dd">Hand reflections are now added in</dd>
</dl>
</div>
<p>Lastly, I selected the thumbs and created some nice soft drop shadows for them (you can see there are some soft shadows in the original photo as well). The shadows had to be visible on the device body only and especially not on the screen, so I right-clicked on the layer effects and chose <strong>Create Layer</strong>. This “detached” the shadow in its own layer, allowing me to erase the unneeded areas.</p>
<h3>Screen glow</h3>
<p>If you ever tried to photograph a device with an LCD, you know it’s not easy balancing the ambient light with the image displayed on the LCD. Glare and white balance differences further complicate the matter, which is why in most cases the image is added in later in Photoshop (or in the case of video, using complex motion tracking software such as Imagineer Mocha).</p>
<p>To add just a touch of realism, I wanted the screen to glow a bit. For this, I made a selection of the two screens.</p>
<div>
<dl id="attachment_868" class="wp-caption aligncenter" style="width: 710px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-868" title="Selecting the screens" src="http://www.twin-pixels.com/wp-content/uploads/photoshop-advanced-3d-prop-replacement-tutorial-12.jpg" alt="Selecting the screens" width="700" height="485" /></dt>
<dd class="wp-caption-dd">Selecting the screens</dd>
</dl>
</div>
<p>From the <strong>Channels</strong> panel I clicked on the <strong>Save Selection to Channel</strong> button, as I was going to need it again later. I then copied the screens to a new layer and applied a large <strong>Gaussian Blur</strong>.</p>
<p>I then reloaded the selection with Load Selection from Channel and deleted the inside of the blurred layer.</p>
<p>To better see how the glow looks, here it is on black:</p>
<div>
<dl id="attachment_870" class="wp-caption aligncenter" style="width: 710px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-870" title="The screen glow" src="http://www.twin-pixels.com/wp-content/uploads/photoshop-advanced-3d-prop-replacement-tutorial-14.jpg" alt="The screen glow" width="700" height="463" /></dt>
<dd class="wp-caption-dd">The screen glow</dd>
</dl>
</div>
<p>Finally, I set its blending mode to Linear Dodge (Add).</p>
<h2>The Result</h2>
<div>
<dl id="attachment_871" class="wp-caption aligncenter" style="width: 710px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-871" title="The final image" src="http://www.twin-pixels.com/wp-content/uploads/photoshop-advanced-3d-prop-replacement-tutorial-15.jpg" alt="The final image" width="700" height="469" /></dt>
<dd class="wp-caption-dd">The final image</dd>
</dl>
</div>
<p>So there you have it. Using the 3D tools in Photoshop, you can integrate 3D content in a composition with ease, as long as you’re planning ahead and build some props. Making sure the prop material matches the real one helps improve the realism.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.twin-pixels.com/advanced-3d-prop-replacement-with-photoshop/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>How to Make a Harry Potter and the Deathly Hallows Poster</title>
		<link>http://www.twin-pixels.com/how-make-harry-potter-deathly-hallows-photoshop-tutorial/</link>
		<comments>http://www.twin-pixels.com/how-make-harry-potter-deathly-hallows-photoshop-tutorial/#comments</comments>
		<pubDate>Mon, 22 Nov 2010 06:00:46 +0000</pubDate>
		<dc:creator>Ştefania Dinea</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.twin-pixels.com/?p=779</guid>
		<description><![CDATA[With the new Harry Potter and the Deathly Hallows movie on the big screen, here’s a little tutorial for the fans or for those who have a kid, a little sis or a brother that loves Harry Potter. This could be a nice surprise for them.]]></description>
			<content:encoded><![CDATA[<p>With the new Harry Potter and the Deathly Hallows movie on the big screen, here’s a little tutorial for the fans or for those who have a kid, a little sis or a brother that loves Harry Potter. This could be a nice surprise for them.</p>
<div>
<dl id="attachment_816" class="wp-caption aligncenter" style="width: 710px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-816" title="harry-potter-deathly-hallows-photoshop-tutorial-15" src="http://www.twin-pixels.com/wp-content/uploads/harry-potter-deathly-hallows-photoshop-tutorial-15.jpg" alt="harry potter and the deathly hallows photoshop tutorial" width="700" height="400" /></dt>
<dd class="wp-caption-dd">Before &amp; After</dd>
</dl>
</div>
<p>All you need for that is your camera, the person you want to be in the picture and a wand (or even just a stick). A white or at least neutral background would be great. As you’ll see, it doesn’t have to be perfect, I intentionally used something very simple rather than a professional setup. Just try to use an external light source &#8211; an off-camera flash or even a halogen lamp will do. After you did that, transfer the picture to your computer and also download the cool stuff I’ve attached to this tutorial: the Harry Potter font, the background that I used and a couple of useful brushes.</p>
<p>So open your Photoshop and let’s get started. Select the <strong>Quick Selection Tool (<em>W</em>) </strong>and start selecting the area around the person in the photo.</p>
<p style="text-align: center;"><a href="http://www.twin-pixels.com/wp-content/uploads/harry-potter-deathly-hollows-photoshop-tutorial-1.jpg"><img class="aligncenter" style="background-image: none; padding-left: 0px; padding-right: 0px; display: inline; padding-top: 0px;" title="harry-potter-deathly-hollows-photoshop-tutorial-1" src="http://www.twin-pixels.com/wp-content/uploads/harry-potter-deathly-hollows-photoshop-tutorial-1_thumb.jpg" border="0" alt="harry-potter-deathly-hollows-photoshop-tutorial-1" width="330" height="490" /></a></p>
<p>After you’re done, you can use the <strong>Refine Edge</strong> dialog to add some feathering. If you have the new Photoshop CS5, the new <strong>Refine Edge</strong> allows you to select fine details such as hair, much easier, by simply painting over the tricky edges using the <strong>Refine Radius Tool</strong>. Just make sure your selection is conservative (includes only “inside”) areas and then paint over the transition. You can also use the <strong>Decontaminate Colors</strong> option.</p>
<p><a href="http://www.twin-pixels.com/wp-content/uploads/harry-potter-deathly-hollows-photoshop-tutorial-2.jpg"><img style="background-image: none; padding-left: 0px; padding-right: 0px; display: inline; padding-top: 0px; border: 0px;" title="harry-potter-deathly-hollows-photoshop-tutorial-2" src="http://www.twin-pixels.com/wp-content/uploads/harry-potter-deathly-hollows-photoshop-tutorial-2_thumb.jpg" border="0" alt="harry-potter-deathly-hollows-photoshop-tutorial-2" width="704" height="523" /></a></p>
<p>Next, copy the selection with <strong><em>Control/Command-C</em></strong>, open the background image in a new window and paste the selection as a new layer with <strong><em>Control/Command-V</em></strong>.</p>
<p><a href="http://www.twin-pixels.com/wp-content/uploads/harry-potter-deathly-hollows-photoshop-tutorial-3.jpg"><img style="background-image: none; padding-left: 0px; padding-right: 0px; display: inline; padding-top: 0px; border: 0px;" title="harry-potter-deathly-hollows-photoshop-tutorial-3" src="http://www.twin-pixels.com/wp-content/uploads/harry-potter-deathly-hollows-photoshop-tutorial-3_thumb.jpg" border="0" alt="harry-potter-deathly-hollows-photoshop-tutorial-3" width="704" height="398" /></a></p>
<p>With the new layer selected, click in the menu  <strong>Image – Adjustments – Levels</strong> (or press <strong><em>Ctrl + L</em></strong>) to  adjust the levels of the photo and make sure you have enough contrast by moving the white point and black point to the edges of the histogram; use the gray midpoint to make the midtones lighter or darker.</p>
<p><img class="aligncenter size-full wp-image-795" title="harry-potter-deathly-hollows-photoshop-tutorial-5" src="http://www.twin-pixels.com/wp-content/uploads/harry-potter-deathly-hollows-photoshop-tutorial-5.jpg" alt="" width="700" height="398" /></p>
<p>Now where still in the adjust area so go to Image &#8211; Adjustments &#8211; Variations and play with them until you find something you like.</p>
<p>Select <strong>Pen Tool (<em>P</em>)</strong> and go round the &#8220;wand&#8221; and the adjust its color.</p>
<p><img class="aligncenter size-full wp-image-796" title="harry-potter-deathly-hallows-photoshop-tutorial-6" src="http://www.twin-pixels.com/wp-content/uploads/harry-potter-deathly-hallows-photoshop-tutorial-6.jpg" alt="" width="700" height="400" /><br />
<strong><img class="aligncenter size-full wp-image-797" title="harry-potter-deathly-hallows-photoshop-tutorial-7" src="http://www.twin-pixels.com/wp-content/uploads/harry-potter-deathly-hallows-photoshop-tutorial-7.jpg" alt="" width="700" height="398" /></strong></p>
<p>Create a new layer, this will be for the wand charming glow. First of all select the brush you want by clicking <strong><em>B</em></strong> and then right click to select a small soft brush foreground color white. After that you select the <strong>Pen Tool (<em>P</em>)</strong> and draw the path of the charm, right click and select <strong>Stroke Path</strong> and select <strong>Brush</strong> from the options.</p>
<p><span style="color: #ff0000;"><img class="aligncenter size-full wp-image-798" title="harry-potter-deathly-hallows-photoshop-tutorial-8" src="http://www.twin-pixels.com/wp-content/uploads/harry-potter-deathly-hallows-photoshop-tutorial-8.jpg" alt="" width="700" height="400" /></span></p>
<p>Right now it&#8217;s just a line. From the <strong>Brushes</strong> panel, load the brushes I&#8217;ve prepared and &#8220;stamp&#8221; them randomly hear and there. Then, double-click on the layer with the charm and play with the <strong>Layer Styles Options</strong> (Inner Shadow, Inner Glow, Outer Glow) like in the images below:</p>
<p><span style="color: #ff0000;"><img class="aligncenter size-full wp-image-799" title="harry-potter-deathly-hallows-photoshop-tutorial-9" src="http://www.twin-pixels.com/wp-content/uploads/harry-potter-deathly-hallows-photoshop-tutorial-9.jpg" alt="" width="700" height="400" /></span></p>
<p>You can use the same technique to add a layer of &#8220;mist&#8221; in the hallway.</p>
<p>Now we are going to write the text <em>Harry Potter and the Deathly Hallows</em> by using the <strong>Text button (<em>T</em>) </strong>- of course you can replace &#8220;Harry Potter&#8221; with the person&#8217;s name if you want to.</p>
<p>Make sure you download and install the font. Pick the &#8220;Harry P&#8221; text style; adjust the size and the start writing with the foreground set on white. After you arranged the text as you wanted make sure to right click on every text layer you created and chose <strong>Rasterize Type</strong>.</p>
<p><img class="aligncenter size-full wp-image-801" title="harry-potter-deathly-hallows-photoshop-tutorial-10" src="http://www.twin-pixels.com/wp-content/uploads/harry-potter-deathly-hallows-photoshop-tutorial-10.jpg" alt="" width="700" height="399" /></p>
<p>After you have done that by holding the <em>Ctrl</em> button down chose all the text layers and right click to choose <strong>Merge Layers</strong>. Double click on the layer with the text to adjust the <strong>Layer Style</strong> like in the images below:<br />
<span style="color: #ff0000;"><img class="aligncenter size-full wp-image-802" title="harry-potter-deathly-hallows-photoshop-tutorial-11" src="http://www.twin-pixels.com/wp-content/uploads/harry-potter-deathly-hallows-photoshop-tutorial-11.jpg" alt="" width="700" height="396" /><img class="aligncenter size-full wp-image-803" title="harry-potter-deathly-hallows-photoshop-tutorial-12" src="http://www.twin-pixels.com/wp-content/uploads/harry-potter-deathly-hallows-photoshop-tutorial-12.jpg" alt="" width="700" height="396" /><img class="aligncenter size-full wp-image-804" title="harry-potter-deathly-hallows-photoshop-tutorial-13" src="http://www.twin-pixels.com/wp-content/uploads/harry-potter-deathly-hallows-photoshop-tutorial-13.jpg" alt="" width="700" height="396" /><img class="aligncenter size-full wp-image-805" title="harry-potter-deathly-hallows-photoshop-tutorial-14" src="http://www.twin-pixels.com/wp-content/uploads/harry-potter-deathly-hallows-photoshop-tutorial-14.jpg" alt="" width="700" height="398" /></span></p>
<p>I hope you enjoyed this small tutorial about how to quickly edit yourself or your friends as a Harry Potter character.</p>
<p>Here are the resources you&#8217;ll need:</p>
Note: There is a file embedded within this post, please visit this post to download the file.
]]></content:encoded>
			<wfw:commentRss>http://www.twin-pixels.com/how-make-harry-potter-deathly-hallows-photoshop-tutorial/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Photoshop CS5 Digital Painting Tutorial</title>
		<link>http://www.twin-pixels.com/photoshop-cs5-digital-painting-tutorial/</link>
		<comments>http://www.twin-pixels.com/photoshop-cs5-digital-painting-tutorial/#comments</comments>
		<pubDate>Mon, 10 May 2010 13:23:59 +0000</pubDate>
		<dc:creator>Armand Niculescu</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[cs5]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.twin-pixels.com/?p=586</guid>
		<description><![CDATA[One of the exciting new features in Photoshop CS5 is the more natural way of painting, opening new ways to express your creativity - even if (like me) you're not a true painter. In this tutorial I will show you the techniques and the tricks to convert a photo into a great-looking painting.]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-602 alignleft" title="Mixing Brush" src="http://www.twin-pixels.com/wp-content/uploads/paint-thumb.png" alt="Mixing Brush" width="150" height="150" />One of the exciting new features in Photoshop CS5 is the more natural way of painting, opening new ways to express your creativity &#8211; even if (like me) you&#8217;re not a true painter. In this tutorial I will show you the techniques and the tricks to convert a photo into a great-looking painting.</p>
<p>I must start by stating that if you&#8217;re really serious about digital painting, you should consider <a title="Corel Painter 11" href="http://www.corel.com/servlet/Satellite/us/en/Product/1166553885783#tabview=tab0" target="_blank">Corel Painter 11</a>, which is a dedicated natural-media painting program that allows you to use anything from a HB pencil to chalk, charcoal and watercolors and also simulates the canvas properties in addition to the brushes. Nevertheless, Photoshop&#8217;s new offering is a solid one and more than enough for many artists.</p>
<p>For best results, a Wacom tablet like the new Intuos 4 is also recommended, although not required. In addition to pressure sensitivity, the new Wacom also senses the angle of the stylus, allowing for even more realistic results. Alternatively there are beginner&#8217;s <a href="http://www.jr.com/category/computers/drawing-and-graphic-pads/" target="_blank">tablets at jr.com</a> for heavily discounted prices, if you&#8217;re just looking to pick up digital painting as a hobby.</p>
<h2>Theory</h2>
<p>There are two new features used for painting in Photoshop CS5. The first one is the new Brush Tip options.</p>
<div>
<dl id="attachment_588" class="wp-caption aligncenter" style="width: 360px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-588" title="New options in the Brushes Panel" src="http://www.twin-pixels.com/wp-content/uploads/paint-brushes.png" alt="New options in the Brushes Panel" width="350" height="462" /></dt>
<dd class="wp-caption-dd">New options in the Brushes Panel</dd>
</dl>
</div>
<p>With the new brushes, you can control the number of bristles, length, thickness and stiffness and not only can you see the result in the brush panel, you also get an overlay window that shows you the 3D virtual brush and its bristles.</p>
<div>
<dl id="attachment_601" class="wp-caption aligncenter" style="width: 167px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-601" title="Paint Preview" src="http://www.twin-pixels.com/wp-content/uploads/paint-preview.png" alt="Paint Preview" width="157" height="183" /></dt>
<dd class="wp-caption-dd">Paint Preview</dd>
</dl>
</div>
<p>I am not really a big fan of the brush preview window but thankfully you can turn it off if you find it distracting.</p>
<p>The second ingredient in the digital paint toolbox is the <strong>Mixer Brush</strong>. The Mixer Brush is like a combination of the normal brush and the smudge tool. As you paint, it smudges and mixes the color, as if you were using wet paints.</p>
<div>
<dl id="attachment_598" class="wp-caption aligncenter" style="width: 323px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-598" title="Paint modes" src="http://www.twin-pixels.com/wp-content/uploads/paint-modes.png" alt="Regular brush (left) and Mixing brush (right)" width="313" height="185" /></dt>
<dd class="wp-caption-dd">Regular brush (left) and Mixing brush (right)</dd>
</dl>
</div>
<p>The way the brush color is mixed with the canvas is controlled by three parameters &#8211; the wetness of the paint, the load of the brush and the mix amount between the paint color and the canvas color.</p>
<div>
<dl id="attachment_600" class="wp-caption aligncenter" style="width: 710px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-600" title="Mixing Brush Parameters" src="http://www.twin-pixels.com/wp-content/uploads/paint-params.png" alt="Mixing Brush Parameters" width="700" height="32" /></dt>
<dd class="wp-caption-dd">Mixing Brush Parameters</dd>
</dl>
</div>
<p>To illustrate these parameters, I brushed quickly over an image with different settings:</p>
<div>
<dl id="attachment_599" class="wp-caption aligncenter" style="width: 510px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-599" title="Different Mixing Brush options" src="http://www.twin-pixels.com/wp-content/uploads/paint-params.jpg" alt="Different Mixing Brush options" width="500" height="197" /></dt>
<dd class="wp-caption-dd">Different Mixing Brush options</dd>
</dl>
</div>
<p>So, a heavy load will carry more paint over a stroke than a light load; wetness smudges and mixes the canvas color with the paint color; a high mix rate will use more of the canvas color than the paint color.</p>
<h2>Practice</h2>
<p>The real magic with the Mixing Brush is that you can paint using the colors from a picture, effectively helping to you turn a photo into a painting with little effort.</p>
<p>To demonstrate this, I will start with a nice photo I took 10 years ago on film.</p>
<div>
<dl id="attachment_589" class="wp-caption aligncenter" style="width: 610px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-589" title="painting-1" src="http://www.twin-pixels.com/wp-content/uploads/painting-1.jpg" alt="The original photo" width="600" height="389" /></dt>
<dd class="wp-caption-dd">The original photo</dd>
</dl>
</div>
<p>Create a new transparent layer. Select the Mixing Bush and from the top bar choose the preset <em>Very Wet, Heavy Mix</em>; choose the brush that you want from the Brushes panel and make it a big size.</p>
<p>To paint on the new layer using the colors from the background, with the Mixing Brush tool selected, make sure that the option <strong>Sample All Layers</strong> at the top is selected. Deselect the icon (Load the brush after each stroke) then <strong>Alt-click</strong> on the image to load the brush and start painting on the new layer.</p>
<p>To paint effectively, you need to think in terms of layers, from background to foreground and from broad to detail. Therefore we&#8217;ll start painting the background, using broad strokes with a large brush tip, ignoring the shack/cabin completely. Your strokes should more or less follow the contours of the terrain and clouds.</p>
<p>Hide the background layer temporarily to see the effect so far:</p>
<div>
<dl id="attachment_590" class="wp-caption aligncenter" style="width: 610px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-590" title="painting-2" src="http://www.twin-pixels.com/wp-content/uploads/painting-2.jpg" alt="Background (landscape) layer - work in progress" width="600" height="386" /></dt>
<dd class="wp-caption-dd">Background (landscape) layer &#8211; work in progress</dd>
</dl>
</div>
<p>As you can see, I smudged the colors over the shack as if it did not exist. Also, notice how my strokes follow the hills and the shapes of the clouds. Keep working until you fill the layer and are happy with the result.</p>
<div>
<dl id="attachment_591" class="wp-caption aligncenter" style="width: 610px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-591" title="painting-3" src="http://www.twin-pixels.com/wp-content/uploads/painting-3.jpg" alt="Background Landscape layer - complete" width="600" height="386" /></dt>
<dd class="wp-caption-dd">Background Landscape layer &#8211; complete</dd>
</dl>
</div>
<p>Next, we need to paint the cabin. It&#8217;s better to paint it on its own layer so that if you decide to change anything, it doesn&#8217;t mess with the background.</p>
<p>To do that, you need to hide the landscape layer, create a new one and paint on it. This time you&#8217;ll ignore the landscape and do just the cabin. You also need to make the brush tip smaller. Make sure the background photo is visible so it can pick the colors from it.</p>
<div>
<dl id="attachment_592" class="wp-caption aligncenter" style="width: 610px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-592" title="painting-4" src="http://www.twin-pixels.com/wp-content/uploads/painting-4.jpg" alt="Foreground / Shack" width="600" height="386" /></dt>
<dd class="wp-caption-dd">Cabin / Shack &#8211; complete</dd>
</dl>
</div>
<p>If you look at the roof, you&#8217;ll see that I erased from it some parts I did not like &#8211; this is why it&#8217;s a good practice to work on separate layer.</p>
<p>Now that we have the broad strokes, it&#8217;s time to bring in the details. Repeat the process &#8211; hide the shack layer, make sure the background photo is visible, make the brush tip even smaller, create a new layer and start painting on it. This time you no longer need to fill all the stuff, just short, fine strokes in the areas you want detail.</p>
<div>
<dl id="attachment_593" class="wp-caption aligncenter" style="width: 610px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-593" title="painting-5" src="http://www.twin-pixels.com/wp-content/uploads/painting-5.jpg" alt="Details - distant, grass and shack" width="600" height="386" /></dt>
<dd class="wp-caption-dd">Details &#8211; distant, grass and shack</dd>
</dl>
</div>
<p>If you show all layers, this is what we get:</p>
<div>
<dl id="attachment_594" class="wp-caption aligncenter" style="width: 610px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-594" title="painting-6" src="http://www.twin-pixels.com/wp-content/uploads/painting-6.jpg" alt="Background, foreground and detail layers" width="600" height="389" /></dt>
<dd class="wp-caption-dd">Background, foreground and detail layers</dd>
</dl>
</div>
<p>Not bad. We still want to add some more details like shadows. Create a new layer and set its mode to <strong>Multiply</strong> and opacity to around 60%. Choose a Dry Mixing Brush &#8211; now we don&#8217;t need to mix with the background &#8211; and black for color. Paint the shaded areas.</p>
<div>
<dl id="attachment_595" class="wp-caption aligncenter" style="width: 610px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-595" title="painting-7" src="http://www.twin-pixels.com/wp-content/uploads/painting-7.jpg" alt="Shadows added in" width="600" height="386" /></dt>
<dd class="wp-caption-dd">Shadows added in</dd>
</dl>
</div>
<p>At this point you can leave it as it is, or you can add a final touch. One of the nice things about oil paint is that it has thinkness. To give this kind of tridimensional effect, you need to create a merged copy of the layers. The easy way is to duplicate all layers and then merge the copy (quickest route: select the layers and press <strong><em>Shift+CTRL+ALT+E</em></strong> or <strong><em>Shift+CMD+OPT+E</em></strong> on Mac). Now you should have a new merged layer in addition to the original ones.</p>
<p>An even better method would be to select the layers, choose <strong>Layer &#8211;&gt; Smart Objects &#8211;&gt; Convert to Smart Object</strong> and then duplicate this smart object via <strong>Layer &#8211;&gt; Duplicate Layer</strong> or <strong><em>CTRL+J</em></strong> (<strong><em>CMD+J</em></strong> on Mac). This method is better because it leaves the contents of the smart object editable as well as the Emboss effect.</p>
<p>Whichever method you chose, with this new layer selected, choose <strong>Filters &#8211;&gt; Stylize &#8211;&gt; Emboss</strong> and in the dialog enter some values like below:</p>
<div>
<dl id="attachment_596" class="wp-caption aligncenter" style="width: 342px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-596" title="Emboss Dialog" src="http://www.twin-pixels.com/wp-content/uploads/painting-8.jpg" alt="Emboss Dialog" width="332" height="429" /></dt>
<dd class="wp-caption-dd">Emboss Dialog</dd>
</dl>
</div>
<p>Make sure <strong>Height</strong> is relatively small &#8211; this depends on how large your canvas is, and make sure you crank the <strong>Amount</strong> all the way to the max. You can always tone the effect down later with opacity. With this emboss layer, set the mode to <strong>Overlay</strong>.</p>
<p>Here&#8217;s the end result, including all the layers for reference:</p>
<div>
<dl id="attachment_597" class="wp-caption aligncenter" style="width: 610px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-597" title="painting-9" src="http://www.twin-pixels.com/wp-content/uploads/painting-9.jpg" alt="Final painting" width="600" height="386" /></dt>
<dd class="wp-caption-dd">Final painting</dd>
</dl>
</div>
<p>And there you have it!</p>
<p>For digital painting, a pressure-sensitive tablet is recommended, you may want to get one like this:</p>
<div><iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://rcm.amazon.com/e/cm?t=twipix-20&amp;o=1&amp;p=8&amp;l=as1&amp;asins=B002OOWC3I&amp;fc1=000000&amp;IS2=1&amp;lt1=_blank&amp;m=amazon&amp;lc1=0000FF&amp;bc1=000000&amp;bg1=FFFFFF&amp;f=ifr" style="width: 120px; height: 240px;" width="320" height="240"></iframe></div>
]]></content:encoded>
			<wfw:commentRss>http://www.twin-pixels.com/photoshop-cs5-digital-painting-tutorial/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Photoshop and the Rule of Thirds</title>
		<link>http://www.twin-pixels.com/photoshop-and-the-rule-of-thirds/</link>
		<comments>http://www.twin-pixels.com/photoshop-and-the-rule-of-thirds/#comments</comments>
		<pubDate>Sat, 09 Jan 2010 08:30:35 +0000</pubDate>
		<dc:creator>Armand Niculescu</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.twin-pixels.com/?p=457</guid>
		<description><![CDATA[If you are a photographer and want to use the so-called Rule of Thirds in your compositions, here's a neat trick to show it in Photoshop:]]></description>
			<content:encoded><![CDATA[<p>If you are a photographer and want to use the so-called Rule of Thirds in your compositions, here&#8217;s a neat trick to show it in Photoshop:</p>
<h2>Setting it up</h2>
<ol>
<li>Open <strong>Edit &#8211;&gt; Preferences &#8211;&gt; Guides, Grid and Slices</strong></li>
<li>Edit <strong>Gridline every</strong>&#8230; <em>100</em> percent</li>
<li><strong>Subdivisions</strong>&#8230; <em>3</em></li>
<li>Click <strong>OK</strong></li>
</ol>
<p><img class="aligncenter size-full wp-image-458" title="Photoshop Preferences" src="http://www.twin-pixels.com/wp-content/uploads/ps_preferences.png" alt="" width="606" height="337" /></p>
<p>That&#8217;s it!</p>
<p>Now to show or hide the grid, just press <strong>CTRL+&#8217;</strong> or select <strong>View &#8211;&gt; Show &#8211;&gt; Grid</strong></p>
<p><strong> </strong></p>
<div id="attachment_460" class="wp-caption aligncenter" style="width: 361px"><img class="size-full wp-image-460" title="Rule of thirds" src="http://www.twin-pixels.com/wp-content/uploads/rule-of-thirds-1.jpg" alt="Rule of thirds" width="351" height="233" /><p class="wp-caption-text">Image with visible grid</p></div>
<h2>What is this Rule of Thirds anyway?</h2>
<p>Just in case you never heard of this &#8220;rule&#8221;, let me give you some points:</p>
<p>Beginners in photography tend to frame everything dead in the center. Sometimes it works, sometimes it doesn&#8217;t. There are many rules that can be used to achieve a more pleasing composition and this is one of them.</p>
<p>The Rule of Thirds states that you can achieve better composition balance if you place the interesting features of your photos along horizontal and/or vertical lines that divide your picture in thirds, or at the intersection points.</p>
<p>To illustrate my point, have a look at the pictures below:</p>
<div id="attachment_461" class="wp-caption aligncenter" style="width: 356px"><img class="size-full wp-image-461" title="The Rule of Thirds" src="http://www.twin-pixels.com/wp-content/uploads/rule-of-thirds-2.jpg" alt="The Rule of Thirds" width="346" height="230" /><p class="wp-caption-text">Horizon and tower aligned to the lines</p></div>
<div id="attachment_462" class="wp-caption aligncenter" style="width: 352px"><img class="size-full wp-image-462" title="The Rule of Thirds" src="http://www.twin-pixels.com/wp-content/uploads/rule-of-thirds-3.jpg" alt="The Rule of Thirds" width="342" height="228" /><p class="wp-caption-text">Eye at the intersection</p></div>
<p>As with any photography &#8220;rule&#8221;, you shouldn&#8217;t get obsessed with it. Not everything has to be framed according to it. Understand it, learn it, try it &#8211; then break it!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.twin-pixels.com/photoshop-and-the-rule-of-thirds/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Advanced Day-to-Night Photoshop Tutorial</title>
		<link>http://www.twin-pixels.com/advanced-day-to-night-photoshop-tutorial/</link>
		<comments>http://www.twin-pixels.com/advanced-day-to-night-photoshop-tutorial/#comments</comments>
		<pubDate>Mon, 29 Jun 2009 14:03:13 +0000</pubDate>
		<dc:creator>Armand Niculescu</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[lightroom]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.twin-pixels.com/?p=305</guid>
		<description><![CDATA[In this tutorial I will teach you how to edit in photo in Lightroom and Photoshop to dramatically alter its appearance and mood. We'll change a broad daylight scene into a night-time one, lit by a street lamp. I'll also take the opportunity to describe some non-destructive editing techniques in Photoshop.]]></description>
			<content:encoded><![CDATA[<p>In this tutorial I will teach you how to edit in photo in Lightroom and Photoshop to dramatically alter its appearance and mood. We&#8217;ll change a broad daylight scene into a night-time one, lit by a street lamp. I&#8217;ll also take the opportunity to describe some non-destructive editing techniques in Photoshop.</p>
<p>Below you can see the &#8216;before&#8217; and &#8216;after&#8217;:</p>
<div id="attachment_322" class="wp-caption aligncenter" style="width: 542px"><img class="size-full wp-image-322" title="Day to night conversion " src="http://www.twin-pixels.com/wp-content/uploads/daytonight-initialfinal.jpg" alt="Day to night conversion: before and after" width="532" height="400" /><p class="wp-caption-text">Day to night conversion: before and after</p></div>
<p>The original, straight from the camera image is mind-numbingly dull; it&#8217;s the very definition of dullness. It was shot in a overcast February afternoon. As boring as it is, it was perfect for my purposes. I wanted to convey a sense of &#8216;out of place&#8217;, of a person that doesn&#8217;t really belong there, forcing the viewer to create a story &#8211; who is this young and attractive woman and what is she doing in this miserable street?</p>
<p>The overcast day had the advantage of decreased contrast and a complete lack of shadows, allowing me a wide range of editing.</p>
<h2>Creating the light/dark versions</h2>
<p>First thing, I created two Virtual Copies in Lightroom:</p>
<div id="attachment_323" class="wp-caption aligncenter" style="width: 680px"></p>
<table border="0" cellspacing="5" cellpadding="0" width="670">
<tbody>
<tr>
<td align="center" valign="top"><img class="aligncenter size-full wp-image-307" title="Day to night original" src="http://www.twin-pixels.com/wp-content/uploads/daytonight-1.jpg" alt="Day to night original" width="223" height="178" />Original, with default contrast. Slightly overexposed too.</td>
<td align="center" valign="top"><img class="aligncenter size-full wp-image-307" title="Day to night lit version" src="http://www.twin-pixels.com/wp-content/uploads/daytonight-2.jpg" alt="Day to night lit version" width="223" height="178" />The &#8220;lit&#8221; version, Contrast was set to 100, also Clarity was was to max, increased vibrance. White Balance was set to Cloudy</td>
<td align="center" valign="top"><img class="aligncenter size-full wp-image-307" title="Day to night unlit version" src="http://www.twin-pixels.com/wp-content/uploads/daytonight-3.jpg" alt="Day to night unlit version" width="223" height="178" />The &#8220;unlit&#8221; version. The image was underexposed by 2 stops. White Balance was set to Tungsten.</td>
</tr>
</tbody>
</table>
<p><p class="wp-caption-text">Same image with different WB settings</p></div>
<p>As you can see above, the altered versions are already better &#8212; especially the &#8220;night&#8221; one, dark and moody. However, the street lamp gave me the opportunity to go the extra mile in creating something realistic.</p>
<h2>Mixing light and dark</h2>
<p>Having exported the two versions as 16bit TIFF (for maximum quality), I opened both of them in Photoshop. I then copied the &#8220;dark&#8221; one and pasted as a layer over the &#8220;lit&#8221; version.</p>
<div id="attachment_310" class="wp-caption alignleft" style="width: 422px"><img class="size-full wp-image-310" title="Creating a new layer mask" src="http://www.twin-pixels.com/wp-content/uploads/daytonight-4.jpg" alt="Creating a new layer mask" width="412" height="265" /><p class="wp-caption-text">Creating a new layer mask</p></div>
<p>It was pretty clear already that quite a lot of trial-and-error was to be expected, so instead of simply using the Eraser to remove parts of the &#8220;dark&#8221; layer, I decided to use a mask instead.</p>
<p>I selected the Dark layer and from the <strong>Masks</strong> panel, I clicked on the <strong>Pixel Mask</strong> button to create a new mask.</p>
<p>A Pixel Mask works just like an alpha channel for the layer &#8211; it&#8217;s a grayscale bitmap where white is opaque and black is completely transparent. What&#8217;s cool about it is that you can alter the opacity of the layer by painting on the mask.</p>
<div id="attachment_311" class="wp-caption alignright" style="width: 422px"><img class="size-full wp-image-311" title="Mixing the lit/unlit areas" src="http://www.twin-pixels.com/wp-content/uploads/daytonight-5.jpg" alt="The effect of the layer mask in mixing the lit/unlit areas" width="412" height="265" /><p class="wp-caption-text">The effect of the layer mask in mixing the lit/unlit areas</p></div>
<p>You can see on the left how the mask affects the mix between lit and unlit areas.</p>
<p>I clicked on the mask in the Layers panel to select it and then I simply used a semi-transparent, highly feathered black brush to create transparent areas.</p>
<p>There are three main lit areas: the light on the wall, faing out, the light on the pavement the light spill on the roof. You can notice that I preferred to paint everything instead of using gradients, to avoid the artificial &#8220;perfect&#8221; look.</p>
<h2>Adjusting the exposure</h2>
<p>The light was still too even in the lit area; close the the light source I needed something much more powerful (remember that light falls off exponentially). To improve the realism, I added an <strong>Adjustment Layer</strong> just above the Lit layer.</p>
<div id="attachment_312" class="wp-caption aligncenter" style="width: 680px"><img class="size-full wp-image-312" title="The Exposure Adjustment Layer" src="http://www.twin-pixels.com/wp-content/uploads/daytonight-6.jpg" alt="The Exposure Adjustment Layer" width="670" height="345" /><p class="wp-caption-text">The Exposure Adjustment Layer</p></div>
<p>The Adjustment Layer was set to Exposure (<strong>Layer &#8211;&gt; New Adjustment Layer &#8211;&gt; Exposure</strong>). I added a simple radial gradient as a mask for this layer the same way as previously and then I tweaked it to get a slightly overexposed look.</p>
<h2>Adding the glow</h2>
<p>By now I had the light on the wall and pavement pretty much in place; it was time to turn to the light bulb. For this, I simply used the <strong>Lasso tool</strong> to select the visible area of the bulb and then copied and pasted it as new layer. I then used the <strong>Curves</strong> to make the bulb much brighter. Finally, from <strong>Layer &#8211;&gt; Layer Style &#8211;&gt; Outer Glow</strong> I created a nice amber glow around the bulb.</p>
<div id="attachment_313" class="wp-caption aligncenter" style="width: 550px"><img class="size-full wp-image-313" title="Setting the glow on the light bulb" src="http://www.twin-pixels.com/wp-content/uploads/daytonight-7.jpg" alt="Setting the glow on the light bulb" width="540" height="180" /><p class="wp-caption-text">Setting the glow on the light bulb</p></div>
<p>Below you can see the exact settings for the glow:</p>
<p style="text-align: center;">
<div id="attachment_314" class="wp-caption aligncenter" style="width: 620px"><img class="size-full wp-image-314" title="Light bulb glow settings" src="http://www.twin-pixels.com/wp-content/uploads/daytonight-8.jpg" alt="Light bulb glow settings" width="610" height="454" /><p class="wp-caption-text">Light bulb glow settings</p></div>
<p>I still wanted to add some nice touches: the glow should not be that strong in the upper area. Can you guess what I used? Yep, another <strong>Layer Mask</strong>.</p>
<p><strong><em>Please note:</em></strong><em> By default, layer masks do not affect the layer effects. To make a layer mask hide the effect, open the <strong>Layer Style</strong> window and go to <strong>Blending Options</strong> section. From there, check the &#8220;<strong>Layer mask hides effects&#8221;</strong> option.</em></p>
<p>In the layer mask, I painted in black the areas I wanted the glow to be weak. Below you can see the result:</p>
<div id="attachment_315" class="wp-caption aligncenter" style="width: 660px"><img class="size-full wp-image-315" title="Glowing behind the edges" src="http://www.twin-pixels.com/wp-content/uploads/daytonight-9.jpg" alt="Glowing behind the edges" width="650" height="319" /><p class="wp-caption-text">Glowing behind the edges</p></div>
<p>As you can see, I did not eliminate the glow completely, but created a glow-behind-the-edges effect that is seen in high-contrast situations.</p>
<h2>Lens flare</h2>
<div id="attachment_316" class="wp-caption alignleft" style="width: 210px"><img class="size-full wp-image-316" title="Sample lens flare" src="http://www.twin-pixels.com/wp-content/uploads/daytonight-10.jpg" alt="A simple lens flare" width="200" height="200" /><p class="wp-caption-text">A simple lens flare</p></div>
<p>Most designers, upon hearing the words &#8220;lens flare&#8221; run away screaming. They are very often overused and cheesy. Even the new JJ Abrams&#8217; Star Trek features some lens flares annoying as hell. Still, they an unavoidable part of photography and can add some realism if used wisely.</p>
<div id="attachment_317" class="wp-caption alignright" style="width: 210px"><img class="size-full wp-image-317" title="Subtle lens flare applied" src="http://www.twin-pixels.com/wp-content/uploads/daytonight-11.jpg" alt="Subtle lens flare applied" width="200" height="200" /><p class="wp-caption-text">Subtle lens flare applied</p></div>
<p>Unfortunately, Photoshop&#8217;s Lens Flare effect is laughable. I think it&#8217;s the same effect as 15 years ago. I only know of two decent lens effects &#8211; one in the old plugin Kai Power Tools 6, the other is Corel Photo-Paint. Both of them allow you to control the size, glow, ring, stars, streaks and reflection trail. This is not a tutorial on lens flares, but modern, good lenses don&#8217;t create reflection trails, but only a nice star pattern with minimal interference or random streaks.</p>
<p>For this photo I created a very simple star pattern on black background and I put it as a layer with blending mode set to Linear Dodge (Add) at 33% opacity. You can see that the effect is barely there; its purpose is to enhance the scene in a minimal way, not to overpower it.</p>
<h2>Shadows</h2>
<div id="attachment_318" class="wp-caption alignleft" style="width: 210px"><img class="size-full wp-image-318" title="Selecting the body shape" src="http://www.twin-pixels.com/wp-content/uploads/daytonight-12.jpg" alt="Selecting the body shape" width="200" height="200" /><p class="wp-caption-text">Selecting the body shape</p></div>
<p>If you recall from the beginning of this tutorial, the original image had no shadows because of the overcast sky. Now, as I created a light source, I needed to create a shadow too.</p>
<div id="attachment_319" class="wp-caption alignright" style="width: 244px"><img class="size-full wp-image-319" title="Refining selection edges" src="http://www.twin-pixels.com/wp-content/uploads/daytonight-13.jpg" alt="Refining selection edges" width="234" height="200" /><p class="wp-caption-text">Refining selection edges</p></div>
<p>With the background layer active, I started to make a simple selection on the girl using the <strong>Magnetic Lasso</strong>. I didn&#8217;t even needed to be very careful, but just to follow the contours.</p>
<p>Once this was done, I clicked on <strong>Refine Edge</strong> and increased <strong>Smoothness</strong> and <strong>Feathering</strong>. After that, I created a new layer and filled the inside of the selection with black.</p>
<div id="attachment_320" class="wp-caption alignleft" style="width: 210px"><img class="size-full wp-image-320" title="Distorting the shadow" src="http://www.twin-pixels.com/wp-content/uploads/daytonight-14.jpg" alt="Distorting the shadow" width="200" height="200" /><p class="wp-caption-text">Distorting the shadow</p></div>
<p>The next step was to convert the new layer into a <strong>Smart Object </strong>via <strong>Layer &#8211;&gt; Smart Objects &#8211;&gt; Convert to Smart Object</strong>. Why? It&#8217;s because a smart object&#8217;s original appearance is preserved so I could distort it any way I wanted without degrading its appearance on each step.</p>
<p>Finally, I set the layer&#8217;s blending to Multiply and its opacity down to 50%.</p>
<h2>Final result</h2>
<p>Here&#8217;s the final view with all the layers:</p>
<div id="attachment_321" class="wp-caption aligncenter" style="width: 506px"><img class="size-full wp-image-321" title="All layers" src="http://www.twin-pixels.com/wp-content/uploads/daytonight-15.jpg" alt="All layers" width="496" height="388" /><p class="wp-caption-text">All layers</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.twin-pixels.com/advanced-day-to-night-photoshop-tutorial/feed/</wfw:commentRss>
		<slash:comments>46</slash:comments>
		</item>
		<item>
		<title>How to change eye colour</title>
		<link>http://www.twin-pixels.com/how-to-change-eye-colour/</link>
		<comments>http://www.twin-pixels.com/how-to-change-eye-colour/#comments</comments>
		<pubDate>Fri, 03 Apr 2009 07:18:44 +0000</pubDate>
		<dc:creator>Ştefania Dinea</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.twin-pixels.com/?p=172</guid>
		<description><![CDATA[Photoshop can help you pick what color you like for your eyes. Here is a method that will take you no more than 1 minute and a total of 6 steps that you have to follow.
]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-thumbnail wp-image-175" title="edited" src="http://www.twin-pixels.com/wp-content/uploads/edited-150x150.jpg" alt="edited" width="150" height="150" />Ever thought that you&#8217;d need expensive contact lenses just to have purple eyes in a photo? Well here you have a solution: Photoshop can help you pick whatever color you like for your eyes. Here is a method that will take you no more than 1 minute!</p>
<h3><em>But first&#8230;  a Sneak Preview!!!</em></h3>
<p>In the next tutorial I&#8217;m going to remind you that Photoshop is designed for massive photo editing, in 6 easy steps you edit a photo into something magical. I&#8217;ll use Photoshop in this case to make my friend look like an elf. Hope you will enjoy my small presentation and have fun trying it.</p>
<h3><img class="aligncenter size-medium wp-image-170" title="etc" src="http://www.twin-pixels.com/wp-content/uploads/etc-300x224.jpg" alt="etc" width="300" height="224" /></h3>
<h3><em>About the tutorial</em></h3>
<p>I decided to make this tutorial because it is useful when it comes to serious Photoshop editing. So if you think your eyes would look better in a blue color in a certain picture although your natural eye color is green, Photoshop has the answer; (this is also a good way to see if a contact lens color suits you before you actually buy it).</p>
<h3><em>How to:</em></h3>
<p><em>The 6 Things you have to remember are:</em></p>
<ul>
<li>duplicate layer;</li>
<li>erase the iris on the background layer;</li>
<li>use the Magic Wand Tool (W) to select the white circle;</li>
<li>go to Image  &#8211; Adjustments &#8211; Hue &amp; Saturation and DO NOT FORGET TO SELECT COLORIZE!</li>
<li>play, experiment with Hue, Saturation and Lightness;</li>
<li>right click on one layer and select Flatten Image.</li>
</ul>
<h3><em>Useful:</em></h3>
<p>You can try it out on the original picture I have used in the video. Please do not steal it or use it to other purpose that training, as it&#8217;s copyrighted by us.</p>
Note: There is a file embedded within this post, please visit this post to download the file.
<p>And here is the video:<br />
<object width="425" height="344" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://www.youtube.com/v/XI0zsFlDCx4&amp;hl=en&amp;fs=1" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/XI0zsFlDCx4&amp;hl=en&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed width="425" height="344" type="application/x-shockwave-flash" src="http://www.youtube.com/v/XI0zsFlDCx4&amp;hl=en&amp;fs=1" data="http://www.youtube.com/v/XI0zsFlDCx4&amp;hl=en&amp;fs=1" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object><br />
<em><strong><br />
</strong></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.twin-pixels.com/how-to-change-eye-colour/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Photography &#8211; understanding exposure</title>
		<link>http://www.twin-pixels.com/photography-understand-exposure/</link>
		<comments>http://www.twin-pixels.com/photography-understand-exposure/#comments</comments>
		<pubDate>Fri, 27 Mar 2009 16:50:39 +0000</pubDate>
		<dc:creator>Armand Niculescu</dc:creator>
				<category><![CDATA[Photography]]></category>
		<category><![CDATA[exposure]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.twin-pixels.com/?p=105</guid>
		<description><![CDATA[To aid those who want to be in control of their cameras, to go beyond point-and-shoot, I decided to write a series of tutorials on the basics of photography. If you don't know what the exposure or aperture are, this little tutorial is for you, so read on.]]></description>
			<content:encoded><![CDATA[<div id="attachment_117" class="wp-caption alignleft" style="width: 160px"><img class="size-full wp-image-117" title="Exposure Trick" src="http://www.twin-pixels.com/wp-content/uploads/exposure-tutorial-0.jpg" alt="Exposure Trick" width="150" height="150" /><p class="wp-caption-text">Exposure and lighting affect the mood of the photo</p></div>
<p>To aid those who want to be in control of their cameras, to go beyond point-and-shoot, I decided to write a series of tutorials on the basics of photography. If you don&#8217;t know what the exposure or aperture are, this little tutorial is for you, so read on. I&#8217;ve done my best to avoid overcomplicated technical details and give lots of analogies and examples instead.<span id="more-105"></span></p>
<h2>What is exposure</h2>
<p>The single most important thing to learn about when making a photo is exposure. You&#8217;ll never go beyond point-and-shoot without understanding how this works. Any gorgeous scene can and will be ruined by bad exposure &#8212; and you can turn a mundane setting into a startling photo by mastering the same exposure.</p>
<div id="attachment_106" class="wp-caption alignleft" style="width: 160px"><img class="size-full wp-image-106" title="Tricky exposure" src="http://www.twin-pixels.com/wp-content/uploads/exposure-tutorial-1.jpg" alt="Tricky lighting required careful control of the exposure" width="150" height="225" /><p class="wp-caption-text">Tricky lighting required careful control of the exposure</p></div>
<p>In this photo, lighting the model while keeping the details in the sky was tricky, because the setting sun was behind the model.</p>
<p>How do we capture the light in the scene in a photo? Whether we talk about film or digital, the principle is the same: we&#8217;re letting a piece of light-sensitive material to gather light from the scene.</p>
<p>How much light do we need to capture? Here&#8217;s the tricky part. Each scene has a certain amount of illumination that can be measured objectively using a light meter. The typical unit of measure for luminance is called &#8220;lux&#8221; but most light meters are set up to display results in photographic terms (more on that later). Most likely however, you won&#8217;t have a light meter, so you can&#8217;t rely on them. All photo cameras have internal light meters, except they can&#8217;t measure the actual light levels from the light source(s), but the light that enters the camera, which is the reflected light by the scene objects. Why is this important? It&#8217;s because the camera has to &#8220;guess&#8221;. The camera tries to find a good average of the light intensities &#8211; here&#8217;s how it works:</p>
<div id="attachment_107" class="wp-caption alignleft" style="width: 460px"><img class="size-full wp-image-107" title="How exposure works in camera" src="http://www.twin-pixels.com/wp-content/uploads/exposure-tutorial-2.jpg" alt="what you see - what the camera meter sees - averaged gray" width="450" height="226" /><p class="wp-caption-text">what you see - what the camera meter sees - averaged gray</p></div>
<p>The camera takes readings of light intensities across different areas of the image. The number of segment and pattern varies from model to model. The readings are averaged based on different algorithms (&#8220;evaluative&#8221;, &#8220;3D matrix&#8221;, &#8220;center-weight&#8221;, etc.) and the exposure is adjusted to obtain a medium gray.</p>
<p>This method works most of the time &#8211; but sometimes it misses. Do you have your camera nearby? Take a picture of a white sheet of paper. &#8212; just the white paper, without anything on it. Download the picture and look at it on the screen. I&#8217;m willing to bet it came out gray-ish. Take another shot of a black T-shirt. Have a look at it, it&#8217;ll be gray or dark gray. Why?</p>
<div id="attachment_108" class="wp-caption alignleft" style="width: 235px"><img class="size-full wp-image-108" title="Low-key situation" src="http://www.twin-pixels.com/wp-content/uploads/exposure-tutorial-3.jpg" alt="Dark backgrounds will fool the camera meter" width="225" height="150" /><p class="wp-caption-text">Dark backgrounds will fool the camera meter</p></div>
<p>White or dark backgrounds can fool the camera meter. The camera tries to average everything to gray. If a scene has bright areas and dark areas, the camera can determine a proper average and from that, it can determine the exposure. But, if you&#8217;re shooting tricky scenes, it&#8217;ll fail (even a sunset or a portrait against a white wall can be considered tricky, so don&#8217;t think you won&#8217;t encounter such cases).</p>
<p>Hopefully, by now you understand what exposure is and why it&#8217;s important to get it right. Next, it&#8217;s how do we get it.</p>
<h2>The right exposure &#8211; juggling with shutter, aperture and ISO values</h2>
<p>Obtaining the correct exposure is like filling a bucket of water. Too little water and you don&#8217;t have enough to use it; too much water and it spills, making a mess.</p>
<div id="attachment_118" class="wp-caption alignleft" style="width: 460px"><img class="size-full wp-image-118" title="Underexposed - Correct - Overexposed" src="http://www.twin-pixels.com/wp-content/uploads/exposure-tutorial-7.jpg" alt="Too little - Just right - too much" width="450" height="365" /><p class="wp-caption-text">Too little - Just right - too much</p></div>
<p>To fill the bucket with water you turn the tap. The longer you keep it open, the more water pours. You can also increase or decrease the rate of flow. So in effect you can get the same result either by keeping the tap open for longer and reducing the flow, or with a larger rate of flow for a shorter time. This is exactly how exposure works, except we use light instead of water.</p>
<p>The amount of time you let water, err, light &#8220;pour in&#8221; the camera is called &#8220;exposure time&#8221; or &#8220;shutter speed&#8221; and it can vary anywhere from 1/10000 of a second to minutes or hours. The amount of flow has its equivalent in &#8220;aperture size&#8221;, which basically measures how big the opening that lets the light shine on sensor or film is.</p>
<p>These two values &#8211; shutter speed and aperture are intertwined. To get the correct exposure, both have to be set correctly &#8211; that is, if you increase the exposure time then you need to decrease the aperture.</p>
<p>You may ask yourself now &#8211; why should we deal with two variables instead of one? Why not keep the aperture wide open and change just the shutter speed? It&#8217;s because unlike the bucket of water analogy, you&#8217;ll get different results depending on how you set these variables. Cellphone cameras or cameras set on Auto will try to work out a compromise, some sort of average between these two. Modes like &#8220;Portrait&#8221; or &#8220;Sport&#8221; are simple presets, favoring one or the other variable.</p>
<h3>Shutter speed</h3>
<p>The shutter looks like a curtain and acts like the tap in our example.When you press the shutter release button, it is opened briefly, allowing light to expose the film or sensor for the specified amount of time and then it&#8217;s closed again.</p>
<div id="attachment_109" class="wp-caption alignleft" style="width: 235px"><img class="size-full wp-image-109" title="Acrobatics" src="http://www.twin-pixels.com/wp-content/uploads/exposure-tutorial-4.jpg" alt="Fast action" width="225" height="150" /><p class="wp-caption-text">Fast action</p></div>
<p>The shutter speed value is specified in seconds, for example &#8220;2s&#8221;, or &#8220;1/30s&#8221;. High shutter speeds (low exposure times) are needed to capture fast action. Capturing a bullet as it passes through a glass requires extremely short exposure times, like 1/10000s, which are usually obtainable only in controlled environments. Fast sports or dancing need exposures like 1/125s &#8211; 1/250s. At the other end, night scenes may require exposures of several seconds, even minutes, which lead to interesting effects.</p>
<h3>Aperture</h3>
<p>The aperture is iris-shaped, with metal blades that allow it to grow or shrink. The larger it is, the more light enters the camera. Just as the pupils get narrower in bright light and wider when it&#8217;s dark, a photographer will adjust the aperture size to gather the needed light.</p>
<p>The aperture size is measured using a rather unintuitive notation, such as f/2 or f/16. The larger the number, the smaller the aperture. An aperture of f/1.4 is very very wide, while f/32 is extremely narrow.</p>
<p>Changing the aperture has a very clear impact on the pictures, that is called Depth of Field. Depth of Field (or DOF for short) is an interesting topic on its own, that&#8217;s outside the purpose of this tutorial. Depending on the camera you have, altering the aperture may or may not be that apparent. Compact cameras have a lot more depth than (d)SLRs, which can be an advantage or disadvantage depending on situation.</p>
<div id="attachment_110" class="wp-caption alignleft" style="width: 460px"><img class="size-full wp-image-110" title="DOF Comparison" src="http://www.twin-pixels.com/wp-content/uploads/exposure-tutorial-5.jpg" alt="Shallow DOF - Deep DOF" width="450" height="150" /><p class="wp-caption-text">Shallow DOF - Deep DOF</p></div>
<p>Above you can see pictures taken with different aperture values. Note how the image is blurred in front and behind of the subject when the aperture is wide open compared to the picture taken with a small aperture. A &#8220;shallow&#8221; DOF that has little detail in front and behind the subject is desirable especially for portraits, because a blurred background doesn&#8217;t distract from the main subject; on the other hand, landscapes benefit from a deep DOF that ensures that all close and distant features are sharp.</p>
<h3>ISO Speed</h3>
<p>Going back to our initial tap analogy, if you can alter the quantity of water that is collected in a bucket by altering the time you let the tap open or by increasing/reducing the flow, what happens if you change the density of the poured liquid? If you want a pound of liquid, then the denser it is, the quicker you&#8217;d get it because it&#8217;d require less volume &#8211; a liquid twice the density of water would occupy half the space, so all else being equal (time, flow) you&#8217;d get it twice as fast.</p>
<p>It&#8217;s the same with ISO speed. For film, ISO specifies the film sensitivity to light. A ISO200 film would be twice as sensitive than a ISO100 film, a ISO400 film is twice as sensitive than ISO200 and so on. The sensitivity ranges usually from ISO50 to ISO3200.</p>
<div id="attachment_111" class="wp-caption alignleft" style="width: 235px"><img class="size-full wp-image-111" title="Night exposure" src="http://www.twin-pixels.com/wp-content/uploads/exposure-tutorial-6.jpg" alt="Without a tripod, this scene required high ISO" width="225" height="150" /><p class="wp-caption-text">Without a tripod, this scene required high ISO</p></div>
<p>As with all things in life, by gaining sensitivity, you lose something else. More sensitive films (also called &#8220;fast&#8221; films) result in grainier pictures, with less vibrant colors (actually all ISO3200 films I know of are black-and-white only). With digital, things are relatively the same. The analog signal is amplified by software, resulting in more visible noise, especially in darker areas. The camera software tries to clean some of the noise with varying degrees of success. Noise levels are dependent on a number of factors, among which the sensor size and resolution are very important; digital SLRs with their bigger sensors behave much better than compact cameras.</p>
<h3>Putting all together</h3>
<p>To recap, a certain exposure can be achieved using a combination of three factors: ISO, shutter speed and aperture.</p>
<div id="attachment_112" class="wp-caption alignleft" style="width: 490px"><img class="size-full wp-image-112" title="Exposure chart" src="http://www.twin-pixels.com/wp-content/uploads/exposure-tutorial-7.gif" alt="ISO, Shutter speed and aperture opening" width="480" height="295" /><p class="wp-caption-text">ISO, Shutter speed and aperture opening</p></div>
<p>ISO goes from ISO50 (clean, bright image) to 100, 200, 400, 800, 1600 and 3200 (grainy, noisy) &#8211; doubling the sensitivity.</p>
<p>Shutter speed goes from let&#8217;s say 1s (slower), 1/2s, 1/4s, 1/8s, 1/15s, 1/30s (faster) and so on, doubling the speed.</p>
<p>Aperture has a stranger progression (than can be explained mathematically), from f/32 (narrow), f/22, f/16, f/11, f/8, f/5.6, f/4, f/2.8, f/2 (wide), each time doubling the amount of light that hits the film or sensor.</p>
<p>Each step in doubling or halving the exposure is called a &#8220;stop&#8221;, so the difference between 1/30s and 1/60s is one stop. The difference between f/5.6 and f/8? One stop. ISO3200 to ISO800? Gotcha &#8211; two stops. So, an exposure taken at ISO400, 1/125s, f/5.6 would be equivalent to one taken at ISO100, 1/30s, f/5.6 or ISO200, 1/15s, f/16. Modern cameras can adjust these values in half- or third- increments, so you will see values like 1/20s or f/9 or even ISO80.</p>
<h2>Conclusion</h2>
<p>Exposure and all the technical terms used here are really the foundation of photography. You may think you don&#8217;t need it &#8211; after all the cameras are pretty smart nowadays, right? I beg to differ. You should know your tools, first understand their capabilities, strengths and weaknesses and then use your creativity to push them to the limit.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.twin-pixels.com/photography-understand-exposure/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create a vector brush in Photoshop</title>
		<link>http://www.twin-pixels.com/vector-brushes-creation/</link>
		<comments>http://www.twin-pixels.com/vector-brushes-creation/#comments</comments>
		<pubDate>Thu, 19 Mar 2009 16:38:46 +0000</pubDate>
		<dc:creator>Ştefania Dinea</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[brushes]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[vector]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.twin-pixels.com/?p=79</guid>
		<description><![CDATA[With what I have shown you in the tutorial you can do your own wallpaper, you can use it as in e-card, a poster, or even do a nice thing for your friends, they will appreciate it. Use your imagination to create different things you will see that now that you know how to create your own brush, expressing yourself through digital media won't be that hard.]]></description>
			<content:encoded><![CDATA[<p>So I&#8217;m back as I promised with a fun lesson; I don&#8217;t want to bore you with a lot of  lessons from the beginning so I thought this might give you a head start into learning Photoshop in a relaxing way. Enjoy!</p>
<h3>Sneak Preview!!!</h3>
<p>In the next tutorial I&#8217;m going to show you how to change eye color. I&#8217;ll hope you&#8217;ll enjoy it. If you have a suggestions about what I should do a tutorial about, feel free to leave a comment and I&#8217;ll see what I can do about it, don&#8217;t be shy!</p>
<p><img class="aligncenter size-full wp-image-81" title="eyes" src="http://www.twin-pixels.com/wp-content/uploads/eyez.jpg" alt="eyes" width="630" height="260" /></p>
<p style="text-align: center;"><em>original photo by Armand Niculescu</em></p>
<p><em><strong>About the tutorial</strong></em> &#8230;</p>
<p>With what I have shown you in the tutorial you can do your own wallpaper, you can use it as in e-card, a poster, or even do a nice thing for your friends, they will appreciate it. Use your imagination to create different things you will see that now that you know how to create your own brush, expressing yourself through digital media won&#8217;t be that hard.</p>
<p><em><strong>Attention!!!</strong></em></p>
<p>When you are doing this just out of brushes, you should have an idea of what you want it too look like from the beginning. First you apply the background color, then the brushes that you want to have in the back and so on, in the end you apply the main brush.</p>
<p><em><strong>Credits<br />
</strong></em></p>
<p>We don&#8217;t believe in stealing art! I have to admit that the brushes presented in the video are downloaded from <a href="www.deviantart.com">deviantart</a> (Resources &#8211; Applications &#8211; Photoshop Brushes).</p>
<p><em><strong>Useful</strong></em></p>
<p>If you want to reproduce the image I did in the tutorial here are the brushes &#8230; so as I like to say: Brush away!</p>
Note: There is a file embedded within this post, please visit this post to download the file.
<p><strong>The video tutorial <em> Vector brushes creation</em></strong></p>
<p><object width="640" height="505" data="http://www.youtube.com/v/pLuegeJazU0&amp;hl=en&amp;fs=1" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/pLuegeJazU0&amp;hl=en&amp;fs=1" /><param name="allowfullscreen" value="true" /></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.twin-pixels.com/vector-brushes-creation/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Organize Your Brushes!</title>
		<link>http://www.twin-pixels.com/organizing-brushes/</link>
		<comments>http://www.twin-pixels.com/organizing-brushes/#comments</comments>
		<pubDate>Wed, 18 Mar 2009 20:23:43 +0000</pubDate>
		<dc:creator>Ştefania Dinea</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[brushes]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.twin-pixels.com/?p=69</guid>
		<description><![CDATA[When you'll be moving to hard core photo editing the last thing you want to spend time on is searching for the brushes you need in the multitude of brushes you have loaded. You should get used to loading only the brushes you need, it will save you a lot of time and energy.]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-thumbnail wp-image-70" title="Wallpaper" src="http://www.twin-pixels.com/wp-content/uploads/la-150x150.jpg" alt="Wallpaper" width="169" height="169" /> I&#8217;m back again as I promised with a video tutorial about organizing brushes. First of all I have to admit that the brushes presented in the video are downloaded from <a href="http://www.deviantart.com">deviant art</a> (Resources &#8211; Applications &#8211; Photoshop Brushes). I made this video for people who do not know how to upload, save or organize brushes. I hope you will find it usefull, when I first started to work in Photoshop all I did was play with hue and saturation, levels, contrast and so on, I discovered what brushes can do much more later and I really do regret that I did not know that from the beginning. (P.S. here on the left is a sneak preview of the next tutorial, be sure not to miss it.)</p>
<p><em><strong>Why organize???</strong></em></p>
<p>When you&#8217;ll be moving to hard core photo editing the last thing you want to spend time on is searching for the brushes you need in the multitude of brushes you have loaded. You should get used to loading only the brushes you need, it will save you a lot of time and energy.</p>
<p><em><strong>How to organize???</strong></em></p>
<p>Click on the brush button (keyboard shortcut is B) then rightclick on the working space in the upper side of the box opened you can see an arrow, by clicking it you will open a new set of options, the most important one being <strong>Preset </strong> Manager. As you can see with this option you can <strong>Load</strong>, <strong>Delete</strong> and <strong>Save set/sets</strong> of brushes.</p>
<p>My suggestion to you all is to play around and see for yourself what each option does, I presented only a few in the video tutorial so don&#8217;t be afraid to experiment.</p>
<p><em><strong>Remember!!!</strong></em></p>
<p>When you create your own brush (as I did show in the first video tutorial &#8211; <a href="http://www.twin-pixels.com/how-to-make-your-own-brush/">How to make your own brush</a>) photoshop <strong>will not</strong> automatically save your brush, if you consider that you want to use that brush in the future make sure you will have it then by saving it right then.</p>
<p>These being sayed, here&#8217;s the video, hope you enjoy it and also remeber to stay tuned I have a little surprise for you in the next tutorial <img src='http://www.twin-pixels.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> .</p>
<p><object width="640" height="385" data="http://www.youtube.com/v/adiUaYrwoCQ&amp;hl=en&amp;fs=1" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/adiUaYrwoCQ&amp;hl=en&amp;fs=1" /><param name="allowfullscreen" value="true" /></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.twin-pixels.com/organizing-brushes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced

Served from: www.twin-pixels.com @ 2012-02-04 13:51:46 -->
