<?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>Blog.DesignNocturne.com &#187; Tutorials</title>
	<atom:link href="http://blog.designnocturne.com/category/tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.designnocturne.com</link>
	<description>Photoshop Tutorials, Videos, Art Collections</description>
	<lastBuildDate>Fri, 04 Jan 2013 19:48:15 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5</generator>
		<item>
		<title>Astral Illustration Tutorial</title>
		<link>http://blog.designnocturne.com/2012/12/16/astral-illustration-tutorial/</link>
		<comments>http://blog.designnocturne.com/2012/12/16/astral-illustration-tutorial/#comments</comments>
		<pubDate>Sun, 16 Dec 2012 23:13:19 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[FEATURED]]></category>

		<guid isPermaLink="false">http://blog.designnocturne.com/?p=6026</guid>
		<description><![CDATA[Skill Level: Advanced Create a futuristic illustration with geometric shapes and astral textures. The Final Outcome The model we&#8217;ll be using for this tutorial is from a stock photo that can be downloaded here. With the photo open in Photoshop, use the Pen Tool to draw a clean outline of the model&#8217;s body, then a [...]]]></description>
				<content:encoded><![CDATA[<h3 style="text-align: right;"><em>Skill Level: Advanced</em></h3>
<p style="text-align: center;">Create a futuristic illustration with geometric shapes and astral textures.</p>
<h2>The Final Outcome</h2>
<p style="text-align: center;"><img class="aligncenter  wp-image-6055" alt="600" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/600.jpg" width="432" height="602" /></p>
<p style="text-align: center;">The model we&#8217;ll be using for this tutorial is from a stock photo that can be downloaded <a href="http://salengor.deviantart.com/art/888-320461523" target="_blank">here</a>.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-6027" alt="astral 1" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-1.jpg" width="425" height="639" /></p>
<p style="text-align: center;">With the photo open in Photoshop, use the Pen Tool to draw a clean outline of the model&#8217;s body, then a fairly rough outline around the hair.</p>
<p style="text-align: center;">Use the Refine Edge tools to further refine the selection around the hair, then output the selection to a layer mask.</p>
<p style="text-align: center;">With the layer mask selected, clean up the selection alternating between small black and white brushes.</p>
<p style="text-align: center;">For more information on making selections, see <a href="http://10steps.sg/tutorials/photoshop/5-quick-selection-tool-in-photoshop/" target="_blank">this</a> article.</p>
<p style="text-align: center;">Or you can download the precut model <a href="http://blog.designnocturne.com/wp-content/uploads/2012/12/model.png" target="_blank">here.</a></p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6028" alt="astral 2" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-2.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Open a new 1800 x 2500 document, and drop in your model, then desaturate it (Image &gt; Adjustments &gt; Desaturate).</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6029" alt="astral 3" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-3.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Below the model layer add a Color Fill adjustment using the colour #666a76.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6030" alt="astral 4" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-4.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Duplicate the Color Fill layer and move it above the model layer. Right click on the layer and choose Create Clipping Mask, then set the layer&#8217;s blending mode to Soft Light.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6031" alt="astral 5" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-5.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Add a Curves Layer with a clipping mask, and use the black colour picker and white colour picker buttons to pinpoint a corresponding black or white area of the model, therefore boosting the contrast.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6032" alt="astral 6" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-6.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Open a new document 1px x 4 px.</p>
<p style="text-align: center;">Make a rectangular selection over the top two pixels and go to Edit &gt; Fill, then select Black.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6033" alt="astral 7" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-7.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Go to Edit &gt; Define Brush Preset, and give the pattern a name.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6034" alt="astral 8" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-8.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Back in your main document, make a new layer above all the others and go to Edit &gt; Fill, then select your pattern from the Custom Pattern list.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6035" alt="astral 9" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-9.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Give the layer a clipping mask, then set the layer&#8217;s blending mode to Overlay and set the opacity to 20%.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6036" alt="astral 10" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-10.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Create a new 5px x 50px document, and fill the top 15 pixels with black.</p>
<p style="text-align: center;">Save the image as a pattern like before.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6037" alt="astral 11" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-11.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Add a new layer in you main document, and fill it with your new pattern.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6038" alt="astral 12" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-12.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Using the Move Tool, scale down the pattern and rotate it 45 degrees.</p>
<p style="text-align: center;">Position it so that it covers the bottom of the model. You can hide the layer when you&#8217;re done.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6039" alt="astral 13" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-13.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Select the model layer, and apply a layer Mask.</p>
<p style="text-align: center;">With the layer mask selected go to Image &gt; Apply Image, and choose the diagonal lines layer from the Layer list.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6040" alt="astral 14" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-14.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Now take the Gradient Tool and using a black to transparent gradient, draw a gradient from the base of the model to the top of the diagonal lines layer.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6041" alt="astral 15" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-15.jpg" width="425" height="593" /></p>
<p style="text-align: center;">You can download the space stock <a href="http://apod.nasa.gov/apod/fap/image/1012/M78LoopLDN1622_andreoHaLRGB.jpg" target="_blank">here</a>.</p>
<p style="text-align: center;">Drop the photo into your document, and move it below the model layer.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6042" alt="astral 16" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-16.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Give the space layer a layer mask, then use the Gradient Tool to draw a radial gradient over the centre of the model.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6043" alt="astral 17" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-17.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Take the Ellipse Tool, hold down the shift key and draw a circle around the models head.</p>
<p style="text-align: center;">Double-click on the layer thumbnail and set it&#8217;s colour to #373944.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6044" alt="astral 18" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-18.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Now draw a much larger circle over the model, then double click on the layer to bring up the Layer Styles box.</p>
<p style="text-align: center;">In the main blending options set the Fill Opacity to 0%, then in the Stroke settings set the size to 10px and the colour to white.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6045" alt="astral 19" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-19.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Add a Gradient adjustment layer and use a white to transparent gradient with the Style set to Radial, and the Scale set to 80%.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6046" alt="astral 20" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-20.jpg" width="425" height="593" /></p>
<p style="text-align: center;">You can download the wireframe texture pack <a href="http://veshydesigns07.deviantart.com/art/Veshy-s-WireFrame-C4D-Pack-61826816" target="_blank">here</a>.</p>
<p style="text-align: center;">Drop the texture into your document above the gradient layer.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6047" alt="astral 21" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-21.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Rasterize the layer, Invert it, then set the layer&#8217;s blending mode to Screen.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6048" alt="astral 22" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-22.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Add a new layer and draw a radial gradient using the colour #feb02b from the centre of the model to the white circle.</p>
<p style="text-align: center;">Set the layer&#8217;s blending mode to Lighten, and it&#8217;s opacity to 50%.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6049" alt="astral 23" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-23.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Now add a new layer above all the other layers.</p>
<p style="text-align: center;">Draw a radial gradient over the model&#8217;s left shoulder using the colour #fd2a9a.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6050" alt="astral 24" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-24.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Set the layer&#8217;s blending mode to Lighten.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6051" alt="astral 25" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-25.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Take the Line Tool and draw a 45 degree (hold down shift) white 1px line as shown below.</p>
<p style="text-align: center;">Duplicate the line layer and move it downwards.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-6052" alt="astral 26" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-26.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Duplicate the space layer twice, and move the layers above all the others.</p>
<p style="text-align: center;">Set both layer&#8217;s blending modes to Screen.</p>
<p style="text-align: center;">Use a radial black to transparent gradient to draw a small gradient in the top layer mask and a larger one in the bottom layer mask.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-6053" alt="astral 27" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-27.jpg" width="425" height="593" /></p>
<p style="text-align: center;">Finally add a Selective Color adjustment layer and adjust the sliders in the Whites as shown below.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-6054" alt="astral 28" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/astral-28.jpg" width="425" height="593" /></p>
<h2 style="text-align: left;">The Final Outcome</h2>
<p style="text-align: center;"><img class="aligncenter  wp-image-6055" alt="600" src="http://blog.designnocturne.com/wp-content/uploads/2012/12/600.jpg" width="462" height="644" /></p>
<p style="text-align: center;">Please leave a comment and use the share buttons below.</p>
<p style="text-align: right;">Thanks for reading :)</p>
<p style="text-align: right;"><em>© DesignNocturne</em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.designnocturne.com/2012/12/16/astral-illustration-tutorial/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Add cinematic drama to a photo</title>
		<link>http://blog.designnocturne.com/2012/10/28/add-cinematic-drama-to-a-photo/</link>
		<comments>http://blog.designnocturne.com/2012/10/28/add-cinematic-drama-to-a-photo/#comments</comments>
		<pubDate>Sun, 28 Oct 2012 20:24:16 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[FEATURED]]></category>

		<guid isPermaLink="false">http://blog.designnocturne.com/?p=6006</guid>
		<description><![CDATA[Skill Level: Intermediate Learn how to add cinematic drama to your photos by simulating lens blur, and adding photo filters, and sharpening detail. The Final Outcome The stock photo I&#8217;ve used for this tutorial was provided by deviantART member Sunshine114, and can be downloaded for free here. Take the Quick Selection Tool and draw over the [...]]]></description>
				<content:encoded><![CDATA[<h3 style="text-align: right;"><em>Skill Level: Intermediate</em></h3>
<p style="text-align: center;">Learn how to add cinematic drama to your photos by simulating lens blur, and adding photo filters, and sharpening detail.</p>
<h2>The Final Outcome</h2>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/6001.jpg"><img class="aligncenter  wp-image-6020" title="600" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/6001.jpg" alt="" width="462" height="692" /></a></p>
<p style="text-align: center;">The stock photo I&#8217;ve used for this tutorial was provided by deviantART member <a href="http://sunshine114.deviantart.com/">Sunshine114</a>, and can be downloaded for free <em><strong><a href="http://sunshine114.deviantart.com/art/One-giant-leap-for-stock-kind-208706497" target="_blank">here</a></strong></em>.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-1.jpg"><img class="aligncenter size-full wp-image-6008" title="cinematic portrait 1" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-1.jpg" alt="" width="425" height="637" /></a></p>
<p style="text-align: center;">Take the Quick Selection Tool and draw over the sky and buildings in the background.</p>
<p style="text-align: center;">You can use the &#8216;[' and ']&#8216; keys to change the size of the brush, and hold down the alt key to subtract from the selection.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-2.jpg"><img class="aligncenter size-full wp-image-6009" title="cinematic portrait 2" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-2.jpg" alt="" width="425" height="637" /></a></p>
<p style="text-align: center;">When you&#8217;ve made the best selection you can, go to Select &gt; Refine Edge.</p>
<p style="text-align: center;">Use the Refine Radius Tool to draw over the edge of the hair, improving the edge.</p>
<p style="text-align: center;">When you&#8217;re finished make sure the output is set to New Layer with Layer Mask, and click OK.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-3.jpg"><img class="aligncenter size-full wp-image-6010" title="cinematic portrait 3" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-3.jpg" alt="" width="425" height="637" /></a></p>
<p style="text-align: center;">With your new layer selected, go to Filter &gt; Blur &gt; Lens Blur.</p>
<p style="text-align: center;">Use the same settings as I have in the image above, making sure the Source for the Depth Map is set to Layer Mask.</p>
<p style="text-align: center;">Click OK, and then wait for the Lens Blur filter to render.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-4.jpg"><img class="aligncenter size-full wp-image-6011" title="cinematic portrait 4" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-4.jpg" alt="" width="425" height="637" /></a></p>
<p style="text-align: center;">When it&#8217;s done, duplicate the layer, and select it&#8217;s layer mask.</p>
<p style="text-align: center;">Go to Image &gt; Adjustments &gt; Invert.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-5.jpg"><img class="aligncenter size-full wp-image-6012" title="cinematic portrait 5" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-5.jpg" alt="" width="425" height="637" /></a></p>
<p style="text-align: center;">Call the layer &#8216;high pass&#8217;, and with the layer thumbnail selected, go to Filter &gt; Other &gt; High Pass.</p>
<p style="text-align: center;">Set the Radius to 2.5px.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-6.jpg"><img class="aligncenter size-full wp-image-6013" title="cinematic portrait 6" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-6.jpg" alt="" width="425" height="637" /></a></p>
<p style="text-align: center;">Set the layer&#8217;s blending mode to Overlay, then duplicate the layer a couple of times to strengthen the effect.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-7.jpg"><img class="aligncenter size-full wp-image-6014" title="cinematic portrait 7" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-7.jpg" alt="" width="425" height="637" /></a></p>
<p style="text-align: center;">Click on the Adjustment Layer button at the bottom of the layers panel, and choose Hue/Saturation.</p>
<p style="text-align: center;">Set the Saturation to -75.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-8.jpg"><img class="aligncenter size-full wp-image-6015" title="cinematic portrait 8" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-8.jpg" alt="" width="425" height="637" /></a></p>
<p style="text-align: center;">Next add a Color adjustment layer using the colour #00fff6.</p>
<p style="text-align: center;">Take the layer opacity down to 5%, and set it&#8217;s blending mode to Lighten.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-9.jpg"><img class="aligncenter size-full wp-image-6016" title="cinematic portrait 9" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-9.jpg" alt="" width="425" height="637" /></a></p>
<p style="text-align: center;">Add a Photo Filter layer using the colour #ec8a00 with the Density set to 10%.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-10.jpg"><img class="aligncenter size-full wp-image-6017" title="cinematic portrait 10" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-10.jpg" alt="" width="425" height="637" /></a></p>
<p style="text-align: center;">Add an Exposure adjustment layer and subtly tweak the sliders to strengthen the shadows and highlights as I have n the image above.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-11.jpg"><img class="aligncenter size-full wp-image-6018" title="cinematic portrait 11" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-11.jpg" alt="" width="425" height="637" /></a></p>
<p style="text-align: center;">Finally add a gradient adjustment layer using a black to transparent Radial gradient with the Scale set to 150%.</p>
<p style="text-align: center;">Set the layer&#8217;s blending mode to Soft Light.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-12.jpg"><img class="aligncenter size-full wp-image-6019" title="cinematic portrait 12" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cinematic-portrait-12.jpg" alt="" width="425" height="637" /></a></p>
<p style="text-align: center;">Duplicate the layer, and set the duplicates opacity to 50%.</p>
<h2>The Final Outcome</h2>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/6001.jpg"><img class="aligncenter  wp-image-6020" title="600" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/6001.jpg" alt="" width="480" height="719" /></a></p>
<p style="text-align: center;">Please leave a comment and use the share buttons below.</p>
<p style="text-align: right;">Thanks for reading :)</p>
<p style="text-align: right;"><em>© DesignNocturne</em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.designnocturne.com/2012/10/28/add-cinematic-drama-to-a-photo/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Cupcake pink photo effect</title>
		<link>http://blog.designnocturne.com/2012/10/14/cupcake-pink-photo-effect/</link>
		<comments>http://blog.designnocturne.com/2012/10/14/cupcake-pink-photo-effect/#comments</comments>
		<pubDate>Sun, 14 Oct 2012 16:38:47 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[FEATURED]]></category>

		<guid isPermaLink="false">http://blog.designnocturne.com/?p=5980</guid>
		<description><![CDATA[Skill Level: Beginner Learn how to give your photos a warm, pink and yummy flavour, great for cakes and confectionary. The Final Outcome The Photo Well lit photos with pinks and whites will work great with this effect. The stock photo I&#8217;ve used for this tutorial can be downloaded here. 1. First, with the photo [...]]]></description>
				<content:encoded><![CDATA[<h3 style="text-align: right;"><em>Skill Level: Beginner</em></h3>
<p style="text-align: left;">Learn how to give your photos a warm, pink and yummy flavour, great for cakes and confectionary.</p>
<h2 style="text-align: left;"><span style="text-decoration: underline;">The Final Outcome</span></h2>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/600.jpg"><img class="aligncenter  wp-image-5989" title="600" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/600.jpg" alt="" width="416" height="337" /></a></p>
<h2><span style="text-decoration: underline;">The Photo</span></h2>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cupcake-tutorial.jpg"><img class="aligncenter size-full wp-image-5988" title="cupcake tutorial" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cupcake-tutorial.jpg" alt="" width="425" height="346" /></a></p>
<p style="text-align: center;">Well lit photos with pinks and whites will work great with this effect.</p>
<p style="text-align: center;">The stock photo I&#8217;ve used for this tutorial can be downloaded <a href="http://sassy-stock.deviantart.com/art/Cake-8-Stock-128079809" target="_blank"><em><strong>here</strong></em></a>.</p>
<h2><span style="text-decoration: underline;">1.</span></h2>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2011/08/curves-adjustment-layer.jpg"><img class="aligncenter size-full wp-image-2533" title="curves adjustment layer" src="http://blog.designnocturne.com/wp-content/uploads/2011/08/curves-adjustment-layer.jpg" alt="" width="242" height="293" /></a></p>
<p style="text-align: center;">First, with the photo open in Photoshop, click on the adjustment layer button at the bottom of the layer panel and choose Curves.</p>
<h2><span style="text-decoration: underline;">2.</span></h2>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cupcake-tutorial-1.jpg"><img class="aligncenter size-full wp-image-5981" title="cupcake tutorial 1" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cupcake-tutorial-1.jpg" alt="" width="425" height="346" /></a></p>
<p style="text-align: center;">We&#8217;ll now adjust the contrast of the photo using only the color picker options.</p>
<p style="text-align: center;">Click on the black colour picker button in the Curves box, then find a dark spot in the photo and click on it to establish it as the darkest point of the photo.</p>
<p style="text-align: center;">Then similarly take the white color picker and use it to choose the lightest part of the photo.</p>
<h2><span style="text-decoration: underline;">3.</span></h2>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cupcake-tutorial-2.jpg"><img class="aligncenter size-full wp-image-5982" title="cupcake tutorial 2" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cupcake-tutorial-2.jpg" alt="" width="425" height="346" /></a></p>
<p style="text-align: center;">Next, add a Selective Color adjustment layer, and in the Colors dropdown box choose Whites.</p>
<p style="text-align: center;">Move the Yellow slider up to +25, giving the white part of the photo a yellow tint.</p>
<h2><span style="text-decoration: underline;">4.</span></h2>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cupcake-tutorial-3.jpg"><img class="aligncenter size-full wp-image-5983" title="cupcake tutorial 3" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cupcake-tutorial-3.jpg" alt="" width="425" height="346" /></a></p>
<p style="text-align: center;">Now choose Neutrals, and take the Magenta slider to +20.</p>
<h2><span style="text-decoration: underline;">5.</span></h2>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cupcake-tutorial-4.jpg"><img class="aligncenter size-full wp-image-5984" title="cupcake tutorial 4" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cupcake-tutorial-4.jpg" alt="" width="425" height="346" /></a></p>
<p style="text-align: center;">Finally choose Blacks, and take the Yellow slider to -30, and the Black slider to -5.</p>
<h2><span style="text-decoration: underline;">6.</span></h2>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cupcake-tutorial-5.jpg"><img class="aligncenter size-full wp-image-5985" title="cupcake tutorial 5" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cupcake-tutorial-5.jpg" alt="" width="425" height="346" /></a></p>
<p style="text-align: center;">Lastly we will lighten the top  of the image with a couple of Gradients.</p>
<p style="text-align: center;">Make sure you your foreground colour set to white in your colour palette, then add a Gradient adjustment layer.</p>
<p style="text-align: center;">The gradient should be set to white to transparent as default, if not you will have to change it manually.</p>
<p style="text-align: center;">Set it to Linear with the angle at -90, and the scale at 100%.</p>
<h2><span style="text-decoration: underline;">7.</span></h2>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cupcake-tutorial-6.jpg"><img class="aligncenter size-full wp-image-5986" title="cupcake tutorial 6" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cupcake-tutorial-6.jpg" alt="" width="425" height="346" /></a></p>
<p style="text-align: center;">Set the gradient layer&#8217;s blending mode to Soft Light.</p>
<h2><span style="text-decoration: underline;">8.</span></h2>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/cupcake-tutorial-7.jpg"><img class="aligncenter size-full wp-image-5987" title="cupcake tutorial 7" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/cupcake-tutorial-7.jpg" alt="" width="425" height="346" /></a></p>
<p style="text-align: center;">Duplicate the gradient layer, and take the duplicate&#8217;s layers opacity down to 50%.</p>
<h2><span style="text-decoration: underline;">The Final Outcome</span></h2>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/600.jpg"><img class="aligncenter  wp-image-5989" title="600" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/600.jpg" alt="" width="432" height="350" /></a></p>
<p style="text-align: center;">Here&#8217;s how the final effect should look.</p>
<p style="text-align: center;">Below are some more examples of photos with exactly the same process applied.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/example-1.jpg"><img class="aligncenter size-full wp-image-5991" title="example 1" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/example-1.jpg" alt="" width="425" height="349" /></a></p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/example-2.jpg"><img class="aligncenter size-full wp-image-5992" title="example 2" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/example-2.jpg" alt="" width="425" height="319" /></a></p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/example-3.jpg"><img class="aligncenter size-full wp-image-5993" title="example 3" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/example-3.jpg" alt="" width="425" height="345" /></a></p>
<p style="text-align: right;">Please leave a comment and use the share buttons below.</p>
<p style="text-align: right;">Thanks for reading :)</p>
<p style="text-align: right;"><em>© DesignNocturne</em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.designnocturne.com/2012/10/14/cupcake-pink-photo-effect/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Demon Portrait Retouch Tutorial</title>
		<link>http://blog.designnocturne.com/2012/10/03/demon-tutorial/</link>
		<comments>http://blog.designnocturne.com/2012/10/03/demon-tutorial/#comments</comments>
		<pubDate>Wed, 03 Oct 2012 19:05:14 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[FEATURED]]></category>

		<guid isPermaLink="false">http://blog.designnocturne.com/?p=5908</guid>
		<description><![CDATA[Skill Level: Advanced In this tutorial you&#8217;ll learn how to transform a girl into a demon You&#8217;ll learn how to to remove hair, darken and lighten skin, and blacken eyes all in Photoshop. Step 1: Removing the hair The model stock photo we will use as a base for this tutorial can be downloaded here. [...]]]></description>
				<content:encoded><![CDATA[<h2 style="text-align: right;">Skill Level: Advanced</h2>
<p style="text-align: center;">In this tutorial you&#8217;ll learn how to transform a girl into a demon</p>
<p style="text-align: center;">You&#8217;ll learn how to to remove hair, darken and lighten skin, and blacken eyes all in Photoshop.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial.jpg"><img class="aligncenter  wp-image-5952" title="demon tutorial" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial.jpg" alt="" width="420" height="662" /></a></p>
<h2 style="text-align: center;"><span style="text-decoration: underline;">Step 1: Removing the hair</span></h2>
<p style="text-align: center;">The model stock photo we will use as a base for this tutorial can be downloaded <a href="http://faestock.deviantart.com/art/Clean-271968855" target="_blank"><em><strong>here</strong></em></a>.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-1.png"><img class="aligncenter size-full wp-image-5909" title="demon tutorial 1" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-1.png" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">Use the <em>Pen Tool</em> to draw around the edge of the model.</p>
<p style="text-align: center;">Ignore the shape of the hair, and just round off the top of the head in line with where the scalp would be.</p>
<p style="text-align: center;">When you&#8217;re done, use the <em>Direct Selection Tool</em> to right click, and choose <em>Make Selection</em>.</p>
<p style="text-align: center;">Invert the selection, and delete the background.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-2.png"><img class="aligncenter size-full wp-image-5910" title="demon tutorial 2" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-2.png" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">Next make a selection across the forehead using the <em>Polygonal Lasso Tool</em>.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-3.png"><img class="aligncenter size-full wp-image-5911" title="demon tutorial 3" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-3.png" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">Copy and paste the selection into a new layer with a clipping mask, then use the transform tool to stretch the area over the top of the head.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-4.png"><img class="aligncenter size-full wp-image-5912" title="demon tutorial 4" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-4.png" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">Use an additional selection of skin to cover the areas around the ears, so all of the hair is completely covered.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-5.png"><img class="aligncenter size-full wp-image-5913" title="demon tutorial 5" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-5.png" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">Using layer masks and a soft black brush, mask out the hard edges of the skin layers, blending them into the original layer.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-6.png"><img class="aligncenter size-full wp-image-5914" title="demon tutorial 6" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-6.png" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">use the <em>Polygonal Lasso Tool</em> to make a selection around the left ear, copy and paste it into a new layer. Then use the <em>Move Tool</em> enlarge and rotate it a little, and move it inwards to hide the hair that overlaps the ear.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-7.jpg"><img class="aligncenter size-full wp-image-5915" title="demon tutorial 7" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-7.jpg" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">Back in the model layer, use a layer mask, and a black brush to mask out the original ear.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-8.jpg"><img class="aligncenter size-full wp-image-5916" title="demon tutorial 8" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-8.jpg" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">Once you&#8217;ve done the same for the right ear, make a new layer and set it&#8217;s blending mode to <em>Lighten</em>.</p>
<p style="text-align: center;">Use the colour picker to find a suitable skin colour, then take a soft brush set to <em>Lighten</em> at 20% opacity and paint over any areas of shadow or unnatural colours.</p>
<h2 style="text-align: center;"><span style="text-decoration: underline;">Step 2: Removing the eyebrows</span></h2>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-9.jpg"><img class="aligncenter size-full wp-image-5917" title="demon tutorial 9" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-9.jpg" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">Back in the model layer, use the <em>Lasso Tool</em> to make a selection over the left eyebrow, the go to <em>Edit &gt; Fill,</em> and choose <em>Content Aware</em>.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-10.jpg"><img class="aligncenter size-full wp-image-5918" title="demon tutorial 10" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-10.jpg" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">You may need make aditional selections over parts that the content aware fill didn&#8217;t quite remove.</p>
<p style="text-align: center;">Once you have erased both eyebrows as best as you can, return to the skin layer that you&#8217;ve just used for the ears.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-11.jpg"><img class="aligncenter size-full wp-image-5919" title="demon tutorial 11" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-11.jpg" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">Using a soft brush with a colour similar to the area around the eyebrows, paint a few times over each eyebrow to even out the skin colour.</p>
<h2 style="text-align: center;"><span style="text-decoration: underline;">Step 3: Blackening the eyes</span></h2>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-12.jpg"><img class="aligncenter size-full wp-image-5920" title="demon tutorial 12" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-12.jpg" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">You can now group all the layers together, then make a new layer called &#8216;left eye&#8217;.</p>
<p style="text-align: center;">Use the <em>Pen Tool</em> to draw around the left eye, turn it into a selection and fill it with white.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-13.jpg"><img class="aligncenter size-full wp-image-5921" title="demon tutorial 13" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-13.jpg" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">Double click on the layer to bring up the <em>Layer Styles</em> box.</p>
<p style="text-align: center;">Choose <em>Outer Glow</em>, set it to <em>Linear Light</em> at 30%, use black and set the <em>Size</em> to 25 pixels.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-14.jpg"><img class="aligncenter size-full wp-image-5922" title="demon tutorial 14" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-14.jpg" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">Choose <em>Inner Glow</em>, set to <em>Normal</em>, black, and set the <em>Size</em> to 90.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-15.jpg"><img class="aligncenter size-full wp-image-5923" title="demon tutorial 15" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-15.jpg" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">And finally choose <em>Color Overlay</em> and set the colour to a very dark grey (#303030).</p>
<p style="text-align: center;">Click <em>OK</em>.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-16.jpg"><img class="aligncenter size-full wp-image-5924" title="demon tutorial 16" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-16.jpg" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">Repeat exactly the same process for the right eye in a new layer.</p>
<p style="text-align: center;">Next we&#8217;ll create two new layers for the shine on each eye.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-17.jpg"><img class="aligncenter size-full wp-image-5925" title="demon tutorial 17" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-17.jpg" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">First, with the &#8216;right eye&#8217; layer selected, <em>cmd </em>or<em> crtl</em> click on the layer thumbnail to make a selection of the eye.</p>
<p style="text-align: center;">Back in the &#8216;model&#8217; layer, copy and then paste the selection into a new layer called &#8216;right eye shine&#8217;.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-18.jpg"><img class="aligncenter size-full wp-image-5926" title="demon tutorial 18" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-18.jpg" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">Go to <em>Image &gt; Adjustments &gt; Levels</em>.</p>
<p style="text-align: center;">Use the sliders to darken the eye as much as possible without losing the shiny areas.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-19.jpg"><img class="aligncenter size-full wp-image-5927" title="demon tutorial 19" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-19.jpg" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">Now, with a small black brush, paint over the whites of the eye, leaving only the eye shine visible.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-20.jpg"><img class="aligncenter size-full wp-image-5928" title="demon tutorial 20" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-20.jpg" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">Finally, change the layer&#8217;s blending mode to <em>Screen</em>.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-21.jpg"><img class="aligncenter size-full wp-image-5929" title="demon tutorial 21" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-21.jpg" alt="" width="425" height="599" /></a></p>
<p style="text-align: center;">Repeat exactly the same process to add the shine to the left eye.</p>
<p style="text-align: center;">Now save the file to your desktop as a <em>PSD</em>, and close it.</p>
<h2 style="text-align: center;"><span style="text-decoration: underline;">Step 4: Creating the background</span></h2>
<p style="text-align: center;">We&#8217;ll now move into a new document where we&#8217;ll create the background, and add the final touches.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-22.jpg"><img class="aligncenter size-full wp-image-5930" title="demon tutorial 22" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-22.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">Create a new 1900 x 3000 px document.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-23.jpg"><img class="aligncenter size-full wp-image-5931" title="demon tutorial 23" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-23.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">Click on the <em>Adjustment Layer</em> button at the bottom of the layers panel, and choose <em>Gradient</em>.</p>
<p style="text-align: center;">Use a black to white <em>Radial</em> gradient.</p>
<p style="text-align: center;">Take the <em>Gradient</em> layer&#8217;s <em>Opacity</em> down to 20%.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-24.jpg"><img class="aligncenter size-full wp-image-5932" title="demon tutorial 24" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-24.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">Drag your <em>PSD</em> into your new document, and position it at the bottom of the image.</p>
<h2 style="text-align: center;"><span style="text-decoration: underline;">Step 5: Bleaching the skin</span></h2>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-25.jpg"><img class="aligncenter size-full wp-image-5933" title="demon tutorial 25" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-25.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">Add a <em>Hue/Saturation</em> adjustment layer, and right click on it choosing <em>Create Clipping Mask</em>.</p>
<p style="text-align: center;">Take the saturation down to -80.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-26.jpg"><img class="aligncenter size-full wp-image-5934" title="demon tutorial 26" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-26.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">Add a <em>Levels</em> adjustment layer, and adjust the sliders as I have above to lighten the skin.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-27.jpg"><img class="aligncenter size-full wp-image-5935" title="demon tutorial 27" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-27.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">Now in the <em>Levels 1</em> layer mask, take a large soft black brush, and mask out the area from the base of the nose downwards.</p>
<h2 style="text-align: center;"><span style="text-decoration: underline;">Step 6: Darkening the skin</span></h2>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-28.jpg"><img class="aligncenter size-full wp-image-5936" title="demon tutorial 28" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-28.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">Add another <em>Levels</em> layer with a clipping mask, and with its layer mask selected, go to<em> Image &gt; Apply Image&#8230;</em></p>
<p style="text-align: center;">In the <em>Layer</em> field choose <em>Levels 1</em>, for the <em>Channel</em> select <em>Layer Mask</em>, and tick the <em>Invert</em> box.</p>
<p style="text-align: center;">Click <em>OK</em>.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-29.jpg"><img class="aligncenter size-full wp-image-5937" title="demon tutorial 29" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-29.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">The adjustments we make to the Levels layer will now only affect the lower part of the image.</p>
<p style="text-align: center;">Now adjust the sliders as I have above to darken the skin.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-30.jpg"><img class="aligncenter size-full wp-image-5938" title="demon tutorial 30" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-30.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">Add a <em>Hue/Saturation</em> adjustment Layer with a clipping mask, and take the saturation down to -100.</p>
<p style="text-align: center;">Apply the inverted layer mask like you did for the <em>Levels 2</em> layer.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-31.jpg"><img class="aligncenter size-full wp-image-5939" title="demon tutorial 31" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-31.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">Finally, back in the <em>Levels 2</em> layer mask, take a small soft white brush with the Opacity set to 10%, and paint over the lips a few times to gradually darken them.</p>
<h2 style="text-align: center;"><span style="text-decoration: underline;">Step 7: Adding the eye shadow</span></h2>
<p style="text-align: center;">Add a new layer above all the others, and call it &#8216;left eye&#8217;.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-32.jpg"><img class="aligncenter size-full wp-image-5940" title="demon tutorial 32" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-32.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">With the <em>Pen Tool</em>, click to add a point in the corner of the left eye closest to the nose, the drag up and across then release. Add another point a little above the eye, drag in the direction of the curve and release.</p>
<p style="text-align: center;">Repeat this copying the shape in my example above, and when you get to the side of the head, <em>alt</em> click on that point to stop the next point from making a curve, then continue as normal until you meet up with the first point again.</p>
<p style="text-align: center;">You can use the <em>Direct Selection Tool</em> to alter the points if you need to.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-33.jpg"><img class="aligncenter size-full wp-image-5941" title="demon tutorial 33" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-33.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">When you&#8217;re finished, right click with the <em>Direct Selection Tool</em> and choose <em>Fill Path</em>, then select<em> Black</em>, to fill the shape with black.</p>
<p style="text-align: center;">Go to <em>Filter &gt; Blur &gt; Gaussian Blur,</em> and set the <em>Radius</em> to 25px.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-34.jpg"><img class="aligncenter size-full wp-image-5942" title="demon tutorial 34" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-34.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">Now you can right click with the <em>Direct Selection Tool</em> and choose <em>Delete Path.</em></p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-35.jpg"><img class="aligncenter size-full wp-image-5943" title="demon tutorial 35" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-35.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">Duplicate the layer then go to <em>Edit &gt; Transform &gt; Flip Horizontal</em>.</p>
<p style="text-align: center;">Position the duplicated layer over the right eye with the <em>Move Tool</em>.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-36.jpg"><img class="aligncenter size-full wp-image-5944" title="demon tutorial 36" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-36.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">For each eye take the <em>Eraser Tool</em> and erase the shadow where it overlaps the eye.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-37.jpg"><img class="aligncenter size-full wp-image-5945" title="demon tutorial 37" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-37.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">Finally duplicate the shadow layer for each eye, so you have two shadow layers for each eye.</p>
<p style="text-align: center;">For the top right eye layer, set the blending mode to <em>Overlay</em>, and for the bottom one set the blending mode to <em>Normal</em>, and take the <em>Opacity</em> down to 30%.</p>
<p style="text-align: center;">Do the same for the left eye shadow layers.</p>
<h2 style="text-align: center;"><span style="text-decoration: underline;">Step 8: Adding the horns</span></h2>
<p style="text-align: center;">To add the horns we&#8217;ll be using a stock photo that can be downloaded <a href="http://use-me.deviantart.com/art/Stock-70-horns-37944965" target="_blank"><em><strong>here</strong></em></a>.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/10/antlers.jpg"><img class="aligncenter size-full wp-image-5960" title="antlers" src="http://blog.designnocturne.com/wp-content/uploads/2012/10/antlers.jpg" alt="" width="425" height="550" /></a></p>
<p style="text-align: center;">With the photo open in Photoshop, use the <em>Quick Selection Tool</em> to make a selection over each of the horns, and copy/paste them into your project.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-38.jpg"><img class="aligncenter size-full wp-image-5946" title="demon tutorial 38" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-38.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">Resize and position them as I have above.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-39.jpg"><img class="aligncenter size-full wp-image-5947" title="demon tutorial 39" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-39.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">Merge both antler layers together, then duplicate the layer.</p>
<p style="text-align: center;">With the duplicated layer selected, go to <em>Edit &gt; Transform &gt; Flip Vertical</em>, then use the <em>Move Tool</em> to line up the base of the antlers with the ones below.</p>
<p style="text-align: center;">Go to <em>Image &gt; Adjustments &gt; Threshold</em> and take the slider all the way to the right to blacken the antlers.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-40.jpg"><img class="aligncenter size-full wp-image-5948" title="demon tutorial 40" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-40.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">Move the &#8216;antlers shadow&#8217; layer below the &#8216;antlers&#8217; layer, then apply a <em>Gaussian Blur</em> set to 50px.</p>
<p style="text-align: center;">Move the antlers shadow layer down below all the eye shadow layers, and give it a clipping mask.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-41.jpg"><img class="aligncenter size-full wp-image-5949" title="demon tutorial 41" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-41.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">Duplicate the layer and give the copy a clipping mask as well.</p>
<p style="text-align: center;">Set the lower shadow layer&#8217;s blending mode to <em>Overlay</em>, and set the top one to <em>Normal</em> at 50% opacity.</p>
<p style="text-align: center;">In the copy layer, use an eraser to erase the shadow from the ears and lower down the face, leaving the shadow only in the immediate area of the base of the antlers.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-42.jpg"><img class="aligncenter size-full wp-image-5950" title="demon tutorial 42" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial-42.jpg" alt="" width="425" height="671" /></a></p>
<p style="text-align: center;">Finally in a new layer above the antler shadow layers, take a large soft black brush, then paint carefully around the edge of the base of the antlers to create a small shadow.</p>
<p style="text-align: center;">Set the layer&#8217;s blending mode to <em>Overlay</em>, then duplicate it and set the copy&#8217;s blending mode to <em>Normal</em> at 50% opacity.</p>
<h2 style="text-align: center;"><span style="text-decoration: underline;">The Final Outcome</span></h2>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial.jpg"><img class="aligncenter  wp-image-5952" title="demon tutorial" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/demon-tutorial.jpg" alt="" width="462" height="728" /></a></p>
<p style="text-align: center;">And here’s how your authentic holographic lady will end up looking.</p>
<p style="text-align: center;">Please leave a comment and use the share buttons below.</p>
<p style="text-align: center;">Thanks for reading :)</p>
<p style="text-align: center;"><em>© DesignNocturne</em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.designnocturne.com/2012/10/03/demon-tutorial/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Holographic Effect Tutorial</title>
		<link>http://blog.designnocturne.com/2012/09/11/holographic-effect-tutorial/</link>
		<comments>http://blog.designnocturne.com/2012/09/11/holographic-effect-tutorial/#comments</comments>
		<pubDate>Tue, 11 Sep 2012 21:15:28 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[FEATURED]]></category>

		<guid isPermaLink="false">http://blog.designnocturne.com/?p=5854</guid>
		<description><![CDATA[Skill Level: Intermediate In this tutorial I&#8217;ll be showing you how to create a holograph effect straight out of a science fiction movie. For the background we will use a very cool stock photo courtesy of Tebh-stock, that can be downloaded here. First of all we want to brighten the image a little, so with the [...]]]></description>
				<content:encoded><![CDATA[<h3 style="text-align: right;">Skill Level: Intermediate</h3>
<p style="text-align: center;">
<p style="text-align: center;">In this tutorial I&#8217;ll be showing you how to create a holograph effect straight out of a science fiction movie.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/6001.jpg"><img class="aligncenter  wp-image-5874" title="Holographic Effect Tutorial" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/6001.jpg" alt="" width="462" height="278" /></a></p>
<p style="text-align: center;">For the background we will use a very cool stock photo courtesy of <a href="http://tebh-stock.deviantart.com/">Tebh-stock</a>, that can be downloaded <em><a href="http://tebh-stock.deviantart.com/art/White-cube-room-1-142578499" target="_blank">here</a></em>.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-1.jpg"><img class="aligncenter size-full wp-image-5856" title="hologram tutorial 1" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-1.jpg" alt="" width="450" height="272" /></a></p>
<p style="text-align: center;">First of all we want to brighten the image a little, so with the photo open in Photoshop, go to <em>Image &gt; Adjustments &gt; Curves</em>.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-2.jpg"><img class="aligncenter size-full wp-image-5857" title="hologram tutorial 2" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-2.jpg" alt="" width="450" height="272" /></a></p>
<p style="text-align: center;">In the dialog box, click on the white colour picker button then tap on the area that you want to become the whitest point in the image.</p>
<p style="text-align: center;">Click OK.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-3.jpg"><img class="aligncenter size-full wp-image-5858" title="hologram tutorial 3" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-3.jpg" alt="" width="450" height="272" /></a></p>
<p style="text-align: center;">Now go to <em>Filter &gt; Blur &gt; Gaussian Blur</em>, and set the Radius to 6 pixels.</p>
<p style="text-align: center;">Click OK.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-4.jpg"><img class="aligncenter size-full wp-image-5859" title="hologram tutorial 4" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-4.jpg" alt="" width="450" height="272" /></a></p>
<p style="text-align: center;">Finally, click on the adjustment layer button at the bottom of the layers panel, and choose <em>Photo Filter</em>.</p>
<p style="text-align: center;">Set the Color to #001eff with the Density at 25%, then set the layer&#8217;s blending mode to <em>Lighten</em>.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/rainbow_leia_1a_by_jagged_eye-d37z6mn.jpg"><img class="aligncenter size-full wp-image-5876" title="rainbow_leia_1a_by_jagged_eye-d37z6mn" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/rainbow_leia_1a_by_jagged_eye-d37z6mn.jpg" alt="" width="400" height="579" /></a></p>
<p style="text-align: center;">The model or our holograph is a fabulous Princess Leia courtesy of <a href="http://jagged-eye.deviantart.com/">jagged-eye</a>, which can be downloaded <em><a href="http://jagged-eye.deviantart.com/art/Rainbow-Leia-1a-194797391" target="_blank">here</a>.</em></p>
<p style="text-align: center;">Once downloaded, open the image in Photoshop.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-5.jpg"><img class="aligncenter size-full wp-image-5860" title="hologram tutorial 5" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-5.jpg" alt="" width="400" height="577" /></a></p>
<p style="text-align: center;">Use the Quick Selection Tool to draw a selection over the model, then use the Refine Edge sliders to tidy up the selection.</p>
<p style="text-align: center;">More info on making selections can be found <em><a href="http://blog.designnocturne.com/2011/04/08/photoshop-tip-making-selections/" target="_blank">here</a></em>.</p>
<p style="text-align: center;">Copy and paste the selection into your background, resize, and position it as I have below.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-6.jpg"><img class="aligncenter size-full wp-image-5861" title="hologram tutorial 6" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-6.jpg" alt="" width="450" height="272" /></a></p>
<p style="text-align: center;">Duplicate the model layer twice, so you have three layers. Call the bottom one &#8216;glow&#8217;, the middle one &#8216;blur&#8217;, and the top layer &#8216;hologram&#8217;.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-8.jpg"><img class="aligncenter size-full wp-image-5863" title="hologram tutorial 8" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-8.jpg" alt="" width="450" height="272" /></a></p>
<p style="text-align: center;">You can hide the top two layers for now, and double click on the <em>glow</em> layer to bring up the Layer Styles dialog box.</p>
<p style="text-align: center;">In the Blending Options take the Fill Opacity down to 0%.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-9.jpg"><img class="aligncenter size-full wp-image-5864" title="hologram tutorial 9" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-9.jpg" alt="" width="450" height="272" /></a></p>
<p style="text-align: center;">Next click on Outer Glow, set the Opacity to 30%, the color to #001eff, and the size to 50%.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-10.jpg"><img class="aligncenter size-full wp-image-5865" title="hologram tutorial 10" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-10.jpg" alt="" width="450" height="272" /></a></p>
<p style="text-align: center;">Click on Outer Glow and set the Opacity to 30%, the color to #001eff, and the size to 250%.</p>
<p style="text-align: center;">Click OK.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-11.jpg"><img class="aligncenter size-full wp-image-5866" title="hologram tutorial 11" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-11.jpg" alt="" width="450" height="272" /></a></p>
<p style="text-align: center;">Now unhide the <em>blur</em> layer, and give it a Gaussian Blur set to 10 pixels.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-12.jpg"><img class="aligncenter size-full wp-image-5867" title="hologram tutorial 12" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-12.jpg" alt="" width="450" height="272" /></a></p>
<p style="text-align: center;">Set the <em>blur</em> layer&#8217;s blending mode to Soft Light.</p>
<p style="text-align: center;">Next we&#8217;ll create a pattern to use for the hologram texture.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-14.jpg"><img class="aligncenter size-full wp-image-5869" title="hologram tutorial 14" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-14.jpg" alt="" width="450" height="272" /></a></p>
<p style="text-align: center;">Open a new 1px x 10px document, and use the Rectanglar Marquee Tool to make a selection over the top half of the image.</p>
<p style="text-align: center;">Create a new layer, go to <em>Edit &gt; Fill,</em> and fill it with black.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-15.jpg"><img class="aligncenter size-full wp-image-5870" title="hologram tutorial 15" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-15.jpg" alt="" width="450" height="272" /></a></p>
<p style="text-align: center;">Delete the bottom Background layer, then go to <em>Edit &gt; Define Pattern</em>, and give your pattern a name.</p>
<p style="text-align: center;">Now back in your project, set the <em>hologram</em> layer&#8217;s blending mode to Color Burn, and set the Opacity to 30%.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-16.jpg"><img class="aligncenter size-full wp-image-5871" title="hologram tutorial 16" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-16.jpg" alt="" width="450" height="272" /></a></p>
<p style="text-align: center;">Give the <em>hologram</em> layer a layer mask, and with the layer mask thumbnail selected, go to <em>Edit &gt; Fill&#8230;</em></p>
<p style="text-align: center;">Choose your new pattern from the Contents list, then click OK to apply the pattern to the layer mask.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-17.jpg"><img class="aligncenter size-full wp-image-5872" title="hologram tutorial 17" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-17.jpg" alt="" width="450" height="272" /></a></p>
<p style="text-align: center;">Duplicate the <em>hologram</em> layer, and set the duplicate&#8217;s blending mode to Overlay at 100% Opacity.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-18.jpg"><img class="aligncenter size-full wp-image-5873" title="hologram tutorial 18" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/hologram-tutorial-18.jpg" alt="" width="450" height="272" /></a></p>
<p style="text-align: center;">Finally click on it&#8217;s layer mask thumbnail and go to <em>Image &gt; Adjustments &gt; Invert.</em></p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/09/6001.jpg"><img class="wp-image-5874 aligncenter" title="Holograph Effect" src="http://blog.designnocturne.com/wp-content/uploads/2012/09/6001.jpg" alt="" width="480" height="290" /></a></p>
<p style="text-align: center;">And here&#8217;s how your authentic holographic lady will end up looking.</p>
<p style="text-align: right;">Please leave a comment and use the share buttons below.</p>
<p style="text-align: right;">Thanks for reading :)</p>
<p style="text-align: right;"><em>© DesignNocturne</em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.designnocturne.com/2012/09/11/holographic-effect-tutorial/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Create a stellar iPhone wallpaper</title>
		<link>http://blog.designnocturne.com/2012/08/17/create-a-stellar-iphone-wallpaper/</link>
		<comments>http://blog.designnocturne.com/2012/08/17/create-a-stellar-iphone-wallpaper/#comments</comments>
		<pubDate>Fri, 17 Aug 2012 19:36:12 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[FEATURED]]></category>

		<guid isPermaLink="false">http://blog.designnocturne.com/?p=5778</guid>
		<description><![CDATA[In this tutorial you&#8217;ll learn how to create your own iPhone 4 wallpaper, while learning the basics of layer styles, adjustment layers, and filters. You&#8217;ll create stylized space art, utilizing NASA stock, and putting an emphasis on attractive lighting and colour composition. First open a new Photoshop document, 640 x 960 pixels, and set the resolution [...]]]></description>
				<content:encoded><![CDATA[<p style="text-align: left;">In this tutorial you&#8217;ll learn how to create your own iPhone 4 wallpaper, while learning the basics of layer styles, adjustment layers, and filters.</p>
<p style="text-align: left;">You&#8217;ll create stylized space art, utilizing NASA stock, and putting an emphasis on attractive lighting and colour composition.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper.png"><img class="aligncenter  wp-image-5802" title="iPhone wallpaper" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-789x1024.png" alt="" width="473" height="614" /></a></p>
<p style="text-align: center;">First open a new Photoshop document, 640 x 960 pixels, and set the resolution to 326 ppi.</p>
<p style="text-align: center;">This ensures your final image will match the correct resolution and size dimensions of the iPhone 4&#8242;s retina display.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-1.jpg"><img class="aligncenter size-full wp-image-5779" title="iPhone wallpaper tutorial 1" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-1.jpg" alt="" width="426" height="640" /></a></p>
<p style="text-align: center;">We&#8217;ll begin by adding the backdrop. The image is from NASA&#8217;s online image library, and can be downloaded <a href="http://apod.nasa.gov/apod/ap110127.html" target="_blank">here.</a></p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-2.jpg"><img class="aligncenter size-full wp-image-5780" title="iPhone wallpaper tutorial 2" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-2.jpg" alt="" width="426" height="640" /></a></p>
<p style="text-align: center;">Once downloaded, drop the image into your photoshop document, and resize and position it as above.</p>
<p style="text-align: center;">Next we&#8217;ll improve the contrast by adding a Curves adjustment layer.</p>
<p style="text-align: center;">Click on the adjustment layer button at the bottom of the layers panel, and choose <em>Curves</em>.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-3.jpg"><img class="aligncenter size-full wp-image-5781" title="iPhone wallpaper tutorial 3" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-3.jpg" alt="" width="426" height="640" /></a></p>
<p style="text-align: center;">In the curves dialog box, choose the white colour picker, and click on a bright part of the image like a star.</p>
<p style="text-align: center;">Then choose the black colour picker, and click on a dark area of the image.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-4.jpg"><img class="aligncenter size-full wp-image-5782" title="iPhone wallpaper tutorial 4" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-4.jpg" alt="" width="425" height="426" /></a></p>
<p style="text-align: center;">Next we&#8217;ll add the moon, which can be downloaded <a href="http://swashbuckler.deviantart.com/art/Stock-Full-Moon-130369659" target="_blank">here.</a></p>
<p style="text-align: center;">Open the moon with Photoshop, use the <em>elliptical marquee tool</em> to make a circular selection over the moon, then copy and paste it into your project.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-5.jpg"><img class="aligncenter size-full wp-image-5783" title="iPhone wallpaper tutorial 5" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-5.jpg" alt="" width="426" height="640" /></a></p>
<p style="text-align: center;">Scale down the moon slightly, and move it into the desired position.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-6.jpg"><img class="aligncenter size-full wp-image-5784" title="iPhone wallpaper tutorial 6" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-6.jpg" alt="" width="426" height="640" /></a></p>
<p style="text-align: center;">Improve the contrast with another<em> Curves</em> adjustment layer, and this time right click on the layer and choose &#8216;<em>create clipping mask</em>&#8216; so that the adjustments only affect the moon layer.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-7.jpg"><img class="aligncenter size-full wp-image-5785" title="iPhone wallpaper tutorial 7" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-7.jpg" alt="" width="426" height="640" /></a></p>
<p style="text-align: center;">Double click on the moon layer to bring up the <em>Layer Styles</em> dialog box.</p>
<p style="text-align: center;">Click on <em>Outer Glow</em> and set the Blend Mode to Normal, the Opacity to 85%, a white to transparent gradient, the Spread set to 5%, and Size 150px.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-8.jpg"><img class="aligncenter size-full wp-image-5786" title="iPhone wallpaper tutorial 8" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-8.jpg" alt="" width="426" height="640" /></a></p>
<p style="text-align: center;">Click <em>Inner Glow</em>, set the Blending Mode to Normal, the Opacity to 90%, and Size to 80px.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-9.jpg"><img class="aligncenter size-full wp-image-5787" title="iPhone wallpaper tutorial 9" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-9.jpg" alt="" width="426" height="640" /></a></p>
<p style="text-align: center;">Add a new layer above the moon layer, go to <em>Edit &gt; Fill,</em> and fill, and choose to fill the layer with Black.</p>
<p style="text-align: center;">Next go to <em>Filter &gt; Render &gt; Lens Flare,</em> and move the position of the lens flare so that it will line up with with the upper right edge of the moon.</p>
<p style="text-align: center;">Set the Brightness to 150%.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-10.jpg"><img class="aligncenter size-full wp-image-5788" title="iPhone wallpaper tutorial 10" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-10.jpg" alt="" width="426" height="640" /></a></p>
<p style="text-align: center;">Now set the lens flare layer&#8217;s blending mode to Screen.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-11.jpg"><img class="aligncenter size-full wp-image-5789" title="iPhone wallpaper tutorial 11" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-11.jpg" alt="" width="425" height="213" /></a></p>
<p style="text-align: center;">You can download the pre-cut asteroid stock from <a href="http://chriscold.deviantart.com/art/Asteroid-Mega-Pack-01-108489884" target="_blank">here.</a></p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-12.jpg"><img class="aligncenter size-full wp-image-5790" title="iPhone wallpaper tutorial 12" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-12.jpg" alt="" width="426" height="640" /></a></p>
<p style="text-align: center;">Place it directly into your project, and rotate and resize it so the asteroids drift diagonally across the moon, overlapping the lens flare slightly.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-13.jpg"><img class="aligncenter size-full wp-image-5791" title="iPhone wallpaper tutorial 13" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-13.jpg" alt="" width="426" height="640" /></a></p>
<p style="text-align: center;">Add a new layer above the asteroid layer, then take the <em>Gradient tool</em> set to Radial and white to tranparent.</p>
<p style="text-align: center;">Drag out a small gradient from the center of the lens flare outwards.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-14.jpg"><img class="aligncenter size-full wp-image-5792" title="iPhone wallpaper tutorial 14" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-14.jpg" alt="" width="426" height="640" /></a></p>
<p style="text-align: center;">The last objects we&#8217;ll add are the stars.</p>
<p style="text-align: center;">Use the <em>Ellipse shape tool</em> set to white, and draw a small, thin oval shape.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-15.jpg"><img class="aligncenter size-full wp-image-5793" title="iPhone wallpaper tutorial 15" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-15.jpg" alt="" width="426" height="640" /></a></p>
<p style="text-align: center;">Now go to <em>Filter &gt; Blur &gt; Motion Blur</em>, and set the Distance to 100 pixels.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-16.jpg"><img class="aligncenter size-full wp-image-5794" title="iPhone wallpaper tutorial 16" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-16.jpg" alt="" width="426" height="640" /></a></p>
<p style="text-align: center;">Duplicate the layer, and rotate the shape 90 degrees. Then select both layers, right click, and choose <em>Merge layers</em>.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-17.jpg"><img class="aligncenter size-full wp-image-5795" title="iPhone wallpaper tutorial 17" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-17.jpg" alt="" width="426" height="640" /></a></p>
<p style="text-align: center;">You can now duplicate the star a couple of times to add more stars to your image.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-18.jpg"><img class="aligncenter size-full wp-image-5796" title="iPhone wallpaper tutorial 18" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-18.jpg" alt="" width="426" height="640" /></a></p>
<p style="text-align: center;">Finally we&#8217;ll adjust the overall colour of the image.</p>
<p style="text-align: center;">Add a <em>Hue/Saturation</em> adjustment layer, and take the saturation all the way down, desaturating the whole image.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-19.jpg"><img class="aligncenter size-full wp-image-5797" title="iPhone wallpaper tutorial 19" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-19.jpg" alt="" width="426" height="640" /></a></p>
<p style="text-align: center;">Next add a <em>Selective Color</em> adjustment layer, and choose <em>Whites</em> from the Colors dropdown menu.</p>
<p style="text-align: center;">Move the sliders to the positions shown above.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-20.jpg"><img class="aligncenter size-full wp-image-5798" title="iPhone wallpaper tutorial 20" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-20.jpg" alt="" width="426" height="640" /></a></p>
<p style="text-align: center;">Then adjust the <em>Neutrals</em> sliders to the settings shown above.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-21.jpg"><img class="aligncenter size-full wp-image-5799" title="iPhone wallpaper tutorial 21" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-tutorial-21.jpg" alt="" width="426" height="640" /></a></p>
<p style="text-align: center;">And finally move the <em>Blacks</em> sliders to the positions shown above.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/6001.jpg"><img class="aligncenter  wp-image-5801" title="600" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/6001.jpg" alt="" width="462" height="694" /></a></p>
<p style="text-align: center;">Here&#8217;s how the final image should end up looking.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper.png"><img class="aligncenter  wp-image-5802" title="iPhone wallpaper" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/iPhone-wallpaper-789x1024.png" alt="" width="473" height="614" /></a></p>
<p style="text-align: center;">You can now use the image as a background for you iPhone 4.</p>
<p style="text-align: right;">Please leave a comment and use the share buttons below.</p>
<p style="text-align: right;">Thanks for reading :)</p>
<p style="text-align: right;"><em>© DesignNocturne</em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.designnocturne.com/2012/08/17/create-a-stellar-iphone-wallpaper/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Realistic Mist Tutorial</title>
		<link>http://blog.designnocturne.com/2012/08/06/mist-tutorial/</link>
		<comments>http://blog.designnocturne.com/2012/08/06/mist-tutorial/#comments</comments>
		<pubDate>Mon, 06 Aug 2012 23:39:42 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[FEATURED]]></category>

		<guid isPermaLink="false">http://blog.designnocturne.com/?p=5731</guid>
		<description><![CDATA[In this tutorial you'll learn how to add realistic mist to a photo, creating a moody atmosphere.]]></description>
				<content:encoded><![CDATA[<h3 style="text-align: right;"><em>Skill Level: Intermediate</em></h3>
<p>In this tutorial you&#8217;ll learn how to add realistic mist to a photo, creating a moody atmosphere.</p>
<p>You&#8217;ll work with simple filters, and learn how to utilize layer masks to control their visibily.</p>
<p><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/600.jpg"><img class=" wp-image-5746 aligncenter" title="600" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/600.jpg" alt="" width="540" height="359" /></a></p>
<p>The stock photo I used for this tutorial can be downloaded for free <em><a href="http://sikaris-stock.deviantart.com/art/forest-stock-1-245969017" target="_blank">here</a></em>.</p>
<p><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-1.jpg"><img class="aligncenter size-full wp-image-5732" title="mist tutorial 1" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-1.jpg" alt="" width="500" height="332" /></a></p>
<p>First we will desaturate the image.</p>
<p>With the photo open in Photoshop, click on the Adjustment Layer button at the bottom of the layers panel, and choose Black and White.</p>
<p><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-2.jpg"><img class="aligncenter size-full wp-image-5733" title="mist tutorial 2" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-2.jpg" alt="" width="500" height="332" /></a></p>
<p>You can scroll down the filter options to find a preset that suits your photo, I chose the Green Filter for mine.</p>
<p><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-3.jpg"><img class="aligncenter size-full wp-image-5734" title="mist tutorial 3" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-3.jpg" alt="" width="500" height="332" /></a></p>
<p>Next duplicate the Background layer, and call it &#8216;blur&#8217;.</p>
<p>Go to Filter &gt; Blur &gt; Gaussian Blur, and find a suitable amount of blur for your photo so it looks like the image above.</p>
<p>Once you&#8217;re finished, hide the blurred layer, we&#8217;ll come back to it later.</p>
<p><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-4.jpg"><img class="aligncenter size-full wp-image-5735" title="mist tutorial 4" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-4.jpg" alt="" width="500" height="332" /></a></p>
<p>Add a new layer and go to Filter &gt; Render &gt; Clouds, then set the layer&#8217;s blending mode to Screen.</p>
<p><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-5.jpg"><img class="aligncenter size-full wp-image-5736" title="mist tutorial 5" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-5.jpg" alt="" width="500" height="332" /></a></p>
<p>Add three or more layers, filled with clouds to build up a thick blanket of mist.</p>
<p><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-6.jpg"><img class="aligncenter size-full wp-image-5737" title="mist tutorial 6" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-6.jpg" alt="" width="500" height="332" /></a></p>
<p>When you&#8217;re done, select all the cloud layers, right click on them and choose &#8216;Merge Layers&#8217;.</p>
<p>Then add a layer mask, by clicking on the Layer Mask button at the bottom of the layers panel.</p>
<p><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-7.jpg"><img class="aligncenter size-full wp-image-5738" title="mist tutorial 7" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-7.jpg" alt="" width="500" height="332" /></a></p>
<p>We&#8217;ll now work on thinning out the mist in the foreground of the photo.</p>
<p>With the layer mask thumbnail selected, take a very large soft black brush, and paint out the closest objects in the foreground.</p>
<p><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-8.jpg"><img class="aligncenter size-full wp-image-5739" title="mist tutorial 8" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-8.jpg" alt="" width="500" height="332" /></a></p>
<p>Now reduce the size of the brush, and take the Opacity down to around 10%, and gradually paint away the mist on objects further away.</p>
<p><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-9.jpg"><img class="aligncenter size-full wp-image-5740" title="mist tutorial 9" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-9.jpg" alt="" width="500" height="332" /></a></p>
<p>When your happy with the thickness of the mist over your image, duplicate the layer.</p>
<p>Right click on the duplicated layer&#8217;s layer mask, and choose &#8216;Apply Layer Mask&#8217;.</p>
<p><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-10.jpg"><img class="aligncenter size-full wp-image-5741" title="mist tutorial 10" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-10.jpg" alt="" width="500" height="332" /></a></p>
<p>Invert the layer, by going to &#8216;Image &gt; Adjustments &gt; Invert, then hide the layer.</p>
<p><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-11.jpg"><img class="aligncenter size-full wp-image-5742" title="mist tutorial 11" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-11.jpg" alt="" width="500" height="332" /></a></p>
<p>Now go back to your &#8216;blur&#8217; layer. Unhide it, and give it a layer mask.</p>
<p><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-12.jpg"><img class="aligncenter size-full wp-image-5743" title="mist tutorial 12" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-12.jpg" alt="" width="500" height="332" /></a></p>
<p>With the layer mask selected, go to Image &gt; Apply Image, and chose the inverted mist layer that you hid earlier, as the Source Layer.</p>
<p><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-13.jpg"><img class="aligncenter size-full wp-image-5744" title="mist tutorial 13" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/mist-tutorial-13.jpg" alt="" width="500" height="332" /></a></p>
<p>Now invert the layer mask.</p>
<p>You&#8217;ll see the blur is now stronger where the mist is thickest.</p>
<p><a href="http://blog.designnocturne.com/wp-content/uploads/2012/08/600.jpg"><img class="aligncenter  wp-image-5746" title="600" src="http://blog.designnocturne.com/wp-content/uploads/2012/08/600.jpg" alt="" width="540" height="359" /></a></p>
<p>Here&#8217;s how the final image looks with the mist applied.</p>
<p style="text-align: right;">Please leave a comment and use the share buttons below.</p>
<p style="text-align: right;">Thanks for reading :)</p>
<p style="text-align: right;"><em>© DesignNocturne</em><span style="text-align: center;"> </span></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.designnocturne.com/2012/08/06/mist-tutorial/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Elegant Photo Overlay Tutorial</title>
		<link>http://blog.designnocturne.com/2012/07/22/elegant-photo-overlay-tutorial/</link>
		<comments>http://blog.designnocturne.com/2012/07/22/elegant-photo-overlay-tutorial/#comments</comments>
		<pubDate>Sun, 22 Jul 2012 23:05:24 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://blog.designnocturne.com/?p=5671</guid>
		<description><![CDATA[In this tutorial I'll show you how to combine two separate images to create an elegant photo overlay, using some very quick and easy steps in Photoshop.]]></description>
				<content:encoded><![CDATA[<p style="text-align: right;"><em>Skill Level: Beginner</em></p>
<p style="text-align: center;">In this tutorial I&#8217;ll show you how to combine two separate images to create an elegant photo overlay, using some very quick and easy steps in Photoshop.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/6001.jpg"><img class="aligncenter  wp-image-5681" title="600" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/6001.jpg" alt="" width="384" height="384" /></a></p>
<p style="text-align: center;">The first photo I used for this tutorial can be downloaded <em><a href="http://reine-haru.deviantart.com/art/Angel-Stock-211059155" target="_blank">here</a></em>.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/12.jpg"><img class="aligncenter size-full wp-image-5672" title="1" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/12.jpg" alt="" width="425" height="582" /></a></p>
<p style="text-align: center;">First of all we want to convert the image to black and white.</p>
<p style="text-align: center;">With the photo open in Photoshop, go to <em>Image &gt; Adjustments &gt; Desaturate.</em></p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/21.jpg"><img class="aligncenter size-full wp-image-5673" title="2" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/21.jpg" alt="" width="425" height="582" /></a></p>
<p style="text-align: center;">Next click on the adjustment layer button at the bottom of the layers panel, and choose <em>Brightness/Contrast.</em></p>
<p style="text-align: center;">Balance out the sliders to give the contrast a boost while increasing the brightness.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/31.jpg"><img class="aligncenter size-full wp-image-5674" title="3" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/31.jpg" alt="" width="425" height="582" /></a></p>
<p style="text-align: center;">Now you&#8217;re ready to drop in your second image by dragging the photo into your Photoshop document.</p>
<p style="text-align: center;">The image I&#8217;ve used can be downloaded <a href="http://stockmichelle.deviantart.com/art/Black-Crow-in-flight-101574139" target="_blank">here</a>.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/41.jpg"><img class="aligncenter size-full wp-image-5675" title="4" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/41.jpg" alt="" width="425" height="582" /></a></p>
<p style="text-align: center;">Desaturate the second image, then resize it using the <em>Transform Tool,</em> so it fits over the desired area of the first image.</p>
<p style="text-align: center;">When you&#8217;re finished, right click on the layer and choose <em>Rasterize Layer.</em></p>
<p style="text-align: center;">By rasterizing the layer you can now apply further adjustments to the second image.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/51.jpg"><img class="aligncenter size-full wp-image-5676" title="5" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/51.jpg" alt="" width="425" height="582" /></a></p>
<p style="text-align: center;">Add another <em>Brightness/Contrast</em> adjustment layer, then right click on the layer and choose<em> Create Clipping Mask.</em></p>
<p style="text-align: center;">Now the adjustments you make will only apply to the clipped layer.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/61.jpg"><img class="aligncenter size-full wp-image-5677" title="6" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/61.jpg" alt="" width="425" height="582" /></a></p>
<p style="text-align: center;">Increase the brightness and contrast as I have above.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/71.jpg"><img class="aligncenter size-full wp-image-5678" title="7" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/71.jpg" alt="" width="425" height="582" /></a></p>
<p style="text-align: center;">Now click back on the second image&#8217;s layer and change it&#8217;s blending mode to <em>Screen</em>.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/81.jpg"><img class="aligncenter size-full wp-image-5679" title="8" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/81.jpg" alt="" width="425" height="582" /></a></p>
<p style="text-align: center;">Finally select on the <em>Crop</em> tool and drag over the area that you want to make your final image, and then hit Enter.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/6001.jpg"><img class="aligncenter  wp-image-5681" title="600" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/6001.jpg" alt="" width="432" height="432" /></a></p>
<p style="text-align: center;">And here’s the final outcome.</p>
<p style="text-align: right;">Please leave a comment and use the share buttons below.</p>
<p style="text-align: right;">Thanks for reading :)</p>
<p style="text-align: right;"><em>© DesignNocturne</em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.designnocturne.com/2012/07/22/elegant-photo-overlay-tutorial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Golden Skin Tutorial</title>
		<link>http://blog.designnocturne.com/2012/07/13/golden-skin-tutorial/</link>
		<comments>http://blog.designnocturne.com/2012/07/13/golden-skin-tutorial/#comments</comments>
		<pubDate>Fri, 13 Jul 2012 00:35:42 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://blog.designnocturne.com/?p=5539</guid>
		<description><![CDATA[Learn how to give skin a golden shimmer by mastering adjustment layers, filters and layer masks.]]></description>
				<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/600.jpg"><img class="aligncenter  wp-image-5559" title="Golden Skin Tutorial" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/600.jpg" alt="" width="420" height="634" /></a></p>
<p style="text-align: center;">In this intermediate tutorial you&#8217;ll learn how to give skin a golden shimmer by mastering adjustment layers, filters and layer masks.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/red_3_by_mihaela_vstock-d51o8mw.jpeg"><img class="aligncenter  wp-image-5563" title="stock model" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/red_3_by_mihaela_vstock-d51o8mw.jpeg" alt="" width="360" height="543" /></a></p>
<p style="text-align: center;">The stock photo I used for this tutorial can be downloaded for free <a href="http://mihaela-vstock.deviantart.com/art/Red-3-305141432" target="_blank">here</a>.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-1.jpg"><img class="aligncenter size-full wp-image-5540" title="Gold Skin in Photoshop 1" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-1.jpg" alt="" width="425" height="644" /></a></p>
<p style="text-align: center;">First of all we want to brighten the image, so add an Exposure adjustment layer and balance the sliders so you get strong highlights and shadows.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-2.jpg"><img class="aligncenter size-full wp-image-5541" title="Gold Skin in Photoshop 2" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-2.jpg" alt="" width="425" height="644" /></a></p>
<p style="text-align: center;">Next we need to make a selection of the model&#8217;s skin.</p>
<p style="text-align: center;">To do this, first use the Quick Selection Tool to draw over areas of skin on the face and body.</p>
<p style="text-align: center;">You can hold down the alt key to switch between selecting and deselecting, and reduce the brush size when selecting smaller areas like the eyes and teeth.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-3.jpg"><img class="aligncenter size-full wp-image-5542" title="Gold Skin in Photoshop 3" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-3.jpg" alt="" width="425" height="644" /></a></p>
<p style="text-align: center;">When you&#8217;ve made the best selection you can, click on Refine Edge and use the Refine Radius Tool with a large brush size to paint over stray hairs, adding them to the selection.</p>
<p style="text-align: center;">When you&#8217;re done, set the Output as a <em>New Layer with Layer Mask, </em>and click OK.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-4.jpg"><img class="aligncenter size-full wp-image-5543" title="Gold Skin in Photoshop 4" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-4.jpg" alt="" width="425" height="644" /></a></p>
<p style="text-align: center;">Rename your new skin layer &#8216;<em>surface blur</em>&#8216;, then go to <em>Filter &gt; Blur &gt; Surface Blur</em>, and set the Radius to 15 pixels, and the Threshold to 10 levels.</p>
<p style="text-align: center;">This will smooth the skin, while keeping edges sharp.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-5.jpg"><img class="aligncenter size-full wp-image-5544" title="Gold Skin in Photoshop 5" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-5.jpg" alt="" width="425" height="644" /></a></p>
<p style="text-align: center;">Next duplicate the background layer twice, and move them above the <em>&#8216;surface blur&#8217;</em> layer, but below the <em>Exposure</em> layer.</p>
<p style="text-align: center;">Name the bottom one <em>&#8216;High Pass 1&#8242;</em>, and the top one <em>&#8216;High Pass 2&#8242;</em>, and give them both layer masks.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-6.jpg"><img class="aligncenter size-full wp-image-5545" title="Gold Skin in Photoshop 6" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-6.jpg" alt="" width="425" height="644" /></a></p>
<p style="text-align: center;">Click on the layer mask thumbnail of<em> &#8216;High Pass 1&#8242;</em>, and go to <em>Image &gt; Apply Image</em>.</p>
<p style="text-align: center;">Choose the <em>&#8216;surface blur&#8217;</em> layer, and it&#8217;s layer mask from the drop down menus.</p>
<p style="text-align: center;">Now add the same layer mask to the <em>&#8216;High Pass 2&#8242;</em> layer mask, using the same process.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-7.jpg"><img class="aligncenter size-full wp-image-5546" title="Gold Skin in Photoshop 7" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-7.jpg" alt="" width="425" height="644" /></a></p>
<p style="text-align: center;">You can now hide the <em>&#8216;High Pass 2&#8242;</em> layer, and select the &#8216;<em>High pass 1&#8242;</em> layer thumbnail.</p>
<p style="text-align: center;">Go to <em>Filter &gt; Other &gt; High Pass</em>, and set the Radius to 30 pixels.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-8.jpg"><img class="aligncenter size-full wp-image-5547" title="Gold Skin in Photoshop 8" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-8.jpg" alt="" width="425" height="644" /></a></p>
<p style="text-align: center;">Now set the layer&#8217;s blending mode to Overlay, at 30% Opacity.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-9.jpg"><img class="aligncenter size-full wp-image-5548" title="Gold Skin in Photoshop 9" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-9.jpg" alt="" width="425" height="644" /></a></p>
<p style="text-align: center;">Unhide the &#8216;<em>High Pass 2&#8242;</em> layer give it a <em>High Pass</em> set to 2 pixels.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-10.jpg"><img class="aligncenter size-full wp-image-5549" title="Gold Skin in Photoshop 10" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-10.jpg" alt="" width="425" height="644" /></a></p>
<p style="text-align: center;">Again, set it&#8217;s blending mode to Overlay, and set it&#8217;s Opacity to 50%.</p>
<p style="text-align: center;">Doing this will have given a glow to the skin highlights, and smaller details.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-11.jpg"><img class="aligncenter size-full wp-image-5550" title="Gold Skin in Photoshop 11" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-11.jpg" alt="" width="425" height="644" /></a></p>
<p style="text-align: center;">Now add a Selective Color adjustment layer above the Exposure layer.</p>
<p style="text-align: center;">Choose Blacks from the Colors menu, and adjust the sliders as I&#8217;ve done above.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-12.jpg"><img class="aligncenter size-full wp-image-5551" title="Gold Skin in Photoshop 12" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-12.jpg" alt="" width="425" height="644" /></a></p>
<p style="text-align: center;">Then choose Neutrals and adjust the sliders so they match mine above.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-13.jpg"><img class="aligncenter size-full wp-image-5552" title="Gold Skin in Photoshop 13" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-13.jpg" alt="" width="425" height="644" /></a></p>
<p style="text-align: center;">And finally, choose Whites from the menu, and change the sliders so they match mine.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-14.jpg"><img class="aligncenter size-full wp-image-5553" title="Gold Skin in Photoshop 14" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-14.jpg" alt="" width="425" height="644" /></a></p>
<p style="text-align: center;">Select the layer&#8217;s layer mask and add the same skin mask as you did for the High Pass layers.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-15.jpg"><img class="aligncenter size-full wp-image-5554" title="Gold Skin in Photoshop 15" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-15.jpg" alt="" width="425" height="644" /></a></p>
<p style="text-align: center;">Now add a Solid Color adjustment layer, and choose a tan colour.</p>
<p style="text-align: center;">Add the same skin layer mask as before.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-16.jpg"><img class="aligncenter size-full wp-image-5555" title="Gold Skin in Photoshop 16" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-16.jpg" alt="" width="425" height="644" /></a></p>
<p style="text-align: center;">Set the layer&#8217;s blending mode to Hue, and set it&#8217;s Opacity to 60%.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-17.jpg"><img class="aligncenter size-full wp-image-5556" title="Gold Skin in Photoshop 17" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-17.jpg" alt="" width="425" height="644" /></a></p>
<p style="text-align: center;">Next add a Hue/Saturation layer and take the Saturation down to -20.</p>
<p style="text-align: center;">Add the skin layer mask to confine the adjustment to the skin areas.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-18.jpg"><img class="aligncenter size-full wp-image-5557" title="Gold Skin in Photoshop 18" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/Gold-Skin-in-Photoshop-18.jpg" alt="" width="425" height="644" /></a></p>
<p style="text-align: center;">And finally, add another Exposure layer, and balance the sliders as I have above to give the skin an added glow.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/600.jpg"><img class="aligncenter  wp-image-5559" title="Golden Skin Tutorial" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/600.jpg" alt="" width="462" height="697" /></a></p>
<p style="text-align: center;">And here&#8217;s the final outcome.</p>
<p style="text-align: right;">Please leave a comment and use the share buttons below.</p>
<p style="text-align: right;">Thanks for reading :)</p>
<p style="text-align: right;"><em>© DesignNocturne</em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.designnocturne.com/2012/07/13/golden-skin-tutorial/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Inky Black Eyes Tutorial</title>
		<link>http://blog.designnocturne.com/2012/07/03/inky-black-eyes-tutorial/</link>
		<comments>http://blog.designnocturne.com/2012/07/03/inky-black-eyes-tutorial/#comments</comments>
		<pubDate>Tue, 03 Jul 2012 13:07:46 +0000</pubDate>
		<dc:creator>Matt</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://blog.designnocturne.com/?p=5476</guid>
		<description><![CDATA[Learn how to turn a set of eyes completely black while retaining their shine in this easy Photoshop tutorial.]]></description>
				<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop.jpg"><img class="aligncenter size-full wp-image-5495" title="black eyes in photoshop" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop.jpg" alt="" width="425" height="320" /></a></p>
<p style="text-align: center;">Learn how to turn a set of eyes completely black while retaining their shine in this easy Photoshop tutorial.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-1.jpg"><img class="aligncenter size-full wp-image-5477" title="black eyes in photoshop 1" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-1.jpg" alt="" width="425" height="320" /></a></p>
<p style="text-align: center;">The eyes need to have some shine or reflections on their surface to get the most out of this technique.</p>
<p style="text-align: center;">The stock photo I&#8217;ve used for this tutorial can be downloaded for free <a href="http://brandrificus-stock.deviantart.com/art/eyes-185041655" target="_blank">here</a>.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-2.jpg"><img class="aligncenter size-full wp-image-5478" title="black eyes in photoshop 2" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-2.jpg" alt="" width="425" height="320" /></a></p>
<p style="text-align: center;">We&#8217;ll start with the right eye.</p>
<p style="text-align: center;">To begin with, we need to make a selection of the eye, and the best technique for this is to use the <em>Pen Tool</em>.</p>
<p style="text-align: center;">With the <em>Pen Tool</em> selected click and drag in the direction of the edge of the eye, then release. Repeat the click, drag, release method until you meet up with the start of the path.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-3.jpg"><img class="aligncenter size-full wp-image-5479" title="black eyes in photoshop 3" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-3.jpg" alt="" width="425" height="320" /></a></p>
<p style="text-align: center;">You can use the <em>Direct Selection Tool</em> to adjust the points and curves.</p>
<p style="text-align: center;">When you&#8217;re finished, use the <em>Direct Selection Tool</em> to right click on the path, and choose <em>Make Selection</em>, to transform your path in to a selection.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-4.jpg"><img class="aligncenter size-full wp-image-5480" title="black eyes in photoshop 4" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-4.jpg" alt="" width="425" height="320" /></a></p>
<p style="text-align: center;">Add a new layer, and call it <em>right eye</em>, then with the new layer selected go to Edit &gt; Fill, and fill the selection with White.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-5.jpg"><img class="aligncenter size-full wp-image-5481" title="black eyes in photoshop 5" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-5.jpg" alt="" width="425" height="320" /></a></p>
<p style="text-align: center;">Next double click on the layer to bring up the <em>Layer Styles</em> dialog box.</p>
<p style="text-align: center;">Click on <em>Color Overlay</em> and choose a dark grey colour.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-6.jpg"><img class="aligncenter size-full wp-image-5482" title="black eyes in photoshop 6" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-6.jpg" alt="" width="425" height="320" /></a></p>
<p style="text-align: center;">Next select<em> Inner Glow</em> and set the Blend mode to <em>Normal</em>, and the Opacity to 100%. The glow should be black, the Choke at 7%, and the Size at 110 px.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-7.jpg"><img class="aligncenter size-full wp-image-5483" title="black eyes in photoshop 7" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-7.jpg" alt="" width="425" height="320" /></a></p>
<p style="text-align: center;">Now choose <em>Outer Glow</em>, and set the Blend Mode to<em> Linear Light</em> at 50% Opacity. The colour should be set to black, and the Size set to 16 px.</p>
<p style="text-align: center;">That&#8217;s all the styles we&#8217;ll need, so click OK.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-9.jpg"><img class="aligncenter size-full wp-image-5485" title="black eyes in photoshop 9" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-9.jpg" alt="" width="425" height="320" /></a></p>
<p style="text-align: center;">For the left eye you just need to repeat all the steps you used to create the right eye.</p>
<p style="text-align: center;">When you&#8217;ve done both eyes, hide their layers and return to the <em>Background</em> layer.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-10.jpg"><img class="aligncenter size-full wp-image-5486" title="black eyes in photoshop 10" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-10.jpg" alt="" width="425" height="320" /></a></p>
<p style="text-align: center;">In the Channels menu click on the Green channel, or the channel where the skin appears darkest, and the eye shimmers are brightest.</p>
<p style="text-align: center;">Copy the layer and select it.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-11.jpg"><img class="aligncenter size-full wp-image-5487" title="black eyes in photoshop 11" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-11.jpg" alt="" width="425" height="320" /></a></p>
<p style="text-align: center;">Go to Image &gt; Adjustments &gt; Brightness/Contrast, and balance out the sliders so that the rest of the face is as dark as possible, but the eye glimmers remain white.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-12.jpg"><img class="aligncenter size-full wp-image-5488" title="black eyes in photoshop 12" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-12.jpg" alt="" width="425" height="320" /></a></p>
<p style="text-align: center;">Now take a black paintbrush and fill in the rest of the face so that the whole image is black, leaving only the eye shines visible.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-13.jpg"><img class="aligncenter size-full wp-image-5489" title="black eyes in photoshop 13" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-13.jpg" alt="" width="425" height="320" /></a></p>
<p style="text-align: center;">When you are finished, hold down the <em>cmd</em> or <em>ctrl</em> key and click on the black layer&#8217;s thumbnail, doing this will turn the eye shimmers into a selection.</p>
<p style="text-align: center;">Now hide the layer, and click back on the RGB layer.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-14.jpg"><img class="aligncenter size-full wp-image-5490" title="black eyes in photoshop 14" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-14.jpg" alt="" width="425" height="320" /></a></p>
<p style="text-align: center;">Back in the Layers menu, select the <em>Background</em> layer and copy (<em>cmd/ctrl+c</em>) the selection, then add a new layer called <em>eye shine</em>, and paste the selection into the new layer.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-15.jpg"><img class="aligncenter size-full wp-image-5491" title="black eyes in photoshop 15" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-15.jpg" alt="" width="425" height="320" /></a></p>
<p style="text-align: center;">Double click on the eye shine layer, and choose <em>Outer Glow</em> in the Layer Styles dialog box. Set the Blend Mode to <em>Normal</em>, and the Opacity to 100%. The colour should be White, and the Size set to 1 px.</p>
<p style="text-align: center;">We&#8217;re now finished with the eyes, so next we will add some adjustment layers to finish off the image.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2011/03/adjustment-layer-button.jpg"><img class="aligncenter  wp-image-3415" title="adjustment layer button" src="http://blog.designnocturne.com/wp-content/uploads/2011/03/adjustment-layer-button.jpg" alt="" width="216" height="20" /></a></p>
<p style="text-align: center;">Adjustment layers can be added by clicking on the button at the bottom of the layers panel, then choosing the desired layer from the list.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-16.jpg"><img class="aligncenter size-full wp-image-5492" title="black eyes in photoshop 16" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-16.jpg" alt="" width="425" height="320" /></a></p>
<p style="text-align: center;">First add an <em>Exposure</em> adjustment layer above the background layer. Adjust the sliders, or use the colour pickers to determine the lightest and darkest points.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-17.jpg"><img class="aligncenter size-full wp-image-5493" title="black eyes in photoshop 17" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-17.jpg" alt="" width="425" height="320" /></a></p>
<p style="text-align: center;">Next add a <em>Hue/Saturation</em> layer, and take the Saturation down to -50.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-18.jpg"><img class="aligncenter size-full wp-image-5494" title="black eyes in photoshop 18" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop-18.jpg" alt="" width="425" height="320" /></a></p>
<p style="text-align: center;">And finally add a <em>Black &amp; White</em> adjustment layer above all the other layers, and choose the <em>High Contrast Blue</em> preset. Set the layer&#8217;s blending mode to <em>Overlay</em>, and it&#8217;s Opacity to 50%.</p>
<p style="text-align: center;"><a href="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop.jpg"><img class="aligncenter size-full wp-image-5495" title="black eyes in photoshop" src="http://blog.designnocturne.com/wp-content/uploads/2012/07/black-eyes-in-photoshop.jpg" alt="" width="425" height="320" /></a></p>
<p style="text-align: center;">Here’s the final outcome.</p>
<p style="text-align: right;">Please leave a comment and use the share buttons below.</p>
<p style="text-align: right;">Thanks for reading :)</p>
<p style="text-align: right;"><em>© DesignNocturne</em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.designnocturne.com/2012/07/03/inky-black-eyes-tutorial/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
