<?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>Extra Unique Adobe Photoshop Tutorials - PSD Vault &#187; dark</title>
	<atom:link href="http://www.psdvault.com/tag/dark/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.psdvault.com</link>
	<description></description>
	<lastBuildDate>Wed, 08 Feb 2012 00:17:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>VIP Member Exclusive Tutorial &#8211; Create Awesome Dark Fantasy Scenary in Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/vip-member-exclusive-tutorial-create-awesome-dark-fantasy-scenary-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/vip-member-exclusive-tutorial-create-awesome-dark-fantasy-scenary-in-photoshop/#comments</comments>
		<pubDate>Sat, 09 Oct 2010 10:17:59 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[dark]]></category>
		<category><![CDATA[fantasy]]></category>
		<category><![CDATA[matte]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[scene]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=7345</guid>
		<description><![CDATA[In this tutorial, Joonas will walk you through the creation of this Dark Fantasy Scenary. You should have a firm grip on the different tools in Photoshop, especially adjustment layers. ]]></description>
			<content:encoded><![CDATA[<p>Whether you are interested in <a href="http://www.actualtests.com/vendors-training/PMI.htm">pmi certifications</a> or looking for <a href="http://www.actualtests.com/certs/SAS-training-certification.htm">sas certification</a> to make your career in web designing, using <a href="http://www.actualtests.com/certs/CCNA-training-certification.htm">ccna questions</a> you will pass real test on first try.</p>
<p>One more extra content for the VIP Member :) This is an exclusive Photoshop tutorial written specifically for those who sign-up to the PSD Vault VIP Membership.</p>
<p>If you&#8217;re VIP member, you can log in to the VIP Members Area and click on<strong> Exclusive Tutorial</strong> button to download the tutorial.</p>
<p>If you&#8217;re yet to become a VIP member, you can simply click on the banner below to signup:</p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 VIP Member Exclusive Tutorial   Create Awesome Dark Fantasy Scenary in Photoshop" width="250" height="250" /></a></p>
<p>To find out more about PSD Vault VIP Membership, check out this post: <a href="../vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/</a></p>
<p>This tutorial is written by <strong>Joonas Sairiala </strong>for PSD Vault. Here is a brief intro of Joonas:</p>
<blockquote><p>Joonas is a finnish student studying for a Bachelor&#8217;s in Culture and Arts at  Tampere University of Applied Sciences. Joonas has a passion towards  multimedia and visual arts and is currently working around the clock to educate  himself in the creative fields. When he is not adventuring in the realm  of art and media he is gaming and watching sci-fi.</p></blockquote>
<p>You can find more of Joonas work on: <a href="http://www.flickr.com/photos/teloscore/" target="_blank">http://www.flickr.com/photos/teloscore/</a></p>
<h3>What You Will Learn</h3>
<p>In this tutorial, Joonas will walk you through the creation of this Dark Fantasy Scenary. You should have a firm grip on the different tools in Photoshop, especially adjustment layers.</p>
<h3>Final Image Preview</h3>
<p>Here is a preview of the final image for this tutorial: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/10/final.jpg"><img class="alignnone size-medium wp-image-7347" title="final" src="http://img.psdvault.com/2010/10/final-500x307.jpg" alt="final 500x307 VIP Member Exclusive Tutorial   Create Awesome Dark Fantasy Scenary in Photoshop" width="500" height="307" /></a></p>
<h3>Tutorial Spotlights</h3>
<p>Here are some sample screenshots from this tutorial:</p>
<p><a href="http://img.psdvault.com/2010/10/21.jpg"><img class="alignnone size-medium wp-image-7348" title="2" src="http://img.psdvault.com/2010/10/21-500x307.jpg" alt="21 500x307 VIP Member Exclusive Tutorial   Create Awesome Dark Fantasy Scenary in Photoshop" width="500" height="307" /></a></p>
<p><a href="http://img.psdvault.com/2010/10/10.jpg"><img class="alignnone size-medium wp-image-7350" title="10" src="http://img.psdvault.com/2010/10/10-500x466.jpg" alt="10 500x466 VIP Member Exclusive Tutorial   Create Awesome Dark Fantasy Scenary in Photoshop" width="500" height="466" /></a></p>
<p><a href="http://img.psdvault.com/2010/10/19.jpg"><img class="alignnone size-medium wp-image-7352" title="19" src="http://img.psdvault.com/2010/10/19-500x388.jpg" alt="19 500x388 VIP Member Exclusive Tutorial   Create Awesome Dark Fantasy Scenary in Photoshop" width="500" height="388" /></a></p>
<p>Interested? Log in to your VIP members area to download it now :)</p>
<p>Not a member yet? Click on the banner below to sign up now:</p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 VIP Member Exclusive Tutorial   Create Awesome Dark Fantasy Scenary in Photoshop" width="250" height="250" /></a></p>
<p>To find out more about PSD Vault VIP Membership, check out this post: <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/vip-member-exclusive-tutorial-create-awesome-dark-fantasy-scenary-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Design a Surreal Floating Eiffel Tower Scene In Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/design-a-surreal-floating-eiffel-tower-scene-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/design-a-surreal-floating-eiffel-tower-scene-in-photoshop/#comments</comments>
		<pubDate>Sat, 14 Mar 2009 15:54:15 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[cloud]]></category>
		<category><![CDATA[dark]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[intermediate]]></category>
		<category><![CDATA[lighting]]></category>
		<category><![CDATA[ocean]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=1879</guid>
		<description><![CDATA[In this tutorial, I will show the steps I took to design this absolutely magical, floating Eiffel Tower scene in Photoshop. The inspiration of this tutorial came from <a href="http://www.flickr.com/photos/matu02/3271408683/in/pool-psdvault" target="_blank">this wonderful design</a> done by <a href="http://www.flickr.com/photos/matu02/" target="_blank">matu02</a> in PSD Vault Flickr Group.

Along the way, we will be using a lot of layer masking techniques, blending options, selection technques, pen tool and dynamic brushes. Hope you enjoy it and find it useful and inspirational!]]></description>
			<content:encoded><![CDATA[<p>Ensure your success in exam by subscribing for <a href="http://www.testking.com/640-863.htm">testking 640-863</a> as well as testking 642-825 and <a href="http://www.testking.com/642-825.htm">testking 70-647</a> training program.</p>
<p>In this tutorial, I will show the steps I took to design this absolutely magical, floating Eiffel Tower scene in Photoshop. The inspiration of this tutorial came from <a href="http://www.flickr.com/photos/matu02/3271408683/in/pool-psdvault" target="_blank">this wonderful design</a> done by <a href="http://www.flickr.com/photos/matu02/" target="_blank">matu02</a> in PSD Vault Flickr Group.</p>
<p>Along the way, we will be using a lot of layer masking techniques, blending options, selection technques, pen tool and dynamic brushes. Hope you enjoy it and find it useful and inspirational!</p>
<p>Here is my final result for this tutorial: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2009/03/surreal-tower-scene-final-2.jpg"><img class="alignnone size-medium wp-image-1911" title="surreal-tower-scene-final-2" src="http://img.psdvault.com/2009/03/surreal-tower-scene-final-2-500x375.jpg" alt="surreal tower scene final 2 500x375 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="375" /></a></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="250" height="250" /></a></p>
<p>To complete this tutorial, you will need the following textures:</p>
<p><a href="http://lucieg-stock.deviantart.com/art/Misty-ocean-2-104660935" target="_blank">Misty Ocean</a></p>
<p><a href="http://imm0rtal-st0ck.deviantart.com/art/Dark-Waters-62894628" target="_blank">Dark Water</a></p>
<p><a href="http://europestock.deviantart.com/art/eiffel-tower-47095197" target="_blank">Tower Image</a></p>
<p><a href="http://pynipple.deviantart.com/art/new-moon-again-51725234" target="_blank">Moon</a></p>
<p><a href="http://grace-stock.deviantart.com/art/Moon-Stock-IX-63537621" target="_blank">Cloudy Scene</a></p>
<p><a href="http://lokidjb-stock.deviantart.com/art/bird-009-56810623" target="_blank">Eagle<br />
</a></p>
<p>Ok let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Load the &#8220;<strong>Misty Ocean</strong>&#8221; stock image into Photoshop. Duplicate the background layer once and set blending mode of the duplicated layer to be &#8220;Soft Light&#8221;.</p>
<p>We can see the overall image become darker a little bit and the colour contrast increases comparing with the original image:</p>
<p><img class="alignnone size-medium wp-image-1880" title="1-soft-light-duplicate" src="http://img.psdvault.com/2009/03/1-soft-light-duplicate-500x374.jpg" alt="1 soft light duplicate 500x374 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="374" /></p>
<p>Rename this layer as &#8220;soft light&#8221; and make a duplicate of this layer, set the duplicated layer blending mode to &#8220;overlay&#8221; and this will further increase the light and contrast of the image:</p>
<p><img class="alignnone size-medium wp-image-1881" title="1-overlay" src="http://img.psdvault.com/2009/03/1-overlay-500x369.jpg" alt="1 overlay 500x369 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="369" /></p>
<p>Rename this layer as &#8220;light overlay&#8221;.</p>
<h3>Step 2</h3>
<p>Now you will see the ocean portion disappeared and we don&#8217;t really want that. To reveal the ocean portion,  add a vector mask to the &#8220;light overlay&#8221; by clicking the following button on the layer palette:</p>
<p><img class="alignnone size-full wp-image-1882" title="2-vector-mask" src="http://img.psdvault.com/2009/03/2-vector-mask.jpg" alt="2 vector mask Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="211" height="106" /></p>
<p>Click on the mask thumbnail to select it, grab a big soft brush (I chose a 300px round brush), erase the ocean portion off the &#8220;light overlay&#8221; layer.</p>
<p>You will now see the ocean become more visible:</p>
<p><img class="alignnone size-medium wp-image-1883" title="2-effect2" src="http://img.psdvault.com/2009/03/2-effect2-500x376.jpg" alt="2 effect2 500x376 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="376" /></p>
<p>Optional: I feel the colour tone of the image is a bit dull and a bit more variation will make the image looks a bit more lively. So I add a new Adjustment layer (Color Balance) and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1884" title="2-colour-balance" src="http://img.psdvault.com/2009/03/2-colour-balance.jpg" alt="2 colour balance Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="437" height="224" /></p>
<p>Change the blending mode of this adjustment layer to &#8220;lighten&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1885" title="2-effect-21" src="http://img.psdvault.com/2009/03/2-effect-21-500x368.jpg" alt="2 effect 21 500x368 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="368" /></p>
<h3>Step 3</h3>
<p>Now let&#8217;s again focus on the ocean portion of the image. Currently we have a very smooth ocean without much movement at all. This can be a bit of problem because the end result we would like to achieve is a dynamic, active image.</p>
<p>So let&#8217;s load the &#8220;<strong>Dark Water</strong>&#8221; image into Photoshop. Go back to our document and use the Rectangular Marquee Tool with 20px feather to select the ocean portion of the image:</p>
<p><img class="alignnone size-medium wp-image-1886" title="3-rect-mar" src="http://img.psdvault.com/2009/03/3-rect-mar-500x125.jpg" alt="3 rect mar 500x125 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="125" /></p>
<p>Drag this selection onto the &#8220;Dark Water&#8221; Texture to position the selection as shown below:</p>
<p><img class="alignnone size-medium wp-image-1887" title="3-drag" src="http://img.psdvault.com/2009/03/3-drag-500x216.jpg" alt="3 drag 500x216 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="216" /></p>
<p>Copy and paste it back to our document, and you will see now the image become a bit dynamic and not so boring:</p>
<p><img class="alignnone size-medium wp-image-1888" title="3-effect2" src="http://img.psdvault.com/2009/03/3-effect2-500x189.jpg" alt="3 effect2 500x189 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="189" /></p>
<h3>Step 4</h3>
<p>Load the &#8220;Tower Image&#8221; into Photoshop. Use the Pen Tool to make a working path around the Tower:</p>
<p><img class="alignnone size-medium wp-image-1889" title="4-pen-tool" src="http://img.psdvault.com/2009/03/4-pen-tool-500x670.jpg" alt="4 pen tool 500x670 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="670" /></p>
<p>Make a selection (Right-click and choose &#8220;Make selection&#8221;) from the working path (0px feather), copy and paste the selection onto our document. Desaturate the layer, resize and position it as shown below:</p>
<p><img class="alignnone size-medium wp-image-1890" title="4-tower-position" src="http://img.psdvault.com/2009/03/4-tower-position-500x369.jpg" alt="4 tower position 500x369 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="369" /></p>
<p>Rename this layer as &#8220;Tower&#8221;. Then add a vector mask to this layer,  grab the Gradient Tool and apply the following gradient to the mask: (You can go the mask by Alt+left-click the mask thumbnail on the layer palette)</p>
<p><img class="alignnone size-medium wp-image-1891" title="4-gradient" src="http://img.psdvault.com/2009/03/4-gradient-500x376.jpg" alt="4 gradient 500x376 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="376" /></p>
<p>Go back to our document and you will see the tower is seamlessly linked to the cloud:</p>
<p><img class="alignnone size-full wp-image-1892" title="4-effect3" src="http://img.psdvault.com/2009/03/4-effect3.jpg" alt="4 effect3 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="291" height="437" /></p>
<h3>Step 5</h3>
<p>Load the &#8220;Moon&#8221; image into Photoshop, use whatever selection tool you feel comfortable with to make a selection of the moon, as shown below:</p>
<p><img class="alignnone size-medium wp-image-1893" title="5-moon-sel" src="http://img.psdvault.com/2009/03/5-moon-sel-500x332.jpg" alt="5 moon sel 500x332 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="332" /></p>
<p>Copy and paste the selection back to our document, resize, rotate and position it on the top right corner of the canvas:</p>
<p><img class="alignnone size-medium wp-image-1894" title="5-copy-paste" src="http://img.psdvault.com/2009/03/5-copy-paste-500x374.jpg" alt="5 copy paste 500x374 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="374" /></p>
<p>Name this layer as &#8220;Moon&#8221; and change the layer blending mode to &#8220;soft light&#8221;, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1895" title="5-effect2" src="http://img.psdvault.com/2009/03/5-effect2-499x373.jpg" alt="5 effect2 499x373 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="499" height="373" /></p>
<p>Duplicate the &#8220;Moon&#8221; layer a couple of times, you will see the the Moon become more visible:</p>
<p><img class="alignnone size-medium wp-image-1896" title="5-effect-21" src="http://img.psdvault.com/2009/03/5-effect-21-499x376.jpg" alt="5 effect 21 499x376 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="499" height="376" /></p>
<h3>Step 6</h3>
<p>Load the &#8220;cloud scene&#8221; image into Photoshop, use the Lasso Tool with 100px feather to make a selection as shown below:</p>
<p><img class="alignnone size-medium wp-image-1897" title="6-select" src="http://img.psdvault.com/2009/03/6-select-500x328.jpg" alt="6 select 500x328 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="328" /></p>
<p>Copy and paste the selection back to our document to the tower position, use Free Transform Tool (Ctrl + T) with Warp, perspective, resize, transform the cloud into a flaming effect:</p>
<p><img class="alignnone size-medium wp-image-1898" title="6-warp" src="http://img.psdvault.com/2009/03/6-warp-500x429.jpg" alt="6 warp 500x429 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="429" /></p>
<p>Name this layer as &#8220;Flame&#8221; and set its blending mode to &#8220;Overlay&#8221;. After this, duplicate this layer once, change the duplicated layer blending mode back to normal, use the Eraser Tool to erase off the bottom part of the flame on the duplicated layer:</p>
<p><img class="alignnone size-full wp-image-1899" title="6-erase" src="http://img.psdvault.com/2009/03/6-erase.jpg" alt="6 erase Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="454" height="366" /></p>
<h3>Step 7</h3>
<p>Load the &#8220;Eagle&#8221; image into Photoshop, use the same Pen Tool technique to make a selection of the eagle. Tip: after you make the selection, use the refine edge option to further enhance your selection: (The setting below can be used as a guideline only, you might have to apply slightly different settings according to your own selection)</p>
<p><img class="alignnone size-full wp-image-1900" title="7-refine-edge" src="http://img.psdvault.com/2009/03/7-refine-edge.jpg" alt="7 refine edge Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="328" height="463" /></p>
<p>Copy and paste the image onto our dcoument to the position as shown below:</p>
<p><img class="alignnone size-medium wp-image-1901" title="7-copy-paste" src="http://img.psdvault.com/2009/03/7-copy-paste-500x364.jpg" alt="7 copy paste 500x364 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="364" /></p>
<p>Name this layer as &#8220;eagle&#8221; anc change the layer blending mode to &#8220;linear burn&#8221;. Make several duplicated of this &#8220;eagle&#8221; layer, resize and rotate each layer and position the eagles in different places: (Assign different opacity, fill opacity to each duplicated layer as well)</p>
<p><img class="alignnone size-medium wp-image-1902" title="7-duplicate" src="http://img.psdvault.com/2009/03/7-duplicate-500x370.jpg" alt="7 duplicate 500x370 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="370" /></p>
<h3>Step 8</h3>
<p>Create a new layer called &#8220;shining effect&#8221; on top of all layers, use the Pen Tool to create a working path like this:</p>
<p><img class="alignnone size-medium wp-image-1903" title="8-pen-tool" src="http://img.psdvault.com/2009/03/8-pen-tool-500x224.jpg" alt="8 pen tool 500x224 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="224" /></p>
<p>Stroke the path using the following dynamic brush:</p>
<p>Shape Dynamics</p>
<p><img class="alignnone size-full wp-image-1907" title="8-shape-dyn-1" src="http://img.psdvault.com/2009/03/8-shape-dyn-1.jpg" alt="8 shape dyn 1 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="371" height="423" /></p>
<p>Scattering</p>
<p><img class="alignnone size-full wp-image-1908" title="8-scattering-1" src="http://img.psdvault.com/2009/03/8-scattering-1.jpg" alt="8 scattering 1 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="371" height="423" /></p>
<p>And you will have the following end result:</p>
<p><img class="alignnone size-medium wp-image-1909" title="8-effect1" src="http://img.psdvault.com/2009/03/8-effect1-500x374.jpg" alt="8 effect1 500x374 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="374" /></p>
<p>Ok that’s it for this tutorial! You can of course add some of your own texture or filter effect and see what the end results are!</p>
<p>Here is my final image for this tutorial. I Added a few light beams &#8211; If you like to know a quick way of rendering this, I have another tutorial here containing a part about doing so. Also tried aonther colour scheme:</p>
<p><a href="http://img.psdvault.com/2009/03/surreal-tower-scene-final-2.jpg"><img class="alignnone size-medium wp-image-1911" title="surreal-tower-scene-final-2" src="http://img.psdvault.com/2009/03/surreal-tower-scene-final-2-500x375.jpg" alt="surreal tower scene final 2 500x375 Design a Surreal Floating Eiffel Tower Scene In Photoshop" width="500" height="375" /></a></p>
<p>Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.</p>
<p>Cheers and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/design-a-surreal-floating-eiffel-tower-scene-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>73</slash:comments>
		</item>
		<item>
		<title>Design a Dark and Misty Mountain with Distant City Scene in Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/design-a-dark-and-misty-mountain-with-distant-city-scene-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/design-a-dark-and-misty-mountain-with-distant-city-scene-in-photoshop/#comments</comments>
		<pubDate>Wed, 04 Mar 2009 15:01:27 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[city]]></category>
		<category><![CDATA[dark]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[intermediate]]></category>
		<category><![CDATA[mountain]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=1773</guid>
		<description><![CDATA[In this tutorial, I will show you the steps involved in designing this dark and misty mountain scene with a gloomy looking far-away city scene in Photoshop.

Along the way, we will use techniques such as layer blending and masking, adjustments layer, filters effects and a variety of image adjustment options. You will learn methods to seamless blend two (or more) images together to generate cinematic effect. Have a go!]]></description>
			<content:encoded><![CDATA[<p>Our <a href="http://www.test-king.com/exams/CISA.htm">cisa</a> photoshop tutorial covers all the basics of web design. Learn how to create unique logo designs using <a href="http://www.test-king.com/cert-CCVP.htm">ccvp</a> tutorial and <a href="http://www.test-king.com/cert-MCSE-2008.htm">mcse</a> design guide.</p>
<p>In this tutorial, I will show you the steps involved in designing this dark and misty mountain scene with a gloomy looking far-away city scene in Photoshop.</p>
<p>Along the way, we will use techniques such as layer blending and masking, adjustments layer, filters effects and a variety of image adjustment options. You will learn methods to seamless blend two (or more) images together and generate cinematic effect. This is a simple tutorial with just 5 steps,  have a go!</p>
<p>Here is a preview of before and after effect:</p>
<p>Before</p>
<p><img class="alignnone size-medium wp-image-1798" title="moutain" src="http://img.psdvault.com/2009/03/moutain-500x375.jpg" alt="moutain 500x375 Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="500" height="375" /></p>
<p>After</p>
<p><img class="alignnone size-medium wp-image-1796" title="mountain-city-scene-final-3" src="http://img.psdvault.com/2009/03/mountain-city-scene-final-3-500x375.jpg" alt="mountain city scene final 3 500x375 Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="500" height="375" /></p>
<p>Alternative colour scheme:</p>
<p><img class="alignnone size-medium wp-image-1802" title="mountain-city-scene-final" src="http://img.psdvault.com/2009/03/mountain-city-scene-final-500x375.jpg" alt="mountain city scene final 500x375 Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="500" height="375" /></p>
<p><img class="alignnone size-medium wp-image-1797" title="mountain-city-scene-final-4" src="http://img.psdvault.com/2009/03/mountain-city-scene-final-4-500x375.jpg" alt="mountain city scene final 4 500x375 Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="500" height="375" /></p>
<p>Ok let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Download the following two stock photos from stockvault.net:</p>
<p><a href="http://www.stockvault.net/Landscape_g10-Fairy_Meadow_p15241.html" target="_blank">Mountain Image</a></p>
<p><a href="http://www.stockvault.net/Constructions_Buildi_g5-New_York_City_p10842.html" target="_blank">New York City Stock Photo</a></p>
<p>Load the &#8220;Moutain Image&#8221; into Photoshop, duplicate the background layer once. The reason we duplicate the background layer is in case we mess up this duplicated layer, we can always delete it and go back to the original background layer.</p>
<p>We can firstly give this photo a nice and cool gradient effect. So after duplicating, go to Layer &gt; New Adjustment Layer &gt; Gradient Fill, apply the following gradient settings:</p>
<p><img class="alignnone size-medium wp-image-1778" title="1-gradient" src="http://img.psdvault.com/2009/03/1-gradient-500x337.jpg" alt="1 gradient 500x337 Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="500" height="337" /></p>
<p>Then set the layer blending mode of this adjustment layer to &#8220;soft light&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1779" title="1-effect" src="http://img.psdvault.com/2009/03/1-effect-500x365.jpg" alt="1 effect 500x365 Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="500" height="365" /></p>
<h3>Step 2</h3>
<p>Duplicate the background layer once more and drag it to the top. Set the blending mode of this to &#8220;Screen&#8221; and go to Layer &gt; New Adjustment Layer &gt;Color Balance and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1780" title="2-colour-bal" src="http://img.psdvault.com/2009/03/2-colour-bal.jpg" alt="2 colour bal Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="437" height="224" /></p>
<p>Keep the blending mode of the adjustment layer as &#8220;normal&#8221; and you will see the following effect:</p>
<p><img class="alignnone size-medium wp-image-1781" title="2-effect" src="http://img.psdvault.com/2009/03/2-effect-500x373.jpg" alt="2 effect 500x373 Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="500" height="373" /></p>
<h3>Step 3</h3>
<p>Now we will add some more colour depth and make the image a bit darker. Firstly, we go to Layer &gt; New Adjustment Layer &gt;Channel Mixer and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1782" title="3-channel-mixer" src="http://img.psdvault.com/2009/03/3-channel-mixer.jpg" alt="3 channel mixer Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="398" height="348" /></p>
<p>Then go to Layer &gt; New Adjustment Layer &gt; Curves and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1783" title="3-curves" src="http://img.psdvault.com/2009/03/3-curves.jpg" alt="3 curves Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="471" height="529" /></p>
<p>Lastly we go to Layer &gt; New Adjustment Layer &gt; Levels and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1784" title="3-levels" src="http://img.psdvault.com/2009/03/3-levels.jpg" alt="3 levels Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="399" height="305" /></p>
<p>And you will have the following effect so far:</p>
<p><img class="alignnone size-medium wp-image-1785" title="3-effect" src="http://img.psdvault.com/2009/03/3-effect-500x376.jpg" alt="3 effect 500x376 Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="500" height="376" /></p>
<h3>Step 4</h3>
<p>Load the &#8220;New York City Stock Photo&#8221; into Photoshop, use the Rectangular Marquee (M) tool to select a portion of the image as shown below:</p>
<p><img class="alignnone size-medium wp-image-1786" title="4-selection" src="http://img.psdvault.com/2009/03/4-selection-500x333.jpg" alt="4 selection 500x333 Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="500" height="333" /></p>
<p>Copy and paste the selection onto our document and name the layer as &#8220;city&#8221;. Resize the image until it fits the width of our canvas and position it as shown below:</p>
<p><img class="alignnone size-medium wp-image-1787" title="4-position" src="http://img.psdvault.com/2009/03/4-position-499x412.jpg" alt="4 position 499x412 Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="499" height="412" /></p>
<p>Set the blending mode of  &#8220;city&#8221; layer to &#8220;multiply&#8221; and erase (using a big soft brush, I used 1,000px with 0% hardness) the the bottom portion of the layer (use a layer mask if you would like to be safe)</p>
<p><img class="alignnone size-medium wp-image-1788" title="4-erase" src="http://img.psdvault.com/2009/03/4-erase-499x367.jpg" alt="4 erase 499x367 Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="499" height="367" /></p>
<p>Duplicate the &#8220;city&#8221; layer once and apply the following Gaussian Blur settings:</p>
<p><img class="alignnone size-full wp-image-1789" title="4-gaussian" src="http://img.psdvault.com/2009/03/4-gaussian.jpg" alt="4 gaussian Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="316" height="305" /></p>
<p>Set the blending mode of the duplicated layer to &#8220;screen&#8221; and you will add a glowing effect for the city far-away:</p>
<p><img class="alignnone size-medium wp-image-1790" title="4-effect1" src="http://img.psdvault.com/2009/03/4-effect1-500x223.jpg" alt="4 effect1 500x223 Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="500" height="223" /></p>
<h3>Step 5</h3>
<p>Now we can render some mist/cloud for the forest and also add some uneven lighting effect. To do this, create a new layer called &#8220;lighting effect&#8221;, use the Lasso Tool with 80px feather to make a selection for the mountain forest, and render some cloud inside it (Filter &gt; Render &gt; Cloud):</p>
<p><img class="alignnone size-medium wp-image-1791" title="5-cloud" src="http://img.psdvault.com/2009/03/5-cloud-500x364.jpg" alt="5 cloud 500x364 Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="500" height="364" /></p>
<p>Change layer blending option to &#8220;overlay&#8221; and you will see the following effect:</p>
<p><img class="alignnone size-medium wp-image-1792" title="5-effect1" src="http://img.psdvault.com/2009/03/5-effect1-500x267.jpg" alt="5 effect1 500x267 Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="500" height="267" /></p>
<p>Duplicate the &#8220;lighting effect&#8221; layer and hit Ctrl + L, apply the following Curves Adjustments to the duplicated layer:</p>
<p><img class="alignnone size-full wp-image-1793" title="5-level" src="http://img.psdvault.com/2009/03/5-level.jpg" alt="5 level Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="399" height="305" /></p>
<p>Change the blending mode of the duplicated layer to &#8220;color dodge&#8221; and you will see the following effect: (lighting effect towards certain area has been enhanced)</p>
<p><img class="alignnone size-medium wp-image-1794" title="5-effect-2" src="http://img.psdvault.com/2009/03/5-effect-2-500x265.jpg" alt="5 effect 2 500x265 Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="500" height="265" /></p>
<p>Duplicate this layer a few more times, drag each of the duplicated layers around the image to produce more dynamic lighting effect and misty environment: (keep the blending mode to &#8220;color dodge&#8221; for each layer).</p>
<p>Here is the effect after duplication:</p>
<p><img class="alignnone size-medium wp-image-1795" title="5-effect-3" src="http://img.psdvault.com/2009/03/5-effect-3-500x367.jpg" alt="5 effect 3 500x367 Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="500" height="367" /></p>
<p>Ok that&#8217;s it for this tutorial! As for my final image, I slightly adjusted the hue/saturation:</p>
<p><img class="alignnone size-medium wp-image-1796" title="mountain-city-scene-final-3" src="http://img.psdvault.com/2009/03/mountain-city-scene-final-3-500x375.jpg" alt="mountain city scene final 3 500x375 Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="500" height="375" /></p>
<p>Alternative colour scheme:</p>
<p><img class="alignnone size-medium wp-image-1802" title="mountain-city-scene-final" src="http://img.psdvault.com/2009/03/mountain-city-scene-final-500x375.jpg" alt="mountain city scene final 500x375 Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="500" height="375" /></p>
<p><img class="alignnone size-medium wp-image-1797" title="mountain-city-scene-final-4" src="http://img.psdvault.com/2009/03/mountain-city-scene-final-4-500x375.jpg" alt="mountain city scene final 4 500x375 Design a Dark and Misty Mountain with Distant City Scene in Photoshop" width="500" height="375" /></p>
<p>Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.</p>
<p>Cheers and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/design-a-dark-and-misty-mountain-with-distant-city-scene-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>39</slash:comments>
		</item>
		<item>
		<title>Design a Grunge-Style Abstract Typography with Rusted Metal Texture in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/design-a-grunge-style-abstract-typography-with-rusted-metal-texture-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/design-a-grunge-style-abstract-typography-with-rusted-metal-texture-in-photoshop/#comments</comments>
		<pubDate>Thu, 26 Feb 2009 14:03:17 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Abstracts]]></category>
		<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[blending]]></category>
		<category><![CDATA[dark]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[grungy]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[texture]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=1700</guid>
		<description><![CDATA[In this tutorial, I will show you the steps I took to make a Grunge-Style Abstract Typography using rusted metal texture in Photoshop. The inspiration of this tutorial came from a grungy metal image I came across on stockvault.net and thought I could have a play with it :)

Together we will explore some layer blending techniques, variuos filter effects, and an interesting method of making the text look 3D. Have a go :)]]></description>
			<content:encoded><![CDATA[<p>Achieve 100% result on first try with help of <a href="http://www.testking.com/220-701.htm">testking 220-701</a> questions, <a href="http://www.testking.com/N10-004.htm">testking N10-004</a> labs and <a href="http://www.testking.com/640-822.htm">testking 640-822</a> practice test.</p>
<p>In this tutorial, I will show you the steps I took to make a Grungy-Style Abstract Typography using rusted metal texture in Photoshop. The inspiration of this tutorial came from a grungy metal image I came across on stockvault.net and thought I could have a play with it :)</p>
<p>Together we will explore some layer blending techniques, variuos filter effects, and an interesting method of making the text look 3D. Have a go!</p>
<p>Here is a preview of the final image: (click to enlarge)</p>
<p><img class="alignnone size-medium wp-image-1732" title="grungy-poster-typo-final-2" src="http://img.psdvault.com/2009/02/grungy-poster-typo-final-2-500x690.jpg" alt="grungy poster typo final 2 500x690 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="690" /></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="250" height="250" /></a></p>
<p>OK let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Download a copy of <a title="Grungy Image" href="http://www.stockvault.net/Rusted_g18-Rusted_metal_p12816.html" target="_blank">this grungy image</a> from stockvault.net and load it into Photoshop. We will use it as the background of this poster.</p>
<p>Rotate the canvas by 90 degree CW by going into Image &gt; Rotate Canvas &gt; 90 degree CW:</p>
<p><img class="alignnone size-medium wp-image-1701" title="1-rotate-canvas" src="http://img.psdvault.com/2009/02/1-rotate-canvas-463x700.jpg" alt="1 rotate canvas 463x700 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="463" height="700" /></p>
<p>We can add a bit of noise on the background image and make it look more grungy. To do this, duplicate the background layer and go to Filter &gt; Noise &gt; Dust &amp; Scratches and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1702" title="1-dust-and-scratch" src="http://img.psdvault.com/2009/02/1-dust-and-scratch.jpg" alt="1 dust and scratch Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="316" height="347" /></p>
<p>Change the layer blending option to &#8220;Overlay&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1704" title="1-effect1" src="http://img.psdvault.com/2009/02/1-effect1-466x700.jpg" alt="1 effect1 466x700 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="466" height="700" /></p>
<h3>Step 2</h3>
<p>Duplicate the &#8220;Background copy&#8221; layer once, go to Filter &gt; Sharpen &gt; Smart Sharpen and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-1705" title="2-sharpen" src="http://img.psdvault.com/2009/02/2-sharpen-500x317.jpg" alt="2 sharpen 500x317 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="317" /></p>
<p><img class="alignnone size-medium wp-image-1706" title="2-sha-shadow" src="http://img.psdvault.com/2009/02/2-sha-shadow-500x317.jpg" alt="2 sha shadow 500x317 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="317" /></p>
<p><img class="alignnone size-medium wp-image-1707" title="2-highlight" src="http://img.psdvault.com/2009/02/2-highlight-500x317.jpg" alt="2 highlight 500x317 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="317" /></p>
<p>Keep the layer blending mode as &#8220;overlay&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1708" title="2-effect5" src="http://img.psdvault.com/2009/02/2-effect5-486x700.jpg" alt="2 effect5 486x700 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="486" height="700" /></p>
<h3>Step 3</h3>
<p>Duplicate the &#8220;Background copy 2&#8243; layer once and go to Filter &gt; Stylize &gt; Glowing edge and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-1709" title="3-glowing-edge" src="http://img.psdvault.com/2009/02/3-glowing-edge-500x213.jpg" alt="3 glowing edge 500x213 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="213" /></p>
<p>Keep the layer blending option as &#8220;overlay&#8221; and you will see the following effect:</p>
<p><img class="alignnone size-medium wp-image-1710" title="3-effect5" src="http://img.psdvault.com/2009/02/3-effect5-500x674.jpg" alt="3 effect5 500x674 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="674" /></p>
<p>Then hit Ctrl + Shift + Alt + B and bring up the Black and White adjustment Tool, apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1711" title="3-bw1" src="http://img.psdvault.com/2009/02/3-bw1.jpg" alt="3 bw1 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="410" height="452" /></p>
<p>And you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1712" title="3-effect-2" src="http://img.psdvault.com/2009/02/3-effect-2-500x690.jpg" alt="3 effect 2 500x690 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="690" /></p>
<h3>Step 4</h3>
<p>Duplicate the &#8220;Background Copy 3&#8243; layer once, change the blending option of the duplicated layer to &#8220;Screen&#8221; and you have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1713" title="4-blend" src="http://img.psdvault.com/2009/02/4-blend-500x692.jpg" alt="4 blend 500x692 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="692" /></p>
<p>To create a bit of colour depth, we apply the Black and White adjustments to this layer (Ctrl + Alt + Shift + B) with the following settings:</p>
<p><img class="alignnone size-full wp-image-1714" title="4-bw1" src="http://img.psdvault.com/2009/02/4-bw1.jpg" alt="4 bw1 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="410" height="452" /></p>
<p><img class="alignnone size-medium wp-image-1715" title="4-effect6" src="http://img.psdvault.com/2009/02/4-effect6-500x691.jpg" alt="4 effect6 500x691 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="691" /></p>
<h3>Step 5</h3>
<p>Still on the previous layer, grab the Eraser Tool with a big soft round brush, erase the area where covering the yellow/golden part:</p>
<p><img class="alignnone size-medium wp-image-1716" title="5-erase" src="http://img.psdvault.com/2009/02/5-erase-500x649.jpg" alt="5 erase 500x649 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="649" /></p>
<p>Change the layer blending option to &#8220;Color&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1717" title="5-effect7" src="http://img.psdvault.com/2009/02/5-effect7-500x689.jpg" alt="5 effect7 500x689 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="689" /></p>
<p>Go back to the &#8220;Background copy 3&#8243; layer, again use the Eraser Tool with a big soft brush to erase the centre portion of the image:</p>
<p><img class="alignnone size-full wp-image-1718" title="5-erase-2" src="http://img.psdvault.com/2009/02/5-erase-2.jpg" alt="5 erase 2 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="437" height="454" /></p>
<h3>Step 6</h3>
<p>Now let&#8217;s add some text onto the background texture. Download a copy of <a href="http://www.urbanfonts.com/fonts/Decker.htm" target="_blank">this font </a>and type some text onto the canvas:</p>
<p><img class="alignnone size-medium wp-image-1719" title="6-type" src="http://img.psdvault.com/2009/02/6-type-500x566.jpg" alt="6 type 500x566 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="566" /></p>
<p>When you&#8217;re happy with the text, rasterize it and change its layer blending mode to &#8220;Hard Light&#8221;.  Apply the following layer blending options:</p>
<p>Drop Shadow:</p>
<p><img class="alignnone size-medium wp-image-1720" title="6-drop-shadow" src="http://img.psdvault.com/2009/02/6-drop-shadow-500x350.jpg" alt="6 drop shadow 500x350 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="350" /></p>
<p>Bevel and Emboss:</p>
<p><img class="alignnone size-medium wp-image-1721" title="6-bevel" src="http://img.psdvault.com/2009/02/6-bevel-500x350.jpg" alt="6 bevel 500x350 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="350" /></p>
<p>Texture</p>
<p><img class="alignnone size-medium wp-image-1722" title="6-texture" src="http://img.psdvault.com/2009/02/6-texture-500x350.jpg" alt="6 texture 500x350 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="350" /></p>
<p>Gradient Overlay:</p>
<p><img class="alignnone size-medium wp-image-1723" title="6-gradient" src="http://img.psdvault.com/2009/02/6-gradient-500x350.jpg" alt="6 gradient 500x350 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="350" /></p>
<p>And you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1724" title="6-effect5" src="http://img.psdvault.com/2009/02/6-effect5-499x449.jpg" alt="6 effect5 499x449 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="499" height="449" /></p>
<p>Duplicate the text layer 7-8 times, keep the blending mode of each layer as &#8220;hard light&#8221;, and you will have a deeper text effect as a result:</p>
<p><img class="alignnone size-medium wp-image-1725" title="6-effect-2" src="http://img.psdvault.com/2009/02/6-effect-2-500x505.jpg" alt="6 effect 2 500x505 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="505" /></p>
<p>Merge those duplicated layers together and name the merge layer as &#8220;Text&#8221;.</p>
<h3>Step 7</h3>
<p>Change the blend mode of the text layer to &#8220;Hard light&#8221;, duplicate it once again and apply the following Gaussian Blur filter on the duplicated layer:</p>
<p><img class="alignnone size-full wp-image-1726" title="7-gau-blur" src="http://img.psdvault.com/2009/02/7-gau-blur.jpg" alt="7 gau blur Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="316" height="305" /></p>
<p>After applying the Blur filter, duplicate this layer once more. On the duplicated layer, add a White colour overlay blending option as shown below:</p>
<p><img class="alignnone size-medium wp-image-1727" title="7-white-colour" src="http://img.psdvault.com/2009/02/7-white-colour-500x350.jpg" alt="7 white colour 500x350 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="350" /></p>
<p>Then on this layer, use the Eraser Tool to gently eraser some part of the text, by doing so you can create a uneven lighting effect and make the text look 3D:</p>
<p><img class="alignnone size-medium wp-image-1729" title="7-effect5" src="http://img.psdvault.com/2009/02/7-effect5-500x458.jpg" alt="7 effect5 500x458 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="458" /></p>
<h3>Step 8</h3>
<p>To a bit of extra flavor to the image, we can add a new layer called &#8220;cloud&#8221; in between the text and the background texture layer, use the Lasso Tool with 40px feather to make a selection around the text and render some cloud inside:</p>
<p><img class="alignnone size-medium wp-image-1730" title="8-cloud1" src="http://img.psdvault.com/2009/02/8-cloud1-500x500.jpg" alt="8 cloud1 500x500 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="500" /></p>
<p>To make the cloud look a bit uneven, we can simply duplicate the existing cloud layer once and set the blending mode of the duplicated layer to &#8220;hard light&#8221;.</p>
<p>Here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-1731" title="8-effect3" src="http://img.psdvault.com/2009/02/8-effect3-500x687.jpg" alt="8 effect3 500x687 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="687" /></p>
<p>Ok that&#8217;s it for this tutorial! You can of course add some of your own texture or filter effect and see what the end results are!</p>
<p>Here is my final result for this tutorial: (I add a bit of radial blur, and adjusted the colour balance a bit)</p>
<p><img class="alignnone size-medium wp-image-1732" title="grungy-poster-typo-final-2" src="http://img.psdvault.com/2009/02/grungy-poster-typo-final-2-500x690.jpg" alt="grungy poster typo final 2 500x690 Design a Grunge Style Abstract Typography with Rusted Metal Texture in Photoshop" width="500" height="690" /></p>
<p>Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.</p>
<p>Cheers and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/design-a-grunge-style-abstract-typography-with-rusted-metal-texture-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>60</slash:comments>
		</item>
		<item>
		<title>Give Your Photo a Shining and Metallic Effect in Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/give-your-photo-a-shining-and-metallic-effect-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/give-your-photo-a-shining-and-metallic-effect-in-photoshop/#comments</comments>
		<pubDate>Fri, 09 Jan 2009 16:50:12 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[blending]]></category>
		<category><![CDATA[dark]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[filter]]></category>
		<category><![CDATA[glow]]></category>
		<category><![CDATA[intermediate]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[shine]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=1011</guid>
		<description><![CDATA[In this tutorial, I will show you how you can apply dynamic colour and lighting effect to highlight your images and give them a shining and metallic effect in Photoshop.

By following this tutorial, you will gain further understanding into image adjustment tools, layer blending modes and various filters. Have a go, it's simple :) ]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you how you can apply dynamic colour and lighting effect to highlight your images and give them a shining and metallic effect in Photoshop. I will also introduce some techniques that you could use to hightlight certain objects within the image to make them stand out.</p>
<p>By following this tutorial, you will gain further understanding into image adjustment tools, layer blending modes and various filters. Have a go, it&#8217;s simple :)</p>
<p>Here is a before and after preview:</p>
<p>Before:</p>
<p><img class="alignnone size-medium wp-image-1035" title="london-day-1-323" src="http://img.psdvault.com/2009/01/london-day-1-323-500x281.jpg" alt="london day 1 323 500x281 Give Your Photo a Shining and Metallic Effect in Photoshop" width="500" height="281" /></p>
<p>After:</p>
<p><a href="http://img.psdvault.com/2009/01/dynamic-lighting-final-13.jpg"><img class="alignnone size-medium wp-image-1044" title="dynamic-lighting-final-13" src="http://img.psdvault.com/2009/01/dynamic-lighting-final-13-500x281.jpg" alt="dynamic lighting final 13 500x281 Give Your Photo a Shining and Metallic Effect in Photoshop" width="500" height="281" /></a></p>
<p>Ok let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Download a copy of <a href="http://img213.imageshack.us/my.php?image=londonday1323ov4.jpg" target="_blank">this image</a> and load it into Photoshop. This image is of my own stock and you may use it freely for anywhere.</p>
<p>Duplicate the background layer FIVE TIMES and hide the top 4 layers, leaving just the one directly above the background layer visible:</p>
<p><img class="alignnone size-medium wp-image-1013" title="1-duplicate" src="http://img.psdvault.com/2009/01/1-duplicate.jpg" alt="1 duplicate Give Your Photo a Shining and Metallic Effect in Photoshop" width="207" height="163" /></p>
<p>We will focus on the &#8220;Background copy&#8221; layer first and as the tutorial progresses, we will un-hide other layers and apply filters and adjustments to those layers as well.</p>
<h3>Step 2</h3>
<p>Firstly we would like to get rid of the crowd on the image so as to make it look less busy. However, you may like to retain the crowd and do stuff with them, that&#8217;s totally up to you.</p>
<p>OK so get rid of the crowd, select the &#8220;background copy&#8221; layer, grab a big, soft, round brush with 50% opacity and flow, gently brush over the crowd until you achieve the following effects:</p>
<p><img class="alignnone size-medium wp-image-1014" title="2-brush-over" src="http://img.psdvault.com/2009/01/2-brush-over-500x187.jpg" alt="2 brush over 500x187 Give Your Photo a Shining and Metallic Effect in Photoshop" width="500" height="187" /></p>
<p>Then change the blending mode to &#8220;Multiply&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1015" title="2-effect-so-far1" src="http://img.psdvault.com/2009/01/2-effect-so-far1-500x276.jpg" alt="2 effect so far1 500x276 Give Your Photo a Shining and Metallic Effect in Photoshop" width="500" height="276" /></p>
<h3>Step 3</h3>
<p>Now un-hide the &#8220;Background copy 2&#8243; layer, go to Filter &gt; Render &gt; Lighting Effect and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-1017" title="3-lighting-effect1" src="http://img.psdvault.com/2009/01/3-lighting-effect1-500x346.jpg" alt="3 lighting effect1 500x346 Give Your Photo a Shining and Metallic Effect in Photoshop" width="500" height="346" /></p>
<p>The reason I did this step is that I would like to make the light sort of coming from the sky and create some depth for the image.</p>
<p>Change the blending mode of this layer to &#8220;Soft light&#8221; and your effect will now look like this:</p>
<p><a href="http://img.psdvault.com/2009/01/3-effect1.jpg"><img class="alignnone size-medium wp-image-1018" title="3-effect1" src="http://img.psdvault.com/2009/01/3-effect1-500x279.jpg" alt="3 effect1 500x279 Give Your Photo a Shining and Metallic Effect in Photoshop" width="500" height="279" /></a></p>
<h3>Step 4</h3>
<p>Now un-hide the &#8220;Background copy 3&#8243; layer and drag it down below the &#8220;Background copy&#8221; layer:</p>
<p><img class="alignnone size-medium wp-image-1020" title="4-drag" src="http://img.psdvault.com/2009/01/4-drag.jpg" alt="4 drag Give Your Photo a Shining and Metallic Effect in Photoshop" width="208" height="145" /></p>
<p>Use the Dodge Tool with a 100px soft brush and 70% Exposure in Highlight mode, brush over the edges of the building where necessary to create some dynamic lighting.</p>
<p>Below is the effect after apply Dodge Tool:</p>
<p><img class="alignnone size-medium wp-image-1021" title="4-dodge-after" src="http://img.psdvault.com/2009/01/4-dodge-after-500x325.jpg" alt="4 dodge after 500x325 Give Your Photo a Shining and Metallic Effect in Photoshop" width="500" height="325" /></p>
<p>Optionally, you can apply the following Brightness and Contrast setting on this layer to enchance the lighting effect:</p>
<p><img class="alignnone size-medium wp-image-1022" title="4-bright" src="http://img.psdvault.com/2009/01/4-bright-500x358.jpg" alt="4 bright 500x358 Give Your Photo a Shining and Metallic Effect in Photoshop" width="500" height="358" /></p>
<h3>Step 5</h3>
<p>Now un-hide the &#8220;Background copy 4&#8243; layer, apply the Black and White Image Adjustment Tool with the following settings:</p>
<p><img class="alignnone size-medium wp-image-1023" title="5-bw" src="http://img.psdvault.com/2009/01/5-bw.jpg" alt="5 bw Give Your Photo a Shining and Metallic Effect in Photoshop" width="410" height="452" /></p>
<p>Change the blending mode of this layer to &#8220;Color&#8221; and reduce the opacity to 50%, and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1024" title="5-effect1" src="http://img.psdvault.com/2009/01/5-effect1-500x259.jpg" alt="5 effect1 500x259 Give Your Photo a Shining and Metallic Effect in Photoshop" width="500" height="259" /></p>
<h3>Step 6</h3>
<p>Now we&#8217;re going to add some more colour and lighting contrast to the image. Un-hide the &#8220;Background copy 5&#8243; layer, hit Ctrl + M and apply the following Curve Settings:</p>
<p><img class="alignnone size-medium wp-image-1025" title="6-curve" src="http://img.psdvault.com/2009/01/6-curve.jpg" alt="6 curve Give Your Photo a Shining and Metallic Effect in Photoshop" width="471" height="446" /></p>
<p>Then Go to Filter &gt; Render &gt; Gaussian Blur and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-1026" title="6-gaussian1" src="http://img.psdvault.com/2009/01/6-gaussian1.jpg" alt="6 gaussian1 Give Your Photo a Shining and Metallic Effect in Photoshop" width="316" height="305" /></p>
<p>Then change the layer blending mode of this layer to &#8220;Color Dodge&#8221; and reduce the opacity to 55%. The image will now look like this:</p>
<p><img class="alignnone size-medium wp-image-1027" title="6-effect1" src="http://img.psdvault.com/2009/01/6-effect1-499x300.jpg" alt="6 effect1 499x300 Give Your Photo a Shining and Metallic Effect in Photoshop" width="499" height="300" /></p>
<h3>Step 7</h3>
<p>Now go back to the &#8220;Background Copy&#8221; layer, use the Eraser Tool with a soft round brush (I used 200px, 30% flow and opacity), gently erase some portions of the dark area down the bottom (where the crowd located).</p>
<p>This creates more lighting dynamics and make it easier to focus on certain objects:</p>
<p><img class="alignnone size-medium wp-image-1028" title="7-effect-focus" src="http://img.psdvault.com/2009/01/7-effect-focus-500x141.jpg" alt="7 effect focus 500x141 Give Your Photo a Shining and Metallic Effect in Photoshop" width="500" height="141" /></p>
<h3>Step 8</h3>
<p>We can add some final touches for this image. Create a new layer and fill it with Black colour, go to Filter &gt; Render &gt; Fiber and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-1029" title="8-fiber" src="http://img.psdvault.com/2009/01/8-fiber.jpg" alt="8 fiber Give Your Photo a Shining and Metallic Effect in Photoshop" width="288" height="375" /></p>
<p>Then apply this Level Adjustment setting to it:</p>
<p><img class="alignnone size-medium wp-image-1030" title="8-level" src="http://img.psdvault.com/2009/01/8-level.jpg" alt="8 level Give Your Photo a Shining and Metallic Effect in Photoshop" width="399" height="305" /></p>
<p>Change the layer blending option to &#8220;Screen&#8221; and you will have the following image:</p>
<p><a href="http://img.psdvault.com/2009/01/dynamic-lighting-final-13.jpg"><img class="alignnone size-medium wp-image-1044" title="dynamic-lighting-final-13" src="http://img.psdvault.com/2009/01/dynamic-lighting-final-13-500x281.jpg" alt="dynamic lighting final 13 500x281 Give Your Photo a Shining and Metallic Effect in Photoshop" width="500" height="281" /></a></p>
<p>Ok that&#8217;s it for this tutorial! The rest is once again left upon your own imagination. Have a play with layers and filters, see what results they will bring you :)</p>
<p>Here is two other versions with different colour scheme I did for this tutorial:</p>
<p><img class="alignnone size-medium wp-image-1041" title="dynamic-lighting-final-21" src="http://img.psdvault.com/2009/01/dynamic-lighting-final-21-500x281.jpg" alt="dynamic lighting final 21 500x281 Give Your Photo a Shining and Metallic Effect in Photoshop" width="500" height="281" /></p>
<p><img class="alignnone size-medium wp-image-1033" title="dynamic-lighting-final-3" src="http://img.psdvault.com/2009/01/dynamic-lighting-final-3-500x281.jpg" alt="dynamic lighting final 3 500x281 Give Your Photo a Shining and Metallic Effect in Photoshop" width="500" height="281" /></p>
<p>Hope you enjoy this tutorial and find it inspirational :)</p>
<p>Thanks very much and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/give-your-photo-a-shining-and-metallic-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Design a Dark and Crimson Forest Scene in Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/design-a-dark-and-gloomy-forest-scene-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/design-a-dark-and-gloomy-forest-scene-in-photoshop/#comments</comments>
		<pubDate>Sun, 21 Dec 2008 05:23:20 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[blending]]></category>
		<category><![CDATA[dark]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[intermediate]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[light]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=746</guid>
		<description><![CDATA[In this tutorial, I will show you the processes I used to transform an average forest Photo into a Dark and Crimson Forest Scene, inspired by the Japanese Survival Horror Playstation game "Fatal Frame II: Crimson Butterfly".

We will explore various layer blending options, an interesting way of rendering light and various image adjustment options.]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you the processes I used to transform an average forest Photo into a Dark and Crimson Forest Scene, inspired by the Japanese Survival Horror Playstation game &#8220;Fatal Frame II: Crimson Butterfly&#8221;.</p>
<p>We will explore various layer blending options, an interesting way of rendering light and various image adjustment options.</p>
<p>Here is a preview of the the final result:</p>
<p><a href="http://img.psdvault.com/2008/12/crimson-forest-final1.jpg"><img class="alignnone size-medium wp-image-766" title="crimson-forest-final1" src="http://img.psdvault.com/2008/12/crimson-forest-final1-500x375.jpg" alt="crimson forest final1 500x375 Design a Dark and Crimson Forest Scene in Photoshop" width="500" height="375" /></a></p>
<p>Ok let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Download <a href="http://www.vistawallpaper.org/vista-wallpapers/forest.jpg" target="_blank">this image</a> off the net and use it as a starting point of this tutorial.</p>
<p>Load the image into Photoshop and duplicate the background layer. Set the blending option of the duplicated layer to &#8220;Hard Light&#8221;.</p>
<p><a href="http://img.psdvault.com/2008/12/1-duplicate.jpg"><img class="alignnone size-medium wp-image-749" title="1-duplicate" src="http://img.psdvault.com/2008/12/1-duplicate-500x376.jpg" alt="1 duplicate 500x376 Design a Dark and Crimson Forest Scene in Photoshop" width="500" height="376" /></a></p>
<h3>Step 2</h3>
<p>Duplicate the background layer again and put this duplicated layer on top of the one in the previous step.</p>
<p>Hit Ctrl + U to bring the Hue and Saturation Image adjustment tool, apply the following settings:</p>
<p><a href="http://img.psdvault.com/2008/12/2-hue-saturation.jpg"><img class="alignnone size-medium wp-image-750" title="2-hue-saturation" src="http://img.psdvault.com/2008/12/2-hue-saturation.jpg" alt="2 hue saturation Design a Dark and Crimson Forest Scene in Photoshop" width="411" height="310" /></a></p>
<p>Change the layer blending option to &#8220;Soft Light&#8221; and keep all other blending options unchanged.</p>
<p>Here is the effect so far:</p>
<p><a href="http://img.psdvault.com/2008/12/2-effect-so-far6.jpg"><img class="alignnone size-medium wp-image-751" title="2-effect-so-far6" src="http://img.psdvault.com/2008/12/2-effect-so-far6-500x375.jpg" alt="2 effect so far6 500x375 Design a Dark and Crimson Forest Scene in Photoshop" width="500" height="375" /></a></p>
<h3>Step 3</h3>
<p>Create a new Hue and Saturation Adjustment Layer (see below for detailed path)</p>
<p><a href="http://img.psdvault.com/2008/12/3-adjustment-layer.jpg"><img class="alignnone size-medium wp-image-752" title="3-adjustment-layer" src="http://img.psdvault.com/2008/12/3-adjustment-layer.jpg" alt="3 adjustment layer Design a Dark and Crimson Forest Scene in Photoshop" width="373" height="415" /></a></p>
<p>Apply the following Hue and Saturation Settings:</p>
<p><a href="http://img.psdvault.com/2008/12/3-hue-adjust.jpg"><img class="alignnone size-medium wp-image-753" title="3-hue-adjust" src="http://img.psdvault.com/2008/12/3-hue-adjust.jpg" alt="3 hue adjust Design a Dark and Crimson Forest Scene in Photoshop" width="411" height="310" /></a></p>
<p>The effect so far will look like this:</p>
<p><a href="http://img.psdvault.com/2008/12/3-effect-so-far4.jpg"><img class="alignnone size-medium wp-image-754" title="3-effect-so-far4" src="http://img.psdvault.com/2008/12/3-effect-so-far4-500x375.jpg" alt="3 effect so far4 500x375 Design a Dark and Crimson Forest Scene in Photoshop" width="500" height="375" /></a></p>
<h3>Step 4</h3>
<p><strong>This is an optional step.</strong> Personally I feel the image is a bit saturated and feel a bit hard. So i decided to add some softness to the image and desaturate it a bit.</p>
<p>To desaturate the image, duplicate the &#8220;Background Copy 2&#8243; layer, hit Ctrl + Alt + Shift + B to bring up the Black and White image adjustment tool, apply the following settings:</p>
<p><a href="http://img.psdvault.com/2008/12/4-black-and-white1.jpg"><img class="alignnone size-medium wp-image-755" title="4-black-and-white1" src="http://img.psdvault.com/2008/12/4-black-and-white1.jpg" alt="4 black and white1 Design a Dark and Crimson Forest Scene in Photoshop" width="416" height="477" /></a></p>
<p>Still on this layer, go to Filter &gt; Blur &gt; Gaussian Blur and apply the following settings:</p>
<p><a href="http://img.psdvault.com/2008/12/4-gaussian-blur1.jpg"><img class="alignnone size-medium wp-image-756" title="4-gaussian-blur1" src="http://img.psdvault.com/2008/12/4-gaussian-blur1.jpg" alt="4 gaussian blur1 Design a Dark and Crimson Forest Scene in Photoshop" width="322" height="330" /></a></p>
<p>Here is the image so far:</p>
<p><a href="http://img.psdvault.com/2008/12/4-effect-so-far4.jpg"><img class="alignnone size-medium wp-image-757" title="4-effect-so-far4" src="http://img.psdvault.com/2008/12/4-effect-so-far4-500x373.jpg" alt="4 effect so far4 500x373 Design a Dark and Crimson Forest Scene in Photoshop" width="500" height="373" /></a></p>
<h3>Step 5</h3>
<p>Now we can add some butterflies on the image. Create a new layer called &#8220;Butterfly&#8221; and load the &#8220;Special Effect Brushes&#8221; brush preset (see image below for details):</p>
<p><a href="http://img.psdvault.com/2008/12/5-butterfly-brush.jpg"><img class="alignnone size-medium wp-image-758" title="5-butterfly-brush" src="http://img.psdvault.com/2008/12/5-butterfly-brush-499x316.jpg" alt="5 butterfly brush 499x316 Design a Dark and Crimson Forest Scene in Photoshop" width="499" height="316" /></a></p>
<p>Paint some butterfly on the image as shown below (be aware that your result may look slightly different to mine because the brush dynamics).</p>
<p>Hint: User the Eraser Tool with 50% opacity and flow to erase some parts of the butterfly to create some depth. You may also hit Ctrl + T to bring up the free transformation Tool to adjust the shape of the butterfly a bit.</p>
<p>After painting the butterflies, set the layer blending option of this layer to &#8220;Color Dodge&#8221;:</p>
<p><a href="http://img.psdvault.com/2008/12/5-effect-so-far4.jpg"><img class="alignnone size-medium wp-image-759" title="5-effect-so-far4" src="http://img.psdvault.com/2008/12/5-effect-so-far4-500x362.jpg" alt="5 effect so far4 500x362 Design a Dark and Crimson Forest Scene in Photoshop" width="500" height="362" /></a></p>
<h3>Step 6</h3>
<p>We can add some extra lighting effect to image. To do this, create a new layer called &#8220;lighting&#8221;, use the Rectangular Marquee Tool to make a selection. Fill the selection with black colour:</p>
<p><a href="http://img.psdvault.com/2008/12/6-fill-black.jpg"><img class="alignnone size-medium wp-image-760" title="6-fill-black" src="http://img.psdvault.com/2008/12/6-fill-black-500x351.jpg" alt="6 fill black 500x351 Design a Dark and Crimson Forest Scene in Photoshop" width="500" height="351" /></a></p>
<p>Maintain the current selection, go to Filter &gt; Render &gt; Fiber and apply the following setting:</p>
<p><a href="http://img.psdvault.com/2008/12/6-fiber.jpg"><img class="alignnone size-medium wp-image-761" title="6-fiber" src="http://img.psdvault.com/2008/12/6-fiber.jpg" alt="6 fiber Design a Dark and Crimson Forest Scene in Photoshop" width="294" height="400" /></a></p>
<p>Hit Crtl + T to bring up Free Transformation Tool, rotate the selection as shown below:</p>
<p><a href="http://img.psdvault.com/2008/12/6-rotate.jpg"><img class="alignnone size-medium wp-image-762" title="6-rotate" src="http://img.psdvault.com/2008/12/6-rotate-500x274.jpg" alt="6 rotate 500x274 Design a Dark and Crimson Forest Scene in Photoshop" width="500" height="274" /></a></p>
<p>Go to Filter &gt; Blur &gt; Motion Blur and apply the following settings:</p>
<p><a href="http://img.psdvault.com/2008/12/6-motion-blur.jpg"><img class="alignnone size-medium wp-image-763" title="6-motion-blur" src="http://img.psdvault.com/2008/12/6-motion-blur.jpg" alt="6 motion blur Design a Dark and Crimson Forest Scene in Photoshop" width="322" height="377" /></a></p>
<p>After rendering motion blur, change the layer blending option of this layer to &#8220;Overlay&#8221; and you will have the following image:</p>
<p><a href="http://img.psdvault.com/2008/12/6-effect-so-far2.jpg"><img class="alignnone size-medium wp-image-764" title="6-effect-so-far2" src="http://img.psdvault.com/2008/12/6-effect-so-far2-500x375.jpg" alt="6 effect so far2 500x375 Design a Dark and Crimson Forest Scene in Photoshop" width="500" height="375" /></a></p>
<p>Ok let&#8217;s it for this tutorial~ You may add some more lighting effect, adjust the colour balance, or test applying some more texture onto it! Always remember not to limit your creativity!</p>
<p>Here is my final image for this tutorial:</p>
<p><a href="http://img.psdvault.com/2008/12/crimson-forest-final.jpg"><img class="alignnone size-medium wp-image-765" title="crimson-forest-final" src="http://img.psdvault.com/2008/12/crimson-forest-final-500x375.jpg" alt="crimson forest final 500x375 Design a Dark and Crimson Forest Scene in Photoshop" width="500" height="375" /></a></p>
<p>If you have any question, simply drop me a line!</p>
<p>Thank you very much and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/design-a-dark-and-gloomy-forest-scene-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
		<item>
		<title>Make a Devil May Cry Insipred Dark Portal Scene in Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/make-a-devil-may-cry-insipred-dark-portal-scene-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/make-a-devil-may-cry-insipred-dark-portal-scene-in-photoshop/#comments</comments>
		<pubDate>Sat, 13 Dec 2008 12:06:40 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Abstracts]]></category>
		<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[beginner]]></category>
		<category><![CDATA[dark]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[fantasy]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=621</guid>
		<description><![CDATA[In this tutorial, I will show you the processses involved in transforming an average photo into a mysterious dark portal to the underworld scene, inspired by the famous Playstation hack-and-slash game Devil May Cry.

The techniques used in this tutorial include layer blending styles, various image adjustment tools, filters and some basic selection techniques. The steps are very simple and straight-forward. Give it a go!]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you the processses involved in transforming an average photo into a mysterious dark portal to the underworld scene, inspired by the famous Playstation hack-and-slash game Devil May Cry.</p>
<p>The techniques used in this tutorial include layer blending styles, various image adjustment tools, filters and some basic selection techniques. The steps are very simple and straight-forward. Give it a go!</p>
<p>Here is a before-and-after comparison:</p>
<p>Before</p>
<p><a href="http://img.psdvault.com/2008/12/fantasy-ancient-building-original.jpg"><img class="alignnone size-medium wp-image-622" title="fantasy-ancient-building-original" src="http://img.psdvault.com/2008/12/fantasy-ancient-building-original-500x329.jpg" alt="fantasy ancient building original 500x329 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop" width="500" height="329" /></a></p>
<p>After</p>
<p><a href="http://img.psdvault.com/2008/12/fantasy-ancient-final.jpg"><img class="alignnone size-medium wp-image-623" title="fantasy-ancient-final" src="http://img.psdvault.com/2008/12/fantasy-ancient-final-500x329.jpg" alt="fantasy ancient final 500x329 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop" width="500" height="329" /></a></p>
<h3>PSD File for this Tutorial</h3>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop" width="250" height="250" /></a></p>
<p>Ok let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Download the above &#8220;Before&#8221; image and load it into Photoshop. On the background layer, use curve tool to adjust the lighting contrast a bit. See below for detailed settings:</p>
<p><a href="http://img.psdvault.com/2008/12/1-curve-tool.jpg"><img class="alignnone size-medium wp-image-624" title="1-curve-tool" src="http://img.psdvault.com/2008/12/1-curve-tool.jpg" alt="1 curve tool Make a Devil May Cry Insipred Dark Portal Scene in Photoshop" width="477" height="471" /></a></p>
<h3>Step 2</h3>
<p>Duplicate the background layer once, then hit Ctrl+Alt+Shift+B to bring up the the Black and White image adjustment tool, apply the following settings on the duplicated layer:</p>
<p><a href="http://img.psdvault.com/2008/12/2-black-and-white.jpg"><img class="alignnone size-medium wp-image-625" title="2-black-and-white" src="http://img.psdvault.com/2008/12/2-black-and-white.jpg" alt="2 black and white Make a Devil May Cry Insipred Dark Portal Scene in Photoshop" width="416" height="477" /></a></p>
<p>After applying Black and White, right-click on the layer and choose &#8220;Blending Option&#8221;, change the layer blending option of the duplicated layer to &#8220;Saturation&#8221;.</p>
<p>So far the effect looks like:</p>
<p><a href="http://img.psdvault.com/2008/12/2-effect-so-far3.jpg"><img class="alignnone size-medium wp-image-626" title="2-effect-so-far3" src="http://img.psdvault.com/2008/12/2-effect-so-far3-500x327.jpg" alt="2 effect so far3 500x327 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop" width="500" height="327" /></a></p>
<h3>Step 3</h3>
<p>Now we add some glowing light on the stone pillars. Duplicate the <strong>Background layer</strong> once more, and the duplicated layer above the previous duplicated layer in Step 2. Apply the Black and White image adjustment on this layer, using the following setting:</p>
<p><a href="http://img.psdvault.com/2008/12/3-black-and-white1.jpg"><img class="alignnone size-medium wp-image-627" title="3-black-and-white1" src="http://img.psdvault.com/2008/12/3-black-and-white1.jpg" alt="3 black and white1 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop" width="416" height="477" /></a></p>
<p>After Black and White, go to filter &gt; blur &gt; Gaussian Blur and apply the following settings:</p>
<p><a href="http://img.psdvault.com/2008/12/3-gaussian-blur.jpg"><img class="alignnone size-medium wp-image-628" title="3-gaussian-blur" src="http://img.psdvault.com/2008/12/3-gaussian-blur.jpg" alt="3 gaussian blur Make a Devil May Cry Insipred Dark Portal Scene in Photoshop" width="322" height="330" /></a></p>
<p>After applying gaussian blur, change the layer blending option to &#8220;Screen&#8221; and <strong>set the layer opacity to about 70%.</strong></p>
<p>Optional: You may apply the Curve Tool (Ctrl + M) on this layer if you wouldl like to adjust the colour constrast.</p>
<p><a href="http://img.psdvault.com/2008/12/3-curve-tool.jpg"><img class="alignnone size-medium wp-image-630" title="3-curve-tool" src="http://img.psdvault.com/2008/12/3-curve-tool.jpg" alt="3 curve tool Make a Devil May Cry Insipred Dark Portal Scene in Photoshop" width="477" height="471" /></a></p>
<p>The effect so far looks like this:</p>
<p><a href="http://img.psdvault.com/2008/12/3-effect-so-far.jpg"><img class="alignnone size-medium wp-image-629" title="3-effect-so-far" src="http://img.psdvault.com/2008/12/3-effect-so-far-500x328.jpg" alt="3 effect so far 500x328 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop" width="500" height="328" /></a></p>
<h3>Step 4</h3>
<p>Now we want to create some cloud/mist inside the archway so it looks like a portal to the underworld and add some extra CG effect.</p>
<p>Create a new layer named &#8220;cloud&#8221; on top of every other layer, use the Lasso Tool with a 15-20px feather, select the six archways respectively. (To do this, you need hold down the Shift key while selecting)</p>
<p>Fill the selection with Black and go to Filter &gt; Render &gt; Cloud and render some cloud:</p>
<p><a href="http://img.psdvault.com/2008/12/4-after-lasso-cloud.jpg"><img class="alignnone size-medium wp-image-631" title="4-after-lasso-cloud" src="http://img.psdvault.com/2008/12/4-after-lasso-cloud-500x287.jpg" alt="4 after lasso cloud 500x287 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop" width="500" height="287" /></a></p>
<p>You can repeatly hit Ctrl + F to re-render the cloud untill you&#8217;re happy with it.</p>
<p>After rendering cloud, hit Ctrl + L to bring up the Level Tool, apply the following settings:</p>
<p><a href="http://img.psdvault.com/2008/12/4-level1.jpg"><img class="alignnone size-medium wp-image-632" title="4-level1" src="http://img.psdvault.com/2008/12/4-level1.jpg" alt="4 level1 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop" width="405" height="330" /></a></p>
<p>Then hit Ctrl + M to bring up the Curve Tool, apply the following settings:</p>
<p><a href="http://img.psdvault.com/2008/12/4-curve-tool2.jpg"><img class="alignnone size-medium wp-image-633" title="4-curve-tool2" src="http://img.psdvault.com/2008/12/4-curve-tool2.jpg" alt="4 curve tool2 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop" width="477" height="471" /></a></p>
<p>Optional: You may use the Clone Stamp Tool to clone some clouds and fill the empty gap.</p>
<p><a href="http://img.psdvault.com/2008/12/4-effect-so-far1.jpg"><img class="alignnone size-medium wp-image-634" title="4-effect-so-far1" src="http://img.psdvault.com/2008/12/4-effect-so-far1-500x327.jpg" alt="4 effect so far1 500x327 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop" width="500" height="327" /></a></p>
<h3>Step 5</h3>
<p>Now we can add some colour to the image. Create a new layer and set the layer blending option to overlay. Grab a big brush and change its setting as the following:</p>
<p><a href="http://img.psdvault.com/2008/12/5-brush.jpg"><img class="alignnone size-medium wp-image-635" title="5-brush" src="http://img.psdvault.com/2008/12/5-brush-500x29.jpg" alt="5 brush 500x29 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop" width="500" height="29" /></a></p>
<p>To make the Devil May Cry Theme, I Chose a Dark red colour and brush over the cloudy part of the image:</p>
<p>The effect so far looks like this:</p>
<p><a href="http://img.psdvault.com/2008/12/5-effect-so-far2.jpg"><img class="alignnone size-medium wp-image-636" title="5-effect-so-far2" src="http://img.psdvault.com/2008/12/5-effect-so-far2-500x320.jpg" alt="5 effect so far2 500x320 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop" width="500" height="320" /></a></p>
<p>Ok! That&#8217;s it for this tutorial. You may still want to adjust its Hue and Saturaton a bit more, or simply add some more lighting effects to it.</p>
<p>Here is my final image for this tutorial:</p>
<p><a href="http://img.psdvault.com/2008/12/fantasy-ancient-final.jpg"><img class="alignnone size-medium wp-image-623" title="fantasy-ancient-final" src="http://img.psdvault.com/2008/12/fantasy-ancient-final-500x329.jpg" alt="fantasy ancient final 500x329 Make a Devil May Cry Insipred Dark Portal Scene in Photoshop" width="500" height="329" /></a></p>
<p>Hope you enjoy this tutorial and if you have any question, just drop me a comment below.</p>
<p>PS: I used a lot of Keyboard shortcuts in this tutorial. The reason is that I think it&#8217;s a good idea for a beginner to practice some shortcuts and later on you will form this habit and increase your work efficiency.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/make-a-devil-may-cry-insipred-dark-portal-scene-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>Seeking Inspiration &#8211; Part II: The Mystic Darkness</title>
		<link>http://www.psdvault.com/inspirations/seeking-inspiration-part-ii-the-mystic-darkness/</link>
		<comments>http://www.psdvault.com/inspirations/seeking-inspiration-part-ii-the-mystic-darkness/#comments</comments>
		<pubDate>Sun, 07 Dec 2008 02:50:04 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Inspirations]]></category>
		<category><![CDATA[dark]]></category>
		<category><![CDATA[inspiration]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=558</guid>
		<description><![CDATA[Welcome to the second part of "Seeking Inspiration" on PSD Vault. This time we take a look at those design works containing a reletively dark theme. Although the dark colour/theme can be a little depressive sometimes, they can always offer a mysterious and gloomy atmosphere.

I Hope you enjoy this post and let me know what you think of them :)]]></description>
			<content:encoded><![CDATA[<p>Welcome to the second Volume of &#8220;Seeking Inspiration&#8221; on PSD Vault.</p>
<p>As I mentioned in Part I, this series is aimed to provide inspirational contents to readers and to give an extra boost for your creativity. For each part, I will be focusing on a specific topic and I will feature design works from fine artists an designers all over the world.</p>
<p>In Part II, we take a look at those design works containing a reletively dark theme. In my opinion, although the dark colour/theme can be a little depressive sometimes, they can always offer a mysterious and gloomy atmosphere and make you feel there are something unique to discover.</p>
<p>OK here it goes the works. I Hope you enjoy this post and let me know what you think of them :)</p>
<p><a href="http://denisolivier.deviantart.com/art/Old-Pier-At-Dusk-105022589"><img class="alignnone size-medium wp-image-559" title="old_pier_at_dusk_by_denisolivier" src="http://img.psdvault.com/2008/12/old_pier_at_dusk_by_denisolivier-500x500.png" alt="old pier at dusk by denisolivier 500x500 Seeking Inspiration   Part II: The Mystic Darkness " width="500" height="500" /></a></p>
<p><a href="http://etchepare.deviantart.com/art/Cathares-study-56-105570616"><img class="alignnone size-medium wp-image-560" title="cathares_study_56_by_etchepare" src="http://img.psdvault.com/2008/12/cathares_study_56_by_etchepare-500x500.jpg" alt="cathares study 56 by etchepare 500x500 Seeking Inspiration   Part II: The Mystic Darkness " width="500" height="500" /></a></p>
<p><a href="http://dr4kon.deviantart.com/art/The-Ladder-105394054"><img class="alignnone size-medium wp-image-561" title="the_ladder_by_dr4kon" src="http://img.psdvault.com/2008/12/the_ladder_by_dr4kon-500x665.jpg" alt="the ladder by dr4kon 500x665 Seeking Inspiration   Part II: The Mystic Darkness " width="500" height="665" /></a></p>
<p><a href="http://acukur.deviantart.com/art/Land-On-The-Water-101389792"><img class="alignnone size-medium wp-image-562" title="65_by_acukur" src="http://img.psdvault.com/2008/12/65_by_acukur-500x500.jpg" alt="65 by acukur 500x500 Seeking Inspiration   Part II: The Mystic Darkness " width="500" height="500" /></a></p>
<p><a href="http://menoevil.deviantart.com/art/The-House-105558316"><img class="alignnone size-medium wp-image-563" title="the-house" src="http://img.psdvault.com/2008/12/the-house.jpg" alt="the house Seeking Inspiration   Part II: The Mystic Darkness " width="500" height="500" /></a></p>
<p><a href="http://alcove.deviantart.com/art/at-down-105473918"><img class="alignnone size-medium wp-image-564" title="at_down____by_alcove" src="http://img.psdvault.com/2008/12/at_down____by_alcove-500x500.jpg" alt="at down    by alcove 500x500 Seeking Inspiration   Part II: The Mystic Darkness " width="500" height="500" /></a></p>
<p>OK that&#8217;s it for Part II of the &#8220;Seeking Inspiration&#8221; Series. Hope you enjoy those works!</p>
<p>Cheers and have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/inspirations/seeking-inspiration-part-ii-the-mystic-darkness/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Transform a Daylight Photo into a Sin-City Inspired Night-Scene Image</title>
		<link>http://www.psdvault.com/photo-effect/transform-a-daylight-photo-into-sin-city-inspired-night-scene-image/</link>
		<comments>http://www.psdvault.com/photo-effect/transform-a-daylight-photo-into-sin-city-inspired-night-scene-image/#comments</comments>
		<pubDate>Wed, 19 Nov 2008 08:29:59 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[dark]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[intermediate]]></category>
		<category><![CDATA[night]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=297</guid>
		<description><![CDATA[In this tutorial, I will demonstrate how you can easily turn a normal photo taken in daylight, into a realistic Night-Scened Image, inspired by the moive Sin City.

We will be using tools such as the curve tool, brush tool, level adjustment and various layer blending options. ]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will demonstrate how you can easily turn a normal photo taken in daylight, into a realistic Night-Scened Image, inspired by the moive Sin City.</p>
<p>We will be using tools such as the curve tool, brush tool, level adjustment and various layer blending options.</p>
<p>In fact, you are able to use this method I showed you on pretty any image with daylight on.</p>
<h3>Step 1</h3>
<p>Download a copy of the following image. Load it into Photoshop.</p>
<p>This is a photo I took while holidaying in London, you can use it freely anywhere.</p>
<p><a href="http://img.psdvault.com/2008/11/london-day-1-and-2-009.jpg"><img class="alignnone size-medium wp-image-298" title="london-day-1-and-2-009" src="http://img.psdvault.com/2008/11/london-day-1-and-2-009-500x282.jpg" alt="london day 1 and 2 009 500x282 Transform a Daylight Photo into a Sin City Inspired Night Scene Image" width="500" height="282" /></a></p>
<h3>Step 2</h3>
<p>Use a <strong>big black brush</strong> with the following settings to gentle brush over the image, you should pay attention to the sky in particular.</p>
<p><a href="http://img.psdvault.com/2008/11/1-brush-setting-300px.jpg"><img class="alignnone size-medium wp-image-299" title="1-brush-setting-300px" src="http://img.psdvault.com/2008/11/1-brush-setting-300px-500x31.jpg" alt="1 brush setting 300px 500x31 Transform a Daylight Photo into a Sin City Inspired Night Scene Image" width="500" height="31" /></a></p>
<p><a href="http://img.psdvault.com/2008/11/2-effect-after-300px.jpg"><img class="alignnone size-medium wp-image-300" title="2-effect-after-300px" src="http://img.psdvault.com/2008/11/2-effect-after-300px-500x281.jpg" alt="2 effect after 300px 500x281 Transform a Daylight Photo into a Sin City Inspired Night Scene Image" width="500" height="281" /></a></p>
<h3>Step 3</h3>
<p>Use another big brush with a hard-mix mode, brush over the other left hand side of the buidling with red roof, this will create some extra contrast and kill some day lights. See below for detailed settings:</p>
<p><a href="http://img.psdvault.com/2008/11/3-brush-setting-300px.jpg"><img class="alignnone size-medium wp-image-301" title="3-brush-setting-300px" src="http://img.psdvault.com/2008/11/3-brush-setting-300px-500x32.jpg" alt="3 brush setting 300px 500x32 Transform a Daylight Photo into a Sin City Inspired Night Scene Image" width="500" height="32" /></a></p>
<p><a href="http://img.psdvault.com/2008/11/4-effect-after-300px.jpg"><img class="alignnone size-medium wp-image-302" title="4-effect-after-300px" src="http://img.psdvault.com/2008/11/4-effect-after-300px-500x282.jpg" alt="4 effect after 300px 500x282 Transform a Daylight Photo into a Sin City Inspired Night Scene Image" width="500" height="282" /></a></p>
<h3>Step 4</h3>
<p>Go to Image &gt; adjustments &gt; level and alter the RGB level of the image a bit. See below for detailed settings:</p>
<p><a href="http://img.psdvault.com/2008/11/5-level-adjustment.jpg"><img class="alignnone size-medium wp-image-303" title="5-level-adjustment" src="http://img.psdvault.com/2008/11/5-level-adjustment.jpg" alt="5 level adjustment Transform a Daylight Photo into a Sin City Inspired Night Scene Image" width="399" height="305" /></a></p>
<h3>Step 5</h3>
<p>Double click the background layer to unlock it, duplicate this background layer once, click on the duplicated layer and go to image &gt; adjustment &gt; curve to adjustment the colour contrast a bit, see below for details:</p>
<p><a href="http://img.psdvault.com/2008/11/6-curve.jpg"><img class="alignnone size-medium wp-image-304" title="6-curve" src="http://img.psdvault.com/2008/11/6-curve.jpg" alt="6 curve Transform a Daylight Photo into a Sin City Inspired Night Scene Image" width="471" height="446" /></a></p>
<p>then set the layer blending option to &#8220;color-dodge&#8221; by right-click on the layer and choose &#8220;blending options&#8221;. See below for detailed setting:</p>
<p><a href="http://img.psdvault.com/2008/11/7-layer-style.jpg"><img class="alignnone size-medium wp-image-305" title="7-layer-style" src="http://img.psdvault.com/2008/11/7-layer-style-500x368.jpg" alt="7 layer style 500x368 Transform a Daylight Photo into a Sin City Inspired Night Scene Image" width="500" height="368" /></a></p>
<h3>Step 6</h3>
<p>Duplicate the background layer once more and put it on top of the previously duplicated layer, change the layer blending option to &#8220;lighten&#8221; (See below) and apply some Dodge and Burn tool effects (use a big brush for overall effect, a smaller brush for fine-tune details).</p>
<p><a href="http://img.psdvault.com/2008/11/8-layer-style.jpg"><img class="alignnone size-medium wp-image-306" title="8-layer-style" src="http://img.psdvault.com/2008/11/8-layer-style-500x368.jpg" alt="8 layer style 500x368 Transform a Daylight Photo into a Sin City Inspired Night Scene Image" width="500" height="368" /></a></p>
<p><a href="http://img.psdvault.com/2008/11/8-dodge-burn.jpg"><img class="alignnone size-medium wp-image-307" title="8-dodge-burn" src="http://img.psdvault.com/2008/11/8-dodge-burn.jpg" alt="8 dodge burn Transform a Daylight Photo into a Sin City Inspired Night Scene Image" width="168" height="123" /></a></p>
<p>You should now have the following image (or similar):</p>
<p><a href="http://img.psdvault.com/2008/11/9-effect-after.jpg"><img class="alignnone size-medium wp-image-308" title="9-effect-after" src="http://img.psdvault.com/2008/11/9-effect-after-500x285.jpg" alt="9 effect after 500x285 Transform a Daylight Photo into a Sin City Inspired Night Scene Image" width="500" height="285" /></a></p>
<h3>Step 7</h3>
<p>Go to image &gt; adjustment &gt; channel mixer and apply the following settings:</p>
<p><a href="http://img.psdvault.com/2008/11/10-channel-mixer.jpg"><img class="alignnone size-medium wp-image-309" title="10-channel-mixer" src="http://img.psdvault.com/2008/11/10-channel-mixer.jpg" alt="10 channel mixer Transform a Daylight Photo into a Sin City Inspired Night Scene Image" width="404" height="374" /></a></p>
<p>This is the image so far:</p>
<p><a href="http://img.psdvault.com/2008/11/11-effect-so-far.jpg"><img class="alignnone size-medium wp-image-310" title="11-effect-so-far" src="http://img.psdvault.com/2008/11/11-effect-so-far-500x283.jpg" alt="11 effect so far 500x283 Transform a Daylight Photo into a Sin City Inspired Night Scene Image" width="500" height="283" /></a></p>
<p>Ok, that&#8217;s it for this tutorial, you can use your own imaginatios from here and add some street lighting and further adjust the existing lighting condition. Have a try!</p>
<p>Here is my finished work:</p>
<p><a href="http://img.psdvault.com/2008/11/night-scene.jpg"><img class="alignnone size-medium wp-image-311" title="night-scene" src="http://img.psdvault.com/2008/11/night-scene-500x282.jpg" alt="night scene 500x282 Transform a Daylight Photo into a Sin City Inspired Night Scene Image" width="500" height="282" /></a></p>
<p>Hope you enjoy this tutorial! Any comment or feedback, just drop me a comment!</p>
<p>Thanks and have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/transform-a-daylight-photo-into-sin-city-inspired-night-scene-image/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Create a Diablo III Inspired Grungy Text Effect</title>
		<link>http://www.psdvault.com/text-effects/create-diablo-iii-inspired-grunge-text-effect/</link>
		<comments>http://www.psdvault.com/text-effects/create-diablo-iii-inspired-grunge-text-effect/#comments</comments>
		<pubDate>Mon, 17 Nov 2008 12:42:30 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[dark]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[grunge]]></category>
		<category><![CDATA[intermediate]]></category>
		<category><![CDATA[text]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=247</guid>
		<description><![CDATA[This tutorial shows the path I took to create this Diablo III Inspired Grunge Text Effect.

I was looking for some design inspirations on the net and I bumped into the Diablo III website. I  was intrigued by the design of the title text and I thought: what happen if I add something extra to it? What will the end result like if I apply a cracked texture on top of the text?

The story begins...]]></description>
			<content:encoded><![CDATA[<p>Go through <a href="http://www.testking.com/642-901.htm">testking 642-901</a> questions and <a href="http://www.testking.com/642-812.htm">testking 642-812</a> prepared by <a href="http://www.testking.com/SY0-201.htm">testking SY0-201</a> certified team to help you pass your exam on first attempt.</p>
<p>This tutorial shows the path I took to create this Diablo III Inspired Grunge Text Effect.</p>
<p>I was looking for some design inspirations on the net and I bumped into the Diablo III website. I  was intrigued by the design of the title text and I thought: what happen if I add something extra to it? What will the end result like if I apply a cracked texture on top of the text? The story begins&#8230;</p>
<p>Just a sneak-peak of the final text effect:</p>
<p><a href="http://img.psdvault.com/2008/11/diablo-text.jpg"><img class="alignnone size-medium wp-image-263" title="diablo-text" src="http://img.psdvault.com/2008/11/diablo-text-500x142.jpg" alt="diablo text 500x142 Create a Diablo III Inspired Grungy Text Effect" width="500" height="142" /></a></p>
<h3>Step 1</h3>
<p>Firstly we need a nice font and a texture for overlay effect. You can use any font you like, I chose <a title="http://www.dafont.com/metal-macabre.font" href="http://www.dafont.com/metal-macabre.font" target="_blank">this font </a>from dafont.com. After choosing your font, donwload a copy of this texture below (click to download)</p>
<p><a href="http://www.cgtextures.com/texview.php?id=7604&amp;PHPSESSID=uis8sqspng5ta7enegpp4ssbf7"><img class="alignnone size-medium wp-image-248" title="crackles0029_2_s" src="http://img.psdvault.com/2008/11/crackles0029_2_s-500x375.jpg" alt="crackles0029 2 s 500x375 Create a Diablo III Inspired Grungy Text Effect" width="500" height="375" /></a></p>
<h3>Step 2</h3>
<p>Create a new document of any size, I chose 800*600px because it provides more room later on if I want to add something extra on. Fill the background layer with black.</p>
<p>Use the type tool to type some text onto it using <strong>the white colour</strong>. Name this layer as &#8220;text&#8221;, right-click on the layer and go to Blending Options, use the follow settings:</p>
<p>Drop shadow</p>
<p><a href="http://img.psdvault.com/2008/11/drop-shadow.jpg"><img class="alignnone size-medium wp-image-251" title="drop-shadow" src="http://img.psdvault.com/2008/11/drop-shadow-500x350.jpg" alt="drop shadow 500x350 Create a Diablo III Inspired Grungy Text Effect" width="500" height="350" /></a></p>
<p>Bevel and Emboss</p>
<p><a href="http://img.psdvault.com/2008/11/bevel-and-emboss.jpg"><img class="alignnone size-medium wp-image-253" title="bevel-and-emboss" src="http://img.psdvault.com/2008/11/bevel-and-emboss-500x350.jpg" alt="bevel and emboss 500x350 Create a Diablo III Inspired Grungy Text Effect" width="500" height="350" /></a></p>
<p>Hightlight Mode colour for Bevel and Emboss option</p>
<p><a href="http://img.psdvault.com/2008/11/bevel-and-emboss-colour.jpg"><img class="alignnone size-medium wp-image-254" title="bevel-and-emboss-colour" src="http://img.psdvault.com/2008/11/bevel-and-emboss-colour-500x312.jpg" alt="bevel and emboss colour 500x312 Create a Diablo III Inspired Grungy Text Effect" width="500" height="312" /></a></p>
<p>Gradient Overlay</p>
<p><a href="http://img.psdvault.com/2008/11/gradient-overlay.jpg"><img class="alignnone size-medium wp-image-255" title="gradient-overlay" src="http://img.psdvault.com/2008/11/gradient-overlay-500x350.jpg" alt="gradient overlay 500x350 Create a Diablo III Inspired Grungy Text Effect" width="500" height="350" /></a></p>
<h3>Step 3</h3>
<p>Open the texture image file you downloaded, use the selection tool to select a portion of the image and drag your selection on top of the &#8220;text&#8221; layer. Name it &#8220;texture&#8221;, right-click it and choose &#8220;create clipping mask&#8221;.</p>
<p>Use the curve tool to adjust the colour mixture of this layer a bit. See below for detailed curve tool setting:</p>
<p><a href="http://img.psdvault.com/2008/11/curve-setting.jpg"><img class="alignnone size-medium wp-image-256" title="curve-setting" src="http://img.psdvault.com/2008/11/curve-setting.jpg" alt="curve setting Create a Diablo III Inspired Grungy Text Effect" width="471" height="446" /></a></p>
<h3>Step 4</h3>
<p>Change the layer blending option of this layer to &#8220;screen&#8221;, apply inner glow and some dark brown satin in the blending options. See below for details:</p>
<p><a href="http://img.psdvault.com/2008/11/screen-text-layer.jpg"><img class="alignnone size-medium wp-image-257" title="screen-text-layer" src="http://img.psdvault.com/2008/11/screen-text-layer-500x350.jpg" alt="screen text layer 500x350 Create a Diablo III Inspired Grungy Text Effect" width="500" height="350" /></a></p>
<h3>Step 5</h3>
<p>On the &#8220;texture&#8221; layer, use a big circle brush with a low opacity and flow (30% each) and dark yellow colour to add some colour contrast on it. Below is the text effect so far:</p>
<p><a href="http://img.psdvault.com/2008/11/effect-so-far.jpg"><img class="alignnone size-medium wp-image-258" title="effect-so-far" src="http://img.psdvault.com/2008/11/effect-so-far-500x252.jpg" alt="effect so far 500x252 Create a Diablo III Inspired Grungy Text Effect" width="500" height="252" /></a></p>
<h3>Step 6</h3>
<p>Duplicate the &#8220;texture&#8221; layer once, apply the &#8220;Glass&#8221; filter onto it. See below for detailed settings:</p>
<p><a href="http://img.psdvault.com/2008/11/glass.jpg"><img class="alignnone size-medium wp-image-259" title="glass" src="http://img.psdvault.com/2008/11/glass.jpg" alt="glass Create a Diablo III Inspired Grungy Text Effect" width="250" height="230" /></a></p>
<p>Then set the layer blending option to &#8220;Color Burn&#8221;.</p>
<p><a href="http://img.psdvault.com/2008/11/text-layer-overlay-2.jpg"><img class="alignnone size-medium wp-image-260" title="text-layer-overlay-2" src="http://img.psdvault.com/2008/11/text-layer-overlay-2-500x350.jpg" alt="text layer overlay 2 500x350 Create a Diablo III Inspired Grungy Text Effect" width="500" height="350" /></a></p>
<h3>Step 7</h3>
<p>Optional: you can some extra effects on top of the duplicated texture layer. I added a dupilcated layer with a &#8220;Medium&#8221; filter on and set the layer blending option to &#8220;Color Dodge&#8221;. See below image for details:</p>
<p>Medium filter</p>
<p><a href="http://img.psdvault.com/2008/11/median.jpg"><img class="alignnone size-medium wp-image-261" title="median" src="http://img.psdvault.com/2008/11/median.jpg" alt="median Create a Diablo III Inspired Grungy Text Effect" width="322" height="331" /></a></p>
<p>Layer blending option</p>
<p><a href="http://img.psdvault.com/2008/11/median-layer-color-dodge.jpg"><img class="alignnone size-medium wp-image-262" title="median-layer-color-dodge" src="http://img.psdvault.com/2008/11/median-layer-color-dodge-500x350.jpg" alt="median layer color dodge 500x350 Create a Diablo III Inspired Grungy Text Effect" width="500" height="350" /></a></p>
<p>Ok, that&#8217;s it for this tutorial! You may want to add some more creativity onto this text effect, go ahead with it!</p>
<p>Below is my finished work, I added some brush effects and motion blur:</p>
<p><a href="http://img.psdvault.com/2008/11/diablo-text.jpg"><img class="alignnone size-medium wp-image-263" title="diablo-text" src="http://img.psdvault.com/2008/11/diablo-text-500x142.jpg" alt="diablo text 500x142 Create a Diablo III Inspired Grungy Text Effect" width="500" height="142" /></a></p>
<p>I hope you enjoy this tutorial. Any questions or feedback, just drop me a comment!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/create-diablo-iii-inspired-grunge-text-effect/feed/</wfw:commentRss>
		<slash:comments>107</slash:comments>
		</item>
	</channel>
</rss>

