<?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; city</title>
	<atom:link href="http://www.psdvault.com/tag/city/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>Design an Epic Sci-Fi Style Urban City Scene in Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/design-an-epic-sci-fi-style-urban-city-scene-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/design-an-epic-sci-fi-style-urban-city-scene-in-photoshop/#comments</comments>
		<pubDate>Sun, 07 Mar 2010 07:51:56 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[city]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[epic]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[sci-fi]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=5309</guid>
		<description><![CDATA[In this tutorial, I will show you the steps I took to create this Epic, Sci-Fi Sytle Urban City Scene (Montage) in Photoshop, by utilising a few simple photo manipulation tricks. Have a try!]]></description>
			<content:encoded><![CDATA[<p>Using <a href="http://www.test-king.com/exams/70-433.htm">70-433</a> design guides and <a href="http://www.test-king.com/exams/70-294.htm">70-294</a> design tutorials learn how to create user friendly web designs.  Become expert with <a href="http://www.test-king.com/exams/642-373.htm">642-373</a> web designing course.</p>
<p>In this tutorial, I will show you the steps I took to create this Epic, Sci-Fi Sytle Urban City Scene (Montage) in Photoshop, by utilising a few simple photo manipulation tricks. Have a try!</p>
<p>Here is a preview of the final image for this tutorial: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/03/epic-urban-city-montage-flatten1.jpg"><img class="alignnone size-medium wp-image-5363" title="epic-urban-city-montage-flatten" src="http://img.psdvault.com/2010/03/epic-urban-city-montage-flatten1-500x500.jpg" alt="epic urban city montage flatten1 500x500 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="500" /></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 an Epic Sci Fi Style Urban City Scene in Photoshop" width="250" height="250" /></a><br />
Ok let&#8217;s get started!</p>
<p>To complete this tutorial, you will need the following stocks:</p>
<p><a href="http://xutopiastock.deviantart.com/art/Premade-Background-4-122988293" target="_blank">Ground</a></p>
<p><a href="http://z-stock.deviantart.com/art/city-stock-86195542" target="_blank">City</a></p>
<p><a href="http://mysticmorning.deviantart.com/art/Storm-Brewing-stock-114644923" target="_blank">Cloud Right</a></p>
<p><a href="http://riktorsashen.deviantart.com/art/Midnight-Storm-89105100" target="_blank">Cloud Left</a></p>
<p><a href="http://night-fate-stock.deviantart.com/art/storm-6-102392122" target="_blank">Cloud Overlay</a></p>
<p><a href="http://www.4shared.com/file/235889424/b5dd28b3/DSC03040.html" target="_blank">Girl</a></p>
<p><a href="http://env1ro.deviantart.com/art/WaterColor-Reloaded-98294189" target="_blank">Watercolor Brushes</a></p>
<h3>Step 1</h3>
<p>Create a new document sized 1200px * 1200px, fill the background layer with Black colour. Load the <a href="http://xutopiastock.deviantart.com/art/Premade-Background-4-122988293" target="_blank">Ground</a> stock image into Photoshop, select the lower half of the image with the Rectangular Marquee Tool, as shown below:</p>
<p><a href="http://img.psdvault.com/2010/03/1-select.jpg"><img class="alignnone size-medium wp-image-5312" title="1 select" src="http://img.psdvault.com/2010/03/1-select-500x309.jpg" alt="1 select 500x309 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="309" /></a></p>
<p>Copy and paste the selection onto our canvas, as shown below:</p>
<p><a href="http://img.psdvault.com/2010/03/1-paste.jpg"><img class="alignnone size-medium wp-image-5313" title="1 paste" src="http://img.psdvault.com/2010/03/1-paste-500x337.jpg" alt="1 paste 500x337 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="337" /></a></p>
<p>Erase the top edges of the texture, as shown below:</p>
<p><a href="http://img.psdvault.com/2010/03/1-erase.jpg"><img class="alignnone size-medium wp-image-5314" title="1 erase" src="http://img.psdvault.com/2010/03/1-erase-500x489.jpg" alt="1 erase 500x489 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="489" /></a></p>
<p>Name this layer as &#8220;Ground&#8221;, apply the following Black and White adjustment layer to it:</p>
<p><a href="http://img.psdvault.com/2010/03/1-bw1.jpg"><img class="alignnone size-full wp-image-5315" title="1 bw" src="http://img.psdvault.com/2010/03/1-bw1.jpg" alt="1 bw1 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="210" height="336" /></a></p>
<p>and here is the effect so far:</p>
<p><a href="http://img.psdvault.com/2010/03/1-effect1.jpg"><img class="alignnone size-medium wp-image-5316" title="1 effect" src="http://img.psdvault.com/2010/03/1-effect1-500x494.jpg" alt="1 effect1 500x494 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="494" /></a></p>
<h3>Step 2</h3>
<p>Load the <a href="http://z-stock.deviantart.com/art/city-stock-86195542" target="_blank">City</a> texture into Photoshop, select the building portion of the image as shown below:</p>
<p><a href="http://img.psdvault.com/2010/03/2-select.jpg"><img class="alignnone size-medium wp-image-5317" title="2 select" src="http://img.psdvault.com/2010/03/2-select-499x372.jpg" alt="2 select 499x372 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="499" height="372" /></a></p>
<p>Don&#8217;t worry if the selection is not precise, this is not important in this tutorial.</p>
<p>Copy and paste the selection onto our canvas, resize and position the new layer as shown below:</p>
<p><a href="http://img.psdvault.com/2010/03/2-paste.jpg"><img class="alignnone size-medium wp-image-5319" title="2 paste" src="http://img.psdvault.com/2010/03/2-paste-499x398.jpg" alt="2 paste 499x398 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="499" height="398" /></a></p>
<p>Now we want to hide certain portion of the city building. So we can add the following mask to this city building layer:</p>
<p><a href="http://img.psdvault.com/2010/03/2-mask.jpg"><img class="alignnone size-medium wp-image-5320" title="2 mask" src="http://img.psdvault.com/2010/03/2-mask-500x501.jpg" alt="2 mask 500x501 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="501" /></a></p>
<p>As you can see, here we not only used a soft round brush, but also the <a href="http://env1ro.deviantart.com/art/WaterColor-Reloaded-98294189" target="_blank">Watercolor Brushes</a> we downloaded before for the edges of the building, plus a feathered rectangular marquee tool:</p>
<p><a href="http://img.psdvault.com/2010/03/2-mask-reveal.jpg"><img class="alignnone size-medium wp-image-5321" title="2 mask reveal" src="http://img.psdvault.com/2010/03/2-mask-reveal-500x500.jpg" alt="2 mask reveal 500x500 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="500" /></a></p>
<p>and here is the effect after the masking:</p>
<p><a href="http://img.psdvault.com/2010/03/2-after-mask.jpg"><img class="alignnone size-medium wp-image-5322" title="2 after mask" src="http://img.psdvault.com/2010/03/2-after-mask-500x507.jpg" alt="2 after mask 500x507 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="507" /></a></p>
<p>Name this layer as &#8220;City&#8221;, apply the following Black and White adjustment layer to it: (make sure to tick the &#8220;use previous layer as clipping mask&#8221; option)</p>
<p><a href="http://img.psdvault.com/2010/03/2-bw.jpg"><img class="alignnone size-full wp-image-5323" title="2 bw" src="http://img.psdvault.com/2010/03/2-bw.jpg" alt="2 bw Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="207" height="319" /></a></p>
<p>and here is the effect so far:</p>
<p><a href="http://img.psdvault.com/2010/03/2-effect1.jpg"><img class="alignnone size-medium wp-image-5324" title="2 effect" src="http://img.psdvault.com/2010/03/2-effect1-499x507.jpg" alt="2 effect1 499x507 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="499" height="507" /></a></p>
<h3>Step 3</h3>
<p>Load the <a href="http://mysticmorning.deviantart.com/art/Storm-Brewing-stock-114644923" target="_blank">Cloud Right</a> stock image into Photoshop, copy the entire image, and paste it onto our canvas.</p>
<p>Put the new layer below the &#8220;City&#8221; layer, resize and position the new layer as shown below:</p>
<p><a href="http://img.psdvault.com/2010/03/3-paste.jpg"><img class="alignnone size-medium wp-image-5325" title="3 paste" src="http://img.psdvault.com/2010/03/3-paste-500x474.jpg" alt="3 paste 500x474 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="474" /></a></p>
<p>Add the following layer mask to this cloud layer:</p>
<p><a href="http://img.psdvault.com/2010/03/3-mask.jpg"><img class="alignnone size-medium wp-image-5326" title="3 mask" src="http://img.psdvault.com/2010/03/3-mask-500x499.jpg" alt="3 mask 500x499 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="499" /></a></p>
<p>Name this layer as &#8220;Cloud Right&#8221;, apply the following Black and White adjustment layer to it: (make sure to tick the &#8220;use previous layer as clipping mask&#8221; option)</p>
<p><a href="http://img.psdvault.com/2010/03/3-bw.jpg"><img class="alignnone size-full wp-image-5327" title="3 bw" src="http://img.psdvault.com/2010/03/3-bw.jpg" alt="3 bw Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="210" height="336" /></a></p>
<p>Duplicate this cloud right layer once, apply the following motion blur to the duplicated layer:</p>
<p><a href="http://img.psdvault.com/2010/03/3-motion-blur.jpg"><img class="alignnone size-full wp-image-5328" title="3 motion blur" src="http://img.psdvault.com/2010/03/3-motion-blur.jpg" alt="3 motion blur Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="316" height="349" /></a></p>
<p>This will smoothen the cloud and add a bit more motion into the image.</p>
<p>Apply the same black and white adjustment layer as depicted in the original cloud right layer to the duplicated layer, reduce the opacity of the duplicate to around 40%, you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/03/3-effect-2.jpg"><img class="alignnone size-medium wp-image-5329" title="3 effect 2" src="http://img.psdvault.com/2010/03/3-effect-2-500x504.jpg" alt="3 effect 2 500x504 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="504" /></a></p>
<h3>Step 4</h3>
<p>Load the <a href="http://riktorsashen.deviantart.com/art/Midnight-Storm-89105100" target="_blank">Cloud Left</a> texture image into Photoshop. Select a portion of texture with Lasso Tool (50px feather) as shown below:</p>
<p><a href="http://img.psdvault.com/2010/03/4-select1.jpg"><img class="alignnone size-medium wp-image-5330" title="4 select" src="http://img.psdvault.com/2010/03/4-select1-499x360.jpg" alt="4 select1 499x360 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="499" height="360" /></a></p>
<p>Copy and paste the selection onto our canvas, put the layer above the &#8220;Cloud Right&#8221; layer, but below the &#8220;City&#8221; layer, resize it as shown below:</p>
<p><a href="http://img.psdvault.com/2010/03/4-paste.jpg"><img class="alignnone size-medium wp-image-5331" title="4 paste" src="http://img.psdvault.com/2010/03/4-paste-500x459.jpg" alt="4 paste 500x459 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="459" /></a></p>
<p>Erase the excessive portion with a soft brush as shown below:</p>
<p><a href="http://img.psdvault.com/2010/03/4-erase.jpg"><img class="alignnone size-medium wp-image-5332" title="4 erase" src="http://img.psdvault.com/2010/03/4-erase-500x473.jpg" alt="4 erase 500x473 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="473" /></a></p>
<p>Name this layer as &#8220;Cloud Left&#8221;, apply the following Black and White adjustment layer to it: (make sure to tick the &#8220;use previous layer as clipping mask&#8221; option)</p>
<p><a href="http://img.psdvault.com/2010/03/4-bw.jpg"><img class="alignnone size-full wp-image-5333" title="4 bw" src="http://img.psdvault.com/2010/03/4-bw.jpg" alt="4 bw Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="210" height="313" /></a></p>
<p>here is the effect so far:</p>
<p><a href="http://img.psdvault.com/2010/03/4-effect1.jpg"><img class="alignnone size-medium wp-image-5335" title="4 effect" src="http://img.psdvault.com/2010/03/4-effect1-500x500.jpg" alt="4 effect1 500x500 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="500" /></a></p>
<h3>Step 5</h3>
<p>Load the <a href="http://www.4shared.com/file/235889424/b5dd28b3/DSC03040.html" target="_blank">Girl</a> texture image into Photoshop. Use the Lasso Tool to make a selection around the girl and the snake, as shown below: (set feather to 40px)</p>
<p><a href="http://img.psdvault.com/2010/03/5-girl.jpg"><img class="alignnone size-medium wp-image-5336" title="5 girl" src="http://img.psdvault.com/2010/03/5-girl-500x320.jpg" alt="5 girl 500x320 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="320" /></a></p>
<p>Copy and paste the selection onto our canvas, put the new layer above all other layers, resize and position it as shown below:</p>
<p><a href="http://img.psdvault.com/2010/03/5-paste.jpg"><img class="alignnone size-medium wp-image-5337" title="5 paste" src="http://img.psdvault.com/2010/03/5-paste-499x495.jpg" alt="5 paste 499x495 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="499" height="495" /></a></p>
<p>Name this layer as &#8220;Girl&#8221;, apply the following Black and White adjustment layer to it: (make sure to tick the &#8220;use previous layer as clipping mask&#8221; option)</p>
<p><a href="http://img.psdvault.com/2010/03/5-bw.jpg"><img class="alignnone size-full wp-image-5338" title="5 bw" src="http://img.psdvault.com/2010/03/5-bw.jpg" alt="5 bw Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="211" height="315" /></a></p>
<p>and here is the effect so far:</p>
<p><a href="http://img.psdvault.com/2010/03/5-effect1.jpg"><img class="alignnone size-medium wp-image-5339" title="5 effect" src="http://img.psdvault.com/2010/03/5-effect1-500x502.jpg" alt="5 effect1 500x502 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="502" /></a></p>
<h3>Step 6</h3>
<p>Load the <a href="http://night-fate-stock.deviantart.com/art/storm-6-102392122" target="_blank">Cloud Overlay</a> texture image into Photoshop, copy and paste the entire image onto our canvas, as shown below:</p>
<p><a href="http://img.psdvault.com/2010/03/6-cloud-paste.jpg"><img class="alignnone size-medium wp-image-5340" title="6 cloud paste" src="http://img.psdvault.com/2010/03/6-cloud-paste-500x442.jpg" alt="6 cloud paste 500x442 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="442" /></a></p>
<p>Name this layer as &#8220;Cloud overlay&#8221;, apply the following Black and White adjustment layer to it: (make sure to tick the &#8220;use previous layer as clipping mask&#8221; option)</p>
<p><a href="http://img.psdvault.com/2010/03/6-bw.jpg"><img class="alignnone size-full wp-image-5341" title="6 bw" src="http://img.psdvault.com/2010/03/6-bw.jpg" alt="6 bw Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="205" height="304" /></a></p>
<p>Change the blending mode of this layer to &#8220;Screen&#8221; and opacity to 30%, you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/03/6-effect1.jpg"><img class="alignnone size-medium wp-image-5342" title="6 effect" src="http://img.psdvault.com/2010/03/6-effect1-500x499.jpg" alt="6 effect1 500x499 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="499" /></a></p>
<p>Cloud overlay is a perfect way to add lighting dynamics and increase the depth for your image. Experiment with it and you will find it very useful when it comes to add extra flavor to your design.</p>
<h3>Step 7</h3>
<p>Now we pretty much set the overall layout for this city scene. Now we add some more contrast and colour onto it to make it look sci-fi.</p>
<p>Add the following adjustment layers (and their relevant masks) on top of all layers:</p>
<p>Curves</p>
<p><a href="http://img.psdvault.com/2010/03/7-curves.jpg"><img class="alignnone size-full wp-image-5343" title="7 curves" src="http://img.psdvault.com/2010/03/7-curves.jpg" alt="7 curves Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="210" height="336" /></a></p>
<p>Mask</p>
<p><a href="http://img.psdvault.com/2010/03/7-curves-mask.jpg"><img class="alignnone size-medium wp-image-5344" title="7 curves mask" src="http://img.psdvault.com/2010/03/7-curves-mask-500x492.jpg" alt="7 curves mask 500x492 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="492" /></a></p>
<p>Attention: for the following 2 colour balance adjustment layer, use the watercolour brushset on the mask for more painting and realistic effect.</p>
<p>Colour Balance Right (set blending mode to &#8220;soft light&#8221;)</p>
<p><a href="http://img.psdvault.com/2010/03/7-col-right-sha.jpg"><img class="alignnone size-full wp-image-5352" title="7 col right sha" src="http://img.psdvault.com/2010/03/7-col-right-sha.jpg" alt="7 col right sha Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="210" height="336" /></a></p>
<p><a href="http://img.psdvault.com/2010/03/7-col-right-mid.jpg"><img class="alignnone size-full wp-image-5351" title="7 col right mid" src="http://img.psdvault.com/2010/03/7-col-right-mid.jpg" alt="7 col right mid Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="210" height="336" /></a></p>
<p><a href="http://img.psdvault.com/2010/03/7-col-right-hig.jpg"><img class="alignnone size-full wp-image-5349" title="7 col right hig" src="http://img.psdvault.com/2010/03/7-col-right-hig.jpg" alt="7 col right hig Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="210" height="336" /></a></p>
<p>Mask</p>
<p><a href="http://img.psdvault.com/2010/03/7-col-right-mask.jpg"><img class="alignnone size-medium wp-image-5350" title="7 col right mask" src="http://img.psdvault.com/2010/03/7-col-right-mask-500x492.jpg" alt="7 col right mask 500x492 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="492" /></a></p>
<p>Colour Balance Rest of the image</p>
<p><a href="http://img.psdvault.com/2010/03/7-col-left-sha.jpg"><img class="alignnone size-full wp-image-5348" title="7 col left sha" src="http://img.psdvault.com/2010/03/7-col-left-sha.jpg" alt="7 col left sha Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="210" height="336" /></a></p>
<p><a href="http://img.psdvault.com/2010/03/7-col-left-mid.jpg"><img class="alignnone size-full wp-image-5347" title="7 col left mid" src="http://img.psdvault.com/2010/03/7-col-left-mid.jpg" alt="7 col left mid Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="210" height="336" /></a></p>
<p><a href="http://img.psdvault.com/2010/03/7-col-left-hig.jpg"><img class="alignnone size-full wp-image-5345" title="7 col left hig" src="http://img.psdvault.com/2010/03/7-col-left-hig.jpg" alt="7 col left hig Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="210" height="336" /></a></p>
<p>Mask</p>
<p><a href="http://img.psdvault.com/2010/03/7-col-left-mask.jpg"><img class="alignnone size-medium wp-image-5346" title="7 col left mask" src="http://img.psdvault.com/2010/03/7-col-left-mask-500x506.jpg" alt="7 col left mask 500x506 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="506" /></a></p>
<p>Levels</p>
<p><a href="http://img.psdvault.com/2010/03/7-levels.jpg"><img class="alignnone size-full wp-image-5353" title="7 levels" src="http://img.psdvault.com/2010/03/7-levels.jpg" alt="7 levels Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="214" height="356" /></a></p>
<p>Mask</p>
<p><a href="http://img.psdvault.com/2010/03/7-levels-mask.jpg"><img class="alignnone size-medium wp-image-5354" title="7 levels mask" src="http://img.psdvault.com/2010/03/7-levels-mask-500x500.jpg" alt="7 levels mask 500x500 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="500" /></a></p>
<p>and here is the effect so far:</p>
<p><a href="http://img.psdvault.com/2010/03/7-effect.jpg"><img class="alignnone size-medium wp-image-5355" title="7 effect" src="http://img.psdvault.com/2010/03/7-effect-499x537.jpg" alt="7 effect 499x537 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="499" height="537" /></a></p>
<h3>Step 8</h3>
<p>We&#8217;re nearly finished! I decided to add more contrast to the left side of the image, especially on the left edge of the high-rise in the centre. So I further added the following two adjustment layers:</p>
<p>Hue and Saturation</p>
<p><a href="http://img.psdvault.com/2010/03/8-hue.jpg"><img class="alignnone size-full wp-image-5356" title="8 hue" src="http://img.psdvault.com/2010/03/8-hue.jpg" alt="8 hue Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="210" height="336" /></a></p>
<p>Mask</p>
<p><a href="http://img.psdvault.com/2010/03/8-hue-mask.jpg"><img class="alignnone size-medium wp-image-5357" title="8 hue mask" src="http://img.psdvault.com/2010/03/8-hue-mask-500x507.jpg" alt="8 hue mask 500x507 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="507" /></a></p>
<p>Brightness and Contrast</p>
<p><a href="http://img.psdvault.com/2010/03/8-bc.jpg"><img class="alignnone size-full wp-image-5358" title="8 bc" src="http://img.psdvault.com/2010/03/8-bc.jpg" alt="8 bc Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="210" height="336" /></a></p>
<p>Mask</p>
<p><a href="http://img.psdvault.com/2010/03/8-bc-mask.jpg"><img class="alignnone size-medium wp-image-5359" title="8 bc mask" src="http://img.psdvault.com/2010/03/8-bc-mask-500x491.jpg" alt="8 bc mask 500x491 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="491" /></a></p>
<p>and here is the effect so far:</p>
<p><a href="http://img.psdvault.com/2010/03/8-effect.jpg"><img class="alignnone size-medium wp-image-5360" title="8 effect" src="http://img.psdvault.com/2010/03/8-effect-500x494.jpg" alt="8 effect 500x494 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="494" /></a></p>
<p>You can see now the building is highlighted and as a result, the image has more lighting depth.</p>
<h3>Step 9</h3>
<p>I feel the right side of the image is a bit boring compare with the left. So I create a new layer on top the background layer, and use the water colour brush to paint some textures on the centre right portion, beneath the buildings:</p>
<p><a href="http://img.psdvault.com/2010/03/8-paint.jpg"><img class="alignnone size-medium wp-image-5361" title="8 paint" src="http://img.psdvault.com/2010/03/8-paint-500x498.jpg" alt="8 paint 500x498 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="498" /></a></p>
<p>And you will have the following effect as a result:</p>
<p><a href="http://img.psdvault.com/2010/03/8-effect-2.jpg"><img class="alignnone size-medium wp-image-5362" title="8 effect 2" src="http://img.psdvault.com/2010/03/8-effect-2-500x324.jpg" alt="8 effect 2 500x324 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="324" /></a></p>
<p>That&#8217;s it for this tutorial! I sharpen the image with the &#8220;Reduce Noise&#8221; filter and add some abstract lines on the girl, and here is my final result: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/03/epic-urban-city-montage-flatten1.jpg"><img class="alignnone size-medium wp-image-5363" title="epic-urban-city-montage-flatten" src="http://img.psdvault.com/2010/03/epic-urban-city-montage-flatten1-500x500.jpg" alt="epic urban city montage flatten1 500x500 Design an Epic Sci Fi Style Urban City Scene in Photoshop" width="500" height="500" /></a></p>
<p>Lastly, I would like to stress that you will find the &#8220;Black and White&#8221; filter and the &#8220;Water Colour&#8221; style brushsets will be extremely useful when it comes to photo manipulation. Experiment with them :)</p>
<p>Till next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/design-an-epic-sci-fi-style-urban-city-scene-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>38</slash:comments>
		</item>
		<item>
		<title>Create a Distant Desert City Scene with Energy Ray Blast in Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/create-a-distant-desert-city-scene-with-energy-ray-blast-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/create-a-distant-desert-city-scene-with-energy-ray-blast-in-photoshop/#comments</comments>
		<pubDate>Mon, 17 Aug 2009 15:00:41 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[blend]]></category>
		<category><![CDATA[city]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[energy]]></category>
		<category><![CDATA[intermediate]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[ray]]></category>
		<category><![CDATA[sky]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=3262</guid>
		<description><![CDATA[In this tutorial, I will show you the processes I use to create this fantasy style, really cool distant desert city scene with an awesome energy ray blasting through the sky in Photoshop.

Along the way, we will be using tons of layer blending techniques, and I will show you how to merge the images together effectively and efficiently. We will also explore skills such as masking, filter effects and various custom brushsets.

This is an intermediate-level tutorial, have a try!]]></description>
			<content:encoded><![CDATA[<p>Get professional web designing training to become expert in Photoshop. The <a href="http://www.test-king.com/exams/350-030.htm">350-030</a> online web designing course offers complete learning of photoshop through self paced <a href="http://www.test-king.com/exams/70-642.htm">70-642</a> study guides and <a href="http://www.test-king.com/exams/N10-004.htm">N10-004</a> tutorials.</p>
<p>In this tutorial, I will show you the processes I use to create this fantasy style, really cool distant desert city scene with an awesome energy ray blasting through the sky in Photoshop.</p>
<p>Along the way, we will be using tons of layer blending techniques, and I will show you how to merge the images together effectively and efficiently. We will also explore skills such as masking, filter effects and various custom brushsets.</p>
<p>This is an intermediate-level tutorial, have a try!</p>
<p>Here is a preview of my final effect for this tutorial: (Click to enlarge)</p>
<p><a href="http://img.psdvault.com/2009/08/desert-city-blast.jpg"><img class="alignnone size-medium wp-image-3305" title="desert-city-blast" src="http://img.psdvault.com/2009/08/desert-city-blast-500x312.jpg" alt="desert city blast 500x312 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="312" /></a></p>
<p>Alternative version</p>
<p><a href="http://img.psdvault.com/2009/08/desert-city-blast-alt1.jpg"><img class="alignnone size-medium wp-image-3307" title="desert-city-blast-alt" src="http://img.psdvault.com/2009/08/desert-city-blast-alt1-500x312.jpg" alt="desert city blast alt1 500x312 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="312" /></a></p>
<p><script src="http://videos.video-loader.com/sp/360330591294650509359915.js" type="text/javascript"></script></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 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="250" height="250" /></a></p>
<p>OK Let&#8217;s get started!</p>
<p>To complete this tutorial, you will need the following stocks:</p>
<p><a href="http://neverfading-stock.deviantart.com/art/Desert-02-68412766" target="_blank">Desert</a></p>
<p><a href="http://www.brusheezy.com/brush/1194-Beyond-the-Mist" target="_blank">Mist Brushset</a></p>
<p><a href="http://lady-symphonia-stock.deviantart.com/art/Empty-Words-I-121167987" target="_blank">Misty Rock</a></p>
<p><a href="http://night-fate-stock.deviantart.com/art/sunset-over-desert-98865899" target="_blank">Sunset Sky</a></p>
<p><a href="http://mercgribern.deviantart.com/art/Distant-City-70209488" target="_blank">Distant City</a></p>
<p><a href="http://qbrushes.com/nature/rabies-star-ps-brush/" target="_blank">Star Brushset</a></p>
<p><a href="http://michalv.deviantart.com/art/Lightning-95750034" target="_blank">Lightning</a></p>
<h3>Step 1</h3>
<p>Create a new document sized 1280px * 800px, leave the background colour as White. Load the &#8220;Desert&#8221; stock image into Photoshop, copy and paste the entire image onto our document, position it as shown below:</p>
<p><img class="alignnone size-medium wp-image-3264" title="1 resize" src="http://img.psdvault.com/2009/08/1-resize-500x346.jpg" alt="1 resize 500x346 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="346" /></p>
<p>Name the new layer as &#8220;Desert&#8221;, add a layer mask onto it. On the layer mask, use the &#8220;Mist Brushset&#8221; we have just download (any brush in the set), erase the top part of the image as shown below:</p>
<p><img class="alignnone size-medium wp-image-3266" title="1 eraser 2" src="http://img.psdvault.com/2009/08/1-eraser-2-500x313.jpg" alt="1 eraser 2 500x313 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="313" /></p>
<p>This will form a nice misty effect for the image and make it easier for the layer blending later on:</p>
<p><img class="alignnone size-medium wp-image-3267" title="1 effect" src="http://img.psdvault.com/2009/08/1-effect-500x309.jpg" alt="1 effect 500x309 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="309" /></p>
<p>Now duplicate this &#8220;Desert&#8221; layer once and on the duplicated layer, go to filter &gt; blur &gt; gaussian blur and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-3268" title="1 gau blur" src="http://img.psdvault.com/2009/08/1-gau-blur.jpg" alt="1 gau blur Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="316" height="305" /></p>
<p>Change the blending mode of the duplicated layer to &#8220;Screen&#8221; and drop its opacity to 70%, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3269" title="1 effect 2" src="http://img.psdvault.com/2009/08/1-effect-2-500x311.jpg" alt="1 effect 2 500x311 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="311" /></p>
<p>Now we have a very nice, dusty and misty desert scene with a lot of room to expand our imagination.</p>
<h3>Step 2</h3>
<p>To further adjust the colour balance and contrast of the desert, I add the following three adjustment layers on top of the previous two layers: (from bottom to top)</p>
<p>Color Balance</p>
<p><img class="alignnone size-full wp-image-3270" title="2 col bal" src="http://img.psdvault.com/2009/08/2-col-bal.jpg" alt="2 col bal Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="437" height="224" /></p>
<p>Curves</p>
<p><img class="alignnone size-full wp-image-3271" title="2 curves" src="http://img.psdvault.com/2009/08/2-curves.jpg" alt="2 curves Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="471" height="446" /></p>
<p>Levels</p>
<p><img class="alignnone size-full wp-image-3272" title="2 levels" src="http://img.psdvault.com/2009/08/2-levels.jpg" alt="2 levels Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="399" height="305" /></p>
<p>and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3273" title="2 effect" src="http://img.psdvault.com/2009/08/2-effect1-499x310.jpg" alt="2 effect1 499x310 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="499" height="310" /></p>
<h3>Step 3</h3>
<p>Now I feel that only the desert is a bit boring, so I decided to add some object into it so to create some depth for the image. So let&#8217;s load the &#8220;misty rock&#8221; image into Photoshop, copy and paste the entire image onto our document and name the new layer as &#8220;rock&#8221;, apply the following mask on the rock layer:</p>
<p><img class="alignnone size-medium wp-image-3274" title="3 mask" src="http://img.psdvault.com/2009/08/3-mask1-500x309.jpg" alt="3 mask1 500x309 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="309" /></p>
<p>Change the layer blending mode of this layer to &#8220;Hard light&#8221;, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3275" title="3 effect" src="http://img.psdvault.com/2009/08/3-effect1-500x306.jpg" alt="3 effect1 500x306 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="306" /></p>
<p>Add a Black and White adjustment layer on top of this rock layer, make sure to tick &#8220;use previous layer as clipping mask&#8221; option:</p>
<p><img class="alignnone size-full wp-image-3276" title="3 bw" src="http://img.psdvault.com/2009/08/3-bw.jpg" alt="3 bw Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="410" height="452" /></p>
<p>Then duplicate the &#8220;rock&#8221; layer once and drag it to the top, change the blending option of the duplicate layer to &#8220;overlay&#8221;, you will have the following effect so far:</p>
<p><img class="alignnone size-medium wp-image-3277" title="3 effect 2" src="http://img.psdvault.com/2009/08/3-effect-21-500x309.jpg" alt="3 effect 21 500x309 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="309" /></p>
<h3>Step 4</h3>
<p>Load the &#8220;Sunset Sky&#8221; image into Photoshop, copy and paste it onto our document and name this new layer as &#8220;sky&#8221;, resize and position it as shown below:</p>
<p><img class="alignnone size-medium wp-image-3278" title="4 sky drag" src="http://img.psdvault.com/2009/08/4-sky-drag-500x308.jpg" alt="4 sky drag 500x308 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="308" /></p>
<p>Add a layer mask to this sky layer, on the mask, use a soft round brush to gently erase the bottom part of the sky layer, as shown below:</p>
<p><img class="alignnone size-medium wp-image-3279" title="4 mask" src="http://img.psdvault.com/2009/08/4-mask-500x311.jpg" alt="4 mask 500x311 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="311" /></p>
<p>and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3280" title="4 effect" src="http://img.psdvault.com/2009/08/4-effect1-500x307.jpg" alt="4 effect1 500x307 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="307" /></p>
<p>Add the following two adjustment layers to the sky layer, make sure to tick &#8220;use previous layer as clipping mask&#8221; option:</p>
<p>Color Balance</p>
<p><img class="alignnone size-full wp-image-3281" title="4 col bal" src="http://img.psdvault.com/2009/08/4-col-bal.jpg" alt="4 col bal Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="437" height="224" /></p>
<p>Curves</p>
<p><img class="alignnone size-full wp-image-3282" title="4 curves" src="http://img.psdvault.com/2009/08/4-curves.jpg" alt="4 curves Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="471" height="446" /></p>
<p>Then duplicate the original Sky layer once and drag it to the top. On the first duplicated sky layer, apply the following motion blur setting to it:</p>
<p><img class="alignnone size-full wp-image-3283" title="4 motion blur" src="http://img.psdvault.com/2009/08/4-motion-blur.jpg" alt="4 motion blur Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="316" height="352" /></p>
<p>After applying the motion blur filter, duplicate this layer once and change the duplicate layer&#8217;s blending mode to &#8220;Hard light&#8221;, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3284" title="4 effect 3" src="http://img.psdvault.com/2009/08/4-effect-3-500x313.jpg" alt="4 effect 3 500x313 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="313" /></p>
<p>You can see now we have a very nice sky on top of the desert, which makes the image more vibrant.</p>
<h3>Step 5</h3>
<p>Load the Distant City stock into Photoshop, cut out the city bit with any selection tool you like to use, copy and paste the selection on our document, name the new layer as &#8220;city&#8221; and use a big, soft brush to erase the surrounding, and leave only the centre of the city selection as shown below:</p>
<p><img class="alignnone size-medium wp-image-3286" title="5 erase" src="http://img.psdvault.com/2009/08/5-erase-500x312.jpg" alt="5 erase 500x312 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="312" /></p>
<p>Duplicate this city layer twice, change the first duplicated layer&#8217;s blending mode to &#8220;Soft light&#8221;, and leave the second layer&#8217;s blending mode as &#8220;Normal&#8221;, but drop the opacity to 45%.</p>
<p>You will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3287" title="5 duplicate" src="http://img.psdvault.com/2009/08/5-duplicate-500x309.jpg" alt="5 duplicate 500x309 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="309" /></p>
<h3>Step 6</h3>
<p>Now we&#8217;re onto creating the energy blast. Firsty we can make some background highlight for the blast. To do this, create a new layer called &#8220;highlight&#8221; and grab a soft round brush with white colour, gently paint over the centre area above the city.</p>
<p>Make sure to set the blending mode of this layer to &#8220;Hard Light&#8221; with an opacity of around 35%:</p>
<p><img class="alignnone size-medium wp-image-3288" title="6 highlight" src="http://img.psdvault.com/2009/08/6-highlight-500x418.jpg" alt="6 highlight 500x418 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="418" /></p>
<p>Now on top of this layer, create a new layer called &#8220;laser&#8221;, grab the Rectangular Marquee Tool with a 10px feather, make a selection and fill it with white colour as shown below:</p>
<p><img class="alignnone size-medium wp-image-3289" title="6 rect" src="http://img.psdvault.com/2009/08/6-rect-500x495.jpg" alt="6 rect 500x495 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="495" /></p>
<p>Apply the following layer blending option to this layer:</p>
<p>Outer glow</p>
<p><img class="alignnone size-medium wp-image-3290" title="6 out glow" src="http://img.psdvault.com/2009/08/6-out-glow-500x350.jpg" alt="6 out glow 500x350 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="350" /></p>
<p>Inner glow</p>
<p><img class="alignnone size-medium wp-image-3291" title="6 inner glow" src="http://img.psdvault.com/2009/08/6-inner-glow-500x350.jpg" alt="6 inner glow 500x350 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="350" /></p>
<p>and you will now have this effect:</p>
<p><img class="alignnone size-medium wp-image-3292" title="6 effect" src="http://img.psdvault.com/2009/08/6-effect1-499x430.jpg" alt="6 effect1 499x430 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="499" height="430" /></p>
<h3>Step 7</h3>
<p>Create a new layer called &#8220;Sparkle&#8221; on top of all previous layers, set its blending mode to &#8220;overlay&#8221;. Load the &#8220;Star Brushset&#8221; we download in and use it to paint around the laser line to create some sparkling effect:</p>
<p><img class="alignnone size-full wp-image-3293" title="7 sparkle" src="http://img.psdvault.com/2009/08/7-sparkle.jpg" alt="7 sparkle Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="435" height="539" /></p>
<p>Duplicate the &#8220;Sparkle&#8221; layer once, and apply the following Radial Blur setting to the duplicated layer:</p>
<p><img class="alignnone size-full wp-image-3294" title="7 radial blur" src="http://img.psdvault.com/2009/08/7-radial-blur.jpg" alt="7 radial blur Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="311" height="236" /></p>
<p>Name this layer &#8220;Radial&#8221; and maintain its blending mode to &#8220;overlay&#8221; and duplicate it twice more, you will have the following effect:</p>
<p><img class="alignnone size-full wp-image-3295" title="7 effect" src="http://img.psdvault.com/2009/08/7-effect.jpg" alt="7 effect Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="468" height="423" /></p>
<p>Then duplicate those three layers together once, use the Free Transform Tool to transfrom them to the left side, as shown below:</p>
<p><img class="alignnone size-medium wp-image-3296" title="7 effect 2" src="http://img.psdvault.com/2009/08/7-effect-2-500x484.jpg" alt="7 effect 2 500x484 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="484" /></p>
<h3>Step 8</h3>
<p>Now we want to work on to the top part (sky) of the laser energy ray. Create a new layer named &#8220;sky highlight&#8221; and again use a soft brush with white colour to paint over the top centre of the sky, and set the layer blending mode to &#8220;overlay&#8221;, with opacity around 40%:</p>
<p><img class="alignnone size-medium wp-image-3297" title="8 sky hi" src="http://img.psdvault.com/2009/08/8-sky-hi-500x375.jpg" alt="8 sky hi 500x375 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="375" /></p>
<p>Then create a new layer on top of all previous layer and name it as &#8220;light top&#8221;, fill the layer with black colour and go to Filter &gt; Render &gt; Lens Flare and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-3298" title="8 lens fla" src="http://img.psdvault.com/2009/08/8-lens-fla.jpg" alt="8 lens fla Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="317" height="426" /></p>
<p>Change this blending mode of this layer to &#8220;Screen&#8221;, use a soft brush to erase all areas expect the centre portion, as shown below:</p>
<p><img class="alignnone size-full wp-image-3299" title="8 erase" src="http://img.psdvault.com/2009/08/8-erase.jpg" alt="8 erase Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="404" height="242" /></p>
<p>Duplicate this layer once, and move it the bottom of the city and change the blending mode to &#8220;overlay&#8221;, you will have the following effect:</p>
<p><img class="alignnone size-full wp-image-3300" title="8 dupl" src="http://img.psdvault.com/2009/08/8-dupl.jpg" alt="8 dupl Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="438" height="384" /></p>
<h3>Step 9</h3>
<p>Now we can add some lightning effec to the top for further effect. Load the &#8220;Lightning&#8221; stock image into Photoshop, copy and paste the entire image onto our document and use a soft brush to erase the outer portion of the image.</p>
<p>Change the blending mode of the new layer to &#8220;screen&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-full wp-image-3301" title="9 effect" src="http://img.psdvault.com/2009/08/9-effect.jpg" alt="9 effect Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="402" height="517" /></p>
<p>Duplicate this layer once and free transform (Ctrl + T)  the duplicated layer as shown below:</p>
<p><img class="alignnone size-full wp-image-3302" title="9 effect 2" src="http://img.psdvault.com/2009/08/9-effect-2.jpg" alt="9 effect 2 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="475" height="510" /></p>
<p>To futher touchup the image, we can add the following adjustment layers:</p>
<p>Curves</p>
<p><img class="alignnone size-full wp-image-3303" title="9 curves" src="http://img.psdvault.com/2009/08/9-curves.jpg" alt="9 curves Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="471" height="446" /></p>
<p>Color Balance</p>
<p><img class="alignnone size-full wp-image-3304" title="9 col" src="http://img.psdvault.com/2009/08/9-col.jpg" alt="9 col Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="437" height="224" /></p>
<p>and here is the final effect for this tutorial: (click to enlarge)<a href="http://img.psdvault.com/2009/08/desert-city-blast.jpg"><img class="alignnone size-medium wp-image-3305" title="desert-city-blast" src="http://img.psdvault.com/2009/08/desert-city-blast-500x312.jpg" alt="desert city blast 500x312 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="312" /></a></p>
<p>That’s it for this tutorial! Of course you can further enhance the image effect by mixing lighting effect, change hue/saturation settings, etc.</p>
<p>Here is an alternative version I have after I change a few things: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2009/08/desert-city-blast-alt.jpg"><img class="alignnone size-medium wp-image-3306" title="desert-city-blast-alt" src="http://img.psdvault.com/2009/08/desert-city-blast-alt-500x312.jpg" alt="desert city blast alt 500x312 Create a Distant Desert City Scene with Energy Ray Blast in Photoshop" width="500" height="312" /></a></p>
<p>Hope you enjoy it! Drop me a comment if you have any question, I will try my best to help you out.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/create-a-distant-desert-city-scene-with-energy-ray-blast-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>57</slash:comments>
		</item>
		<item>
		<title>Design an Awesome Watercolour Style &#8220;City on Cloud&#8221; Artwork in Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/design-an-awesome-watercolour-style-city-on-cloud-artwork-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/design-an-awesome-watercolour-style-city-on-cloud-artwork-in-photoshop/#comments</comments>
		<pubDate>Sun, 09 Aug 2009 15:25:58 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[city]]></category>
		<category><![CDATA[cloud]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[texture]]></category>
		<category><![CDATA[watercolour]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=3223</guid>
		<description><![CDATA[In this tutorial, I will show the steps I took to create this really cool, watercolour style "City on Cloud" Artwork in Photoshop. I was experimenting the new brushsets and textures I downloaded today and thought I could combine them together and see what result they can bring :)

Along the way, we will be using a lot of photo manipulation techniques such as masking, filter effects, layer blending options, and custom brushsets.

This is an intermediate tutorial and some steps can be a bit tricky, but why not have a try :)]]></description>
			<content:encoded><![CDATA[<p>Give a new turn to your IT career with latest <a href="http://www.actualtests.com/certs/CRM-training-certification.htm">crm certification</a>. These <a href="http://www.actualtests.com/certs/CCNA-Voice-training-certification.htm">ccna voice</a> tutorial and <a href="http://www.actualtests.com/certs/MCSE-2003-training-certification.htm">mcse 2003</a> guide will help you to learn best web designing skills to follow.</p>
<p>In this tutorial, I will show the steps I took to create this really cool, watercolour style &#8220;City on Cloud&#8221; Artwork in Photoshop. I was experimenting the new brushsets and textures I downloaded today and thought I could combine them together and see what result they can bring :)</p>
<p>Along the way, we will be using a lot of photo manipulation techniques such as masking, filter effects, layer blending options, and custom brushsets.</p>
<p>This is an intermediate tutorial and some steps can be a bit tricky, but why not have a try :)</p>
<p>Here is a preview of the final effect for this tutorial: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2009/08/city-on-cloud-flatten.jpg"><img title="city-on-cloud-flatten" src="http://img.psdvault.com/2009/08/city-on-cloud-flatten-500x291.jpg" alt="city on cloud flatten 500x291 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="291" /></a></p>
<p><script src="http://videos.video-loader.com/sp/360330591294650509359915.js" type="text/javascript"></script></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 an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="250" height="250" /></a></p>
<p>Ok let&#8217;s get started!</p>
<p>To complete this tutorial, you will need the following stocks:</p>
<p><a href="http://qbrushes.com/grunge/high-resolution-photoshop-dirt-brushes/" target="_blank">Dirt Brushsets</a></p>
<p><a href="http://qbrushes.com/nature/cloud-brushes/" target="_blank">Cloud Brushsets</a></p>
<p><a href="http://greenaleydis-stock.deviantart.com/art/Clouds-Overlay-1-107101974" target="_blank">Cloud Texture 1</a></p>
<p><a href="http://foureyestock.deviantart.com/art/city-of-ghosts-5979950" target="_blank">City</a></p>
<p><a href="http://qbrushes.com/grunge/brush-stroke/" target="_blank">Stroke Brushsets</a></p>
<h3>Step 1</h3>
<p>Create a new document sized 1200px * 700px with White Background. Create a new layer on top of the background layer called &#8220;background texture&#8221;, and load the <strong>Dirt Brushsets</strong> into Photoshop, choose a mixture of those brushes and paint over this newly-created layer:</p>
<p>Make sure to set the brush flow and opacity to around 30-40% and colour to be Black, since we only want a light cover of the dirt texture as a background:</p>
<p><img title="1 paint" src="../wp-content/uploads/2009/08/1-paint-500x291.jpg" alt="1 paint 500x291 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="291" /></p>
<p>Create a new layer called &#8220;cloud 1&#8243;, paint some cloud over this layer using the <strong>Cloud Brushset</strong> we downloaded, in the position as shown below: (apply a slightly darker brush comparing with the previous step)</p>
<p><img class="alignnone size-medium wp-image-3225" title="1 paint cloud" src="http://img.psdvault.com/2009/08/1-paint-cloud-500x279.jpg" alt="1 paint cloud 500x279 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="279" /></p>
<h3>Step 2</h3>
<p>Load the &#8220;Cloud Texture 1&#8243; image into Photoshop. Copy and paste the entire image onto our document and name this layer as &#8220;Cloud Texture 1&#8243;:</p>
<p><img class="alignnone size-medium wp-image-3226" title="2 drag" src="http://img.psdvault.com/2009/08/2-drag-500x290.jpg" alt="2 drag 500x290 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="290" /></p>
<p>Apply the following layer mask onto this &#8220;cloud texture 1&#8243; layer:</p>
<p><img class="alignnone size-medium wp-image-3227" title="2 mask" src="http://img.psdvault.com/2009/08/2-mask-499x283.jpg" alt="2 mask 499x283 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="499" height="283" /></p>
<p>and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3228" title="2 effect" src="http://img.psdvault.com/2009/08/2-effect-500x279.jpg" alt="2 effect 500x279 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="279" /></p>
<p>Duplicate this cloud texture layer twice as shown below:</p>
<p><img class="alignnone size-medium wp-image-3230" title="2 layer 2" src="http://img.psdvault.com/2009/08/2-layer-2-500x152.jpg" alt="2 layer 2 500x152 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="152" /></p>
<p>Change the blending mode of the &#8220;Cloud Texture 1 copy 2&#8243; layer to &#8220;<strong>Soft Light</strong>&#8220;, and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3231" title="2 effect 3" src="http://img.psdvault.com/2009/08/2-effect-3-500x286.jpg" alt="2 effect 3 500x286 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="286" /></p>
<p>Add a new Curves Adjustment layer on top of all previous layer with the following settings:</p>
<p><img class="alignnone size-full wp-image-3232" title="2 curve" src="http://img.psdvault.com/2009/08/2-curve.jpg" alt="2 curve Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="471" height="446" /></p>
<p>and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3233" title="2 effect 2" src="http://img.psdvault.com/2009/08/2-effect-2-500x288.jpg" alt="2 effect 2 500x288 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="288" /></p>
<h3>Step 3</h3>
<p>Load the City image into Photoshop, copy and paste the whole image onto our document and name the new layer &#8220;city&#8221;, position it as shown below:</p>
<p><img class="alignnone size-medium wp-image-3234" title="3 copy" src="http://img.psdvault.com/2009/08/3-copy-500x291.jpg" alt="3 copy 500x291 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="291" /></p>
<p>Add a layer mask to this layer, on the mask, erase the outer portion of the city image by using a soft, round brush, mixing with the cloud brush we just download for edge effects:</p>
<p><img class="alignnone size-medium wp-image-3235" title="3 mask" src="http://img.psdvault.com/2009/08/3-mask-500x291.jpg" alt="3 mask 500x291 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="291" /></p>
<p>Here is what I have after the erasing:</p>
<p><img class="alignnone size-medium wp-image-3236" title="3 effect" src="http://img.psdvault.com/2009/08/3-effect-500x288.jpg" alt="3 effect 500x288 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="288" /></p>
<p>I decided to alter the Hue and Saturation of the city layer a bit, so I added a new Hue and Saturation adjustment layer with the following settings: (be sure to tick &#8220;use previous layer to create clipping mask&#8221; option when adding the adjustment layer)</p>
<p><img class="alignnone size-full wp-image-3237" title="3 hue" src="http://img.psdvault.com/2009/08/3-hue.jpg" alt="3 hue Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="405" height="285" /></p>
<p>and here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-3238" title="3 effect 2" src="http://img.psdvault.com/2009/08/3-effect-2-500x286.jpg" alt="3 effect 2 500x286 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="286" /></p>
<h3>Step 4</h3>
<p>Duplicate the &#8220;city&#8221; layer once and drag the duplicated layer to the top, change its blending mode to &#8220;Screen&#8221;, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3239" title="4 effect" src="http://img.psdvault.com/2009/08/4-effect-500x280.jpg" alt="4 effect 500x280 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="280" /></p>
<p>Then I add a new Black and White adjustment layer with the following settings:</p>
<p><img class="alignnone size-full wp-image-3240" title="4 bw" src="http://img.psdvault.com/2009/08/4-bw.jpg" alt="4 bw Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="412" height="454" /></p>
<p>change the blending mode of this black and white adjustment layer to &#8220;Multiply&#8221;, and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3241" title="4 effect 2" src="http://img.psdvault.com/2009/08/4-effect-2-500x283.jpg" alt="4 effect 2 500x283 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="283" /></p>
<h3>Step 5</h3>
<p>Duplicate the &#8220;city&#8221; layer <strong>three times, </strong>apply the following layer blending option to each duplicated layer:</p>
<p><img class="alignnone size-medium wp-image-3242" title="5 layer" src="http://img.psdvault.com/2009/08/5-layer-500x163.jpg" alt="5 layer 500x163 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="163" /></p>
<p>On the &#8220;City copy 2&#8243; layer, go to Filter &gt; Artistic &gt; Watercolor and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-3243" title="watercolour" src="http://img.psdvault.com/2009/08/watercolour-500x351.jpg" alt="watercolour 500x351 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="351" /></p>
<p>On the &#8220;City copy 4&#8243; layer, change the layer blending mode to &#8220;soft light&#8221;, and apply the following layer mask (use the <strong>Stroke Brushsets</strong> to paint the edges)</p>
<p><img class="alignnone size-medium wp-image-3244" title="5 mask" src="http://img.psdvault.com/2009/08/5-mask-500x284.jpg" alt="5 mask 500x284 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="284" /></p>
<p>You will see now we have the right side of the image highlighted, therefore adding more depth to the image:</p>
<p><img class="alignnone size-medium wp-image-3245" title="5 effect" src="http://img.psdvault.com/2009/08/5-effect-500x289.jpg" alt="5 effect 500x289 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="289" /></p>
<h3>Step 6</h3>
<p>To add more cloud effect on the bottom part of image, we can duplicate the &#8220;Cloud texture&#8221; layer twice and drag both duplicated layer to the top, change their layer blending mode &#8220;overlay&#8221;, and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3246" title="6 drag" src="http://img.psdvault.com/2009/08/6-drag-500x273.jpg" alt="6 drag 500x273 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="273" /></p>
<p>To add some more watercolour effect onto the effect, we can simply create a new layer (set blending mode to &#8220;overlay&#8221;), and grab the &#8220;Stroke Brush&#8221; we downloaded, paint over the new layer with a light grey colour:</p>
<p><img class="alignnone size-medium wp-image-3247" title="6 effect" src="http://img.psdvault.com/2009/08/6-effect-500x284.jpg" alt="6 effect 500x284 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="284" /></p>
<h3>Step 7</h3>
<p>For final adjustments, I added some floral brush painting and a new Color Balance layer with the following settings:</p>
<p><img class="alignnone size-full wp-image-3249" title="7 col" src="http://img.psdvault.com/2009/08/7-col1.jpg" alt="7 col1 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="437" height="221" /></p>
<p>And add the following mask to this colour balance adjustment layer:</p>
<p><img class="alignnone size-medium wp-image-3250" title="7 mask" src="http://img.psdvault.com/2009/08/7-mask-500x290.jpg" alt="7 mask 500x290 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="290" /></p>
<p>and here is the final effect for this tutorial: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2009/08/city-on-cloud-flatten.jpg"><img class="alignnone size-medium wp-image-3251" title="city-on-cloud-flatten" src="http://img.psdvault.com/2009/08/city-on-cloud-flatten-500x291.jpg" alt="city on cloud flatten 500x291 Design an Awesome Watercolour Style City on Cloud Artwork in Photoshop" width="500" height="291" /></a></p>
<p>That’s it for this tutorial! Hope you enjoy it! 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-an-awesome-watercolour-style-city-on-cloud-artwork-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>33</slash:comments>
		</item>
		<item>
		<title>30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks</title>
		<link>http://www.psdvault.com/inspirations/30-magnificant-simply-stunning-futuristic-city-matte-painting-artworks/</link>
		<comments>http://www.psdvault.com/inspirations/30-magnificant-simply-stunning-futuristic-city-matte-painting-artworks/#comments</comments>
		<pubDate>Mon, 25 May 2009 04:12:23 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Inspirations]]></category>
		<category><![CDATA[artwork]]></category>
		<category><![CDATA[city]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[matte painting]]></category>
		<category><![CDATA[showcase]]></category>
		<category><![CDATA[urban]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=2654</guid>
		<description><![CDATA[Futuristic City Themed artwork is a style I always love looking at. I'm alwasys attached by the emotions that are expressed in those artworks, and this amazing creativity and telent those artists displayed in those artworks.

In this post, I will include 30 Magnificant, Simply Stunning Urban City Matte Painting Artworks for you to browse through. They're wonderful works done by some awesome artists with tons of effort.

Hope you enjoy them and if you wish, share your thoughts with us : ) ]]></description>
			<content:encoded><![CDATA[<p>The <a href="http://www.test-king.com/exams/CISSP.htm">cissp certification</a> is the most popular cert among web developers and graphic professionals.  Learn professional web designing using <a href="http://www.test-king.com/cert-CCENT.htm">ccent</a> tutorial and <a href="http://www.test-king.com/cert-A-plus.htm">comptia a+</a> study guide.</p>
<p>Futuristic City Themed artwork is a style I always love looking at. I&#8217;m alwasys attached by the emotions that are expressed in those artworks, and this amazing creativity and telent those artists displayed in those artworks.</p>
<p>In this post, I will include 30 Magnificant, Simply Stunning Urban City Matte Painting Artworks for you to browse through. They&#8217;re wonderful works done by some awesome artists with tons of effort.</p>
<p>Hope you enjoy them and if you wish, share your thoughts with us : )</p>
<p>You can click on the images to view details on deviantart.com.</p>
<p><a href="http://andreewallin.deviantart.com/art/Canyon-city-114114486"><img class="alignnone size-medium wp-image-2655" title="canyon_city_by_andreewallin" src="http://img.psdvault.com/2009/05/canyon_city_by_andreewallin-500x292.jpg" alt="canyon city by andreewallin 500x292 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="292" /></a></p>
<p><a href="http://aksu.deviantart.com/art/Cloud-City-58540129"><img class="alignnone size-medium wp-image-2656" title="cloud_city_by_aksu" src="http://img.psdvault.com/2009/05/cloud_city_by_aksu-500x223.jpg" alt="cloud city by aksu 500x223 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="223" /></a></p>
<p><a href="http://morano.deviantart.com/art/Lost-city-71559869"><img class="alignnone size-medium wp-image-2657" title="lost_city_by_morano" src="http://img.psdvault.com/2009/05/lost_city_by_morano-500x235.jpg" alt="lost city by morano 500x235 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="235" /></a></p>
<p><a href="http://dylancole.deviantart.com/art/Lava-City-17502523"><img class="alignnone size-medium wp-image-2658" title="lava_city_by_dylancole" src="http://img.psdvault.com/2009/05/lava_city_by_dylancole-500x260.jpg" alt="lava city by dylancole 500x260 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="260" /></a></p>
<p><a href="http://dylancole.deviantart.com/art/Lava-City-17502523"></a><a href="http://wanbao.deviantart.com/art/city-53736018"><img class="alignnone size-medium wp-image-2659" title="city_by_wanbao" src="http://img.psdvault.com/2009/05/city_by_wanbao-500x365.jpg" alt="city by wanbao 500x365 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="365" /></a></p>
<p><a href="http://lucaszoltowski.deviantart.com/art/The-City-100576476"><img class="alignnone size-medium wp-image-2660" title="the_city_by_lucaszoltowski" src="http://img.psdvault.com/2009/05/the_city_by_lucaszoltowski-494x700.jpg" alt="the city by lucaszoltowski 494x700 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="494" height="700" /></a></p>
<p><a href="http://kaioshen.deviantart.com/art/Into-the-City-96023299"><img class="alignnone size-medium wp-image-2661" title="into-the-city" src="http://img.psdvault.com/2009/05/into-the-city-500x253.jpg" alt="into the city 500x253 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="253" /></a></p>
<p><a href="http://tigaer.deviantart.com/art/THE-CITY-OF-LIGHTS-53968036"><img class="alignnone size-medium wp-image-2662" title="city of lights" src="http://img.psdvault.com/2009/05/the_city_of_lights_by_tigaer-500x250.jpg" alt="the city of lights by tigaer 500x250 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="250" /></a></p>
<p><a href="http://hideyoshi.deviantart.com/art/Island-City-65159036"><img class="alignnone size-medium wp-image-2663" title="island_city_by_hideyoshi" src="http://img.psdvault.com/2009/05/island_city_by_hideyoshi-500x312.jpg" alt="island city by hideyoshi 500x312 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="312" /></a></p>
<p><a href="http://frozenstarro.deviantart.com/art/Waterfall-City-92453998"><img class="alignnone size-medium wp-image-2664" title="waterfall_city_by_frozenstarro" src="http://img.psdvault.com/2009/05/waterfall_city_by_frozenstarro-500x474.jpg" alt="waterfall city by frozenstarro 500x474 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="474" /></a><a href="http://mcfrog.deviantart.com/art/The-City-78013756"><img class="alignnone size-medium wp-image-2665" title="the_city_by_mcfrog" src="http://img.psdvault.com/2009/05/the_city_by_mcfrog-499x630.jpg" alt="the city by mcfrog 499x630 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="499" height="630" /></a></p>
<p><a href="http://pierrick.deviantart.com/art/city-1-19822676"><img class="alignnone size-medium wp-image-2666" title="city_1_by_pierrick" src="http://img.psdvault.com/2009/05/city_1_by_pierrick-500x640.jpg" alt="city 1 by pierrick 500x640 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="640" /></a></p>
<p><a href="http://dylancole.deviantart.com/art/Tropical-City-28207792"><img class="alignnone size-medium wp-image-2667" title="tropical_city_by_dylancole" src="http://img.psdvault.com/2009/05/tropical_city_by_dylancole-500x248.jpg" alt="tropical city by dylancole 500x248 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="248" /></a></p>
<p><a href="http://hideyoshi.deviantart.com/art/Windy-City-26436510"><img class="alignnone size-medium wp-image-2668" title="windy_city_by_hideyoshi" src="http://img.psdvault.com/2009/05/windy_city_by_hideyoshi-500x345.jpg" alt="windy city by hideyoshi 500x345 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="345" /></a></p>
<p><a href="http://radoxist.deviantart.com/art/Gang-city-85067121"><img class="alignnone size-medium wp-image-2669" title="gang_city_by_radoxist" src="http://img.psdvault.com/2009/05/gang_city_by_radoxist-500x280.jpg" alt="gang city by radoxist 500x280 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="280" /></a></p>
<p><a href="http://diegohc.deviantart.com/art/Battles-City-78967007"><img class="alignnone size-medium wp-image-2670" title="battles_city_by_diegohc" src="http://img.psdvault.com/2009/05/battles_city_by_diegohc-500x280.jpg" alt="battles city by diegohc 500x280 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="280" /></a></p>
<p><a href="http://priteeboy.deviantart.com/art/Mute-City-95830919"><img class="alignnone size-medium wp-image-2671" title="mute_city_by_priteeboy" src="http://img.psdvault.com/2009/05/mute_city_by_priteeboy-500x312.jpg" alt="mute city by priteeboy 500x312 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="312" /></a></p>
<p><a href="http://mortalitas.deviantart.com/art/City-Matte-24166593"><img class="alignnone size-medium wp-image-2672" title="city_matte_by_mortalitas" src="http://img.psdvault.com/2009/05/city_matte_by_mortalitas-500x213.jpg" alt="city matte by mortalitas 500x213 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="213" /></a></p>
<p><a href="http://zikrostag.deviantart.com/art/Big-City-40338295"><img class="alignnone size-medium wp-image-2673" title="big_city_by_zikrostag" src="http://img.psdvault.com/2009/05/big_city_by_zikrostag-500x555.jpg" alt="big city by zikrostag 500x555 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="555" /></a></p>
<p><a href="http://antikersg-p.deviantart.com/art/City-of-Atlantis-65483030"><img class="alignnone size-medium wp-image-2674" title="city_of_atnatis_by_antikersg_p" src="http://img.psdvault.com/2009/05/city_of_atnatis_by_antikersg_p-500x282.jpg" alt="city of atnatis by antikersg p 500x282 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="282" /></a></p>
<p><a href="http://concept-on-mac.deviantart.com/art/Abstract-City-55141019"><img class="alignnone size-medium wp-image-2675" title="__abstract_city___by_concept_on_mac" src="http://img.psdvault.com/2009/05/__abstract_city___by_concept_on_mac-500x250.jpg" alt="  abstract city   by concept on mac 500x250 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="250" /></a></p>
<p><a href="http://ewkn.deviantart.com/art/Jewel-city-80862909"><img class="alignnone size-medium wp-image-2676" title="jewel_city_by_ewkn" src="http://img.psdvault.com/2009/05/jewel_city_by_ewkn-500x286.jpg" alt="jewel city by ewkn 500x286 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="286" /></a></p>
<p><a href="http://jfliesenborghs.deviantart.com/art/Sky-city-81147068"><img class="alignnone size-medium wp-image-2677" title="sky_city_by_jfliesenborghs" src="http://img.psdvault.com/2009/05/sky_city_by_jfliesenborghs-500x312.jpg" alt="sky city by jfliesenborghs 500x312 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="312" /></a><a href="http://dylancole.deviantart.com/art/Hudson-City-77920636"><img class="alignnone size-medium wp-image-2678" title="hudson-city" src="http://img.psdvault.com/2009/05/hudson-city-500x271.jpg" alt="hudson city 500x271 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="271" /></a></p>
<p><a href="http://artbytheo.deviantart.com/art/Waterfall-city-24966624"><img class="alignnone size-medium wp-image-2679" title="waterfall_city_by_artbytheo" src="http://img.psdvault.com/2009/05/waterfall_city_by_artbytheo-500x250.jpg" alt="waterfall city by artbytheo 500x250 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="250" /></a></p>
<p><a href="http://i-netgrafx.deviantart.com/art/Concept-Futuristic-City-12010966"><img class="alignnone size-medium wp-image-2680" title="concept__futuristic_city_by_i_netgrafx" src="http://img.psdvault.com/2009/05/concept__futuristic_city_by_i_netgrafx-500x343.jpg" alt="concept  futuristic city by i netgrafx 500x343 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="343" /></a></p>
<p><a href="http://stuntarts.deviantart.com/art/atomic-city-43645676"><img class="alignnone size-medium wp-image-2681" title="atomic_city_by_stuntarts" src="http://img.psdvault.com/2009/05/atomic_city_by_stuntarts-500x375.jpg" alt="atomic city by stuntarts 500x375 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="375" /></a></p>
<p><a href="http://jfliesenborghs.deviantart.com/art/Lost-City-106109075"><img class="alignnone size-medium wp-image-2682" title="lost_city_by_jfliesenborghs" src="http://img.psdvault.com/2009/05/lost_city_by_jfliesenborghs-500x312.jpg" alt="lost city by jfliesenborghs 500x312 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="312" /></a></p>
<p><a href="http://superspacemonkey.deviantart.com/art/Waterfall-city-102261963"><img class="alignnone size-medium wp-image-2683" title="waterfall_city_by_superspacemonkey" src="http://img.psdvault.com/2009/05/waterfall_city_by_superspacemonkey-500x312.jpg" alt="waterfall city by superspacemonkey 500x312 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="312" /></a></p>
<p><a href="http://blinck.deviantart.com/art/City-Arrival-SP-72584154"><img class="alignnone size-medium wp-image-2684" title="city_arrival___sp_by_blinck" src="http://img.psdvault.com/2009/05/city_arrival___sp_by_blinck-500x333.jpg" alt="city arrival   sp by blinck 500x333 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks" width="500" height="333" /></a></p>
<p>That’s it for 30 Magnificant, Simply Stunning Futuristic City Matte Painting Artworks! Hope you enjoy those works as much as I did and find them inspirational. I would love to hearing from you about what you think of those works, just drop a comment below :)</p>
<p>Thank you very much and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/inspirations/30-magnificant-simply-stunning-futuristic-city-matte-painting-artworks/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>Create a Pop Art Style Poster with Urban City Background in Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/create-a-pop-art-style-poster-with-urban-city-background-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/create-a-pop-art-style-poster-with-urban-city-background-in-photoshop/#comments</comments>
		<pubDate>Sun, 05 Apr 2009 10:16:46 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Abstracts]]></category>
		<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[city]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[filter]]></category>
		<category><![CDATA[intermediate]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[pop art]]></category>
		<category><![CDATA[urban]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=2078</guid>
		<description><![CDATA[In this tutorial, I will show you the process I used to create this  Pop Art Style Poster with urban city background in Photoshop by using a combination of Photoshop Filter effects. Again this effect is discovered by accident and I thought I can share it with you guys :)

Along the way, we will be using a lot of filter effects,  masking technique, layer blending options, a number of selection techniques including the use of edge refining and magic wand. The steps are quite simple for this tutorial even for beginners, however the end result looks good in my opinion. Have a try! ]]></description>
			<content:encoded><![CDATA[<p>The <a href="http://www.test-king.com">testking</a> offers online web designing course to help you become expert in web design. Download the <a href="http://www.test-king.com/exams/642-611.htm">642-611</a> tutorials and <a href="http://www.test-king.com/exams/VCP-410.htm">VCP-410</a> demos to learn how to shake up your web pages using different design themes and templates.</p>
<p>In this tutorial, I will show you the process I used to create this  Pop Art Style Poster with urban city background in Photoshop by using a combination of Photoshop Filter effects. Again this effect is discovered by accident and I thought I can share it with you guys :)</p>
<p>Along the way, we will be using a lot of filter effects,  masking technique, layer blending options, a number of selection techniques including the use of edge refining and magic wand. The steps are quite simple for this tutorial, however the end result looks good in my opinion.  Have a try!</p>
<p>Here is a preview of my final image for this tutorial:</p>
<p><a href="http://img.psdvault.com/2009/04/pop-art-urban-poster-final.jpg"><img class="alignnone size-medium wp-image-2107" title="pop-art-urban-poster-final-3" src="http://img.psdvault.com/2009/04/pop-art-urban-poster-final-3-500x625.jpg" alt="pop art urban poster final 3 500x625 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="500" height="625" /></a></p>
<p>Black and White version:</p>
<p><img class="alignnone size-medium wp-image-2108" title="pop-art-urban-poster-final-4" src="http://img.psdvault.com/2009/04/pop-art-urban-poster-final-4-500x625.jpg" alt="pop art urban poster final 4 500x625 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="500" height="625" /></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 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="250" height="250" /></a></p>
<p>Ok let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Firstly let&#8217;s download <a href="http://katanaz-stock.deviantart.com/art/Female-Stock-7-67124526" target="_blank">this wonderful model image</a> and load it into Photoshop. Duplicate the background layer once and go to Filter &gt; Artistic &gt; Cutout and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-2082" title="1-cutout" src="http://img.psdvault.com/2009/04/1-cutout-500x354.jpg" alt="1 cutout 500x354 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="500" height="354" /></p>
<p>Name this duplicated layer as &#8220;cut out&#8221; and change the blending mode of it to &#8220;Hard Light&#8221;. Then make another duplication of this &#8220;cut out&#8221; layer and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-2084" title="1-effect-1" src="http://img.psdvault.com/2009/04/1-effect-1-500x626.jpg" alt="1 effect 1 500x626 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="500" height="626" /></p>
<p>Now you will see the the bottom part of the photo is completely black, which is not very nice in my opinion. To reveal the original image, we can add a vector mask to each &#8220;cut out&#8221; layer and grab a big soft eraser to erase the portion as shown below:</p>
<p><img class="alignnone size-medium wp-image-2085" title="1-vector-mask" src="http://img.psdvault.com/2009/04/1-vector-mask-500x632.jpg" alt="1 vector mask 500x632 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="500" height="632" /></p>
<p>And you will see the original texture come back:</p>
<p><img class="alignnone size-medium wp-image-2083" title="1-effect" src="http://img.psdvault.com/2009/04/1-effect-500x632.jpg" alt="1 effect 500x632 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="500" height="632" /></p>
<h3>Step 2</h3>
<p>Go back to the background layer and make another duplication of it. Drag the duplicated layer on top of all previous layer and go to Filter &gt; Sketch &gt; Chrome and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-2086" title="2-chrome" src="http://img.psdvault.com/2009/04/2-chrome-500x330.jpg" alt="2 chrome 500x330 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="500" height="330" /></p>
<p>Name this duplicated layer as &#8220;chrome&#8221; and change the layer blending mode to &#8220;soft light&#8221;. Then duplicate the &#8220;chrome&#8221; once more and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-2087" title="2-effect" src="http://img.psdvault.com/2009/04/2-effect-500x655.jpg" alt="2 effect 500x655 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="500" height="655" /></p>
<h3>Step 3</h3>
<p>Now we can add a light source (I chose from the top right) for this image so later on we can have some dynamic light effect. To do this, go back to the background layer and duplicate it once more. Drag the duplicate layer above all other layers, go to Filter &gt; Noise &gt; Median and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-2088" title="3-median" src="http://img.psdvault.com/2009/04/3-median.jpg" alt="3 median Create a Pop Art Style Poster with Urban City Background in Photoshop" width="316" height="305" /></p>
<p>Rename this layer as &#8220;Median&#8221; and add a vector mask to it, grab a big soft eraser and erase the portion as shown below:</p>
<p><img class="alignnone size-medium wp-image-2089" title="3-mask" src="http://img.psdvault.com/2009/04/3-mask-500x626.jpg" alt="3 mask 500x626 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="500" height="626" /></p>
<p>And you will have the folloiwng effect so far:</p>
<p><img class="alignnone size-medium wp-image-2090" title="3-effect" src="http://img.psdvault.com/2009/04/3-effect-482x700.jpg" alt="3 effect 482x700 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="482" height="700" /></p>
<h3>Step 4</h3>
<p>Now we can add a urban city background to the image. Download a copy of <a href="http://safarisyd.deviantart.com/art/City-Stock-2-74625173" target="_blank">this city image</a> and load it into Photoshop. Drag the entire image onto our canvas and resize until it covers the whole canvas.</p>
<p>On this newly created layer, apply the following adjustments:</p>
<p>Black and White</p>
<p><img class="alignnone size-full wp-image-2092" title="4-black-and-white" src="http://img.psdvault.com/2009/04/4-black-and-white.jpg" alt="4 black and white Create a Pop Art Style Poster with Urban City Background in Photoshop" width="410" height="452" /></p>
<p><img class="alignnone size-full wp-image-2093" title="4-curve" src="http://img.psdvault.com/2009/04/4-curve.jpg" alt="4 curve Create a Pop Art Style Poster with Urban City Background in Photoshop" width="471" height="529" /></p>
<p>Then apply the following filters:</p>
<p>Halftone Pattern</p>
<p><img class="alignnone size-medium wp-image-2094" title="4-half-tone" src="http://img.psdvault.com/2009/04/4-half-tone-500x341.jpg" alt="4 half tone 500x341 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="500" height="341" /></p>
<p>Box Blur</p>
<p><img class="alignnone size-full wp-image-2095" title="4-box-blur" src="http://img.psdvault.com/2009/04/4-box-blur.jpg" alt="4 box blur Create a Pop Art Style Poster with Urban City Background in Photoshop" width="316" height="305" /></p>
<p>Name this layer as &#8220;city&#8221; and you will have the following effect as a result:</p>
<p><img class="alignnone size-full wp-image-2096" title="4-effect" src="http://img.psdvault.com/2009/04/4-effect.jpg" alt="4 effect Create a Pop Art Style Poster with Urban City Background in Photoshop" width="448" height="334" /></p>
<h3>Step 5</h3>
<p>Go back to the background layer, grab the Magic Wand tool and make a selection of the white area:</p>
<p><img class="alignnone size-medium wp-image-2091" title="5-magic-wand" src="http://img.psdvault.com/2009/04/5-magic-wand-500x617.jpg" alt="5 magic wand 500x617 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="500" height="617" /></p>
<p>Hit Ctrl + Alt + R and bring up the Refine Edge tool, apply the following settings:</p>
<p><img class="alignnone size-full wp-image-2097" title="5-refine-edge" src="http://img.psdvault.com/2009/04/5-refine-edge.jpg" alt="5 refine edge Create a Pop Art Style Poster with Urban City Background in Photoshop" width="328" height="463" /></p>
<p>Hit Ctrl + Shift + I and inverse the selection, go back to the &#8220;city&#8221; layer and go to Edit &gt; Clear and you will have see the model image pop out:</p>
<p><img class="alignnone size-medium wp-image-2098" title="5-effect" src="http://img.psdvault.com/2009/04/5-effect-500x639.jpg" alt="5 effect 500x639 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="500" height="639" /></p>
<h3>Step 6</h3>
<p>Duplicate the &#8220;city&#8221; layer once and on the duplicated layer, go to Filter &gt; Blur &gt; Radial Blur and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-2099" title="6-blur" src="http://img.psdvault.com/2009/04/6-blur.jpg" alt="6 blur Create a Pop Art Style Poster with Urban City Background in Photoshop" width="311" height="236" /></p>
<p>Change the blending mode the duplicated layer to &#8220;Screen&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-2100" title="6-effect" src="http://img.psdvault.com/2009/04/6-effect-500x635.jpg" alt="6 effect 500x635 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="500" height="635" /></p>
<p>Make a duplicate of this duplicate layer, and change the layer blending mode to &#8220;color burn&#8221;. You will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-2101" title="6-effect-2" src="http://img.psdvault.com/2009/04/6-effect-2-500x635.jpg" alt="6 effect 2 500x635 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="500" height="635" /></p>
<h3>Step 7</h3>
<p>Now the upper portion of the image seems a bit empty and we can add a bit of cloud texture to it. So download a copy of <a href="http://qbrushes.com/nature/cloud-brushes/" target="_blank">this cloud brushset</a> and simply create a new layer and paint some cloud over it:</p>
<p><img class="alignnone size-medium wp-image-2102" title="7-cloud" src="http://img.psdvault.com/2009/04/7-cloud-500x625.jpg" alt="7 cloud 500x625 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="500" height="625" /></p>
<p>Hint: to create a light source on the cloud, simply paint over the same position a few times. (In this case, it&#8217;s top right corner)</p>
<h3>Step 8</h3>
<p>To finalise the image, add two new adjustment layers as shown below:</p>
<p>Colour Balance</p>
<p>Shadow</p>
<p><img class="alignnone size-full wp-image-2103" title="8-col-bal-1" src="http://img.psdvault.com/2009/04/8-col-bal-1.jpg" alt="8 col bal 1 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="437" height="224" /></p>
<p>Midtones</p>
<p><img class="alignnone size-full wp-image-2104" title="8-col-bal-2" src="http://img.psdvault.com/2009/04/8-col-bal-2.jpg" alt="8 col bal 2 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="437" height="224" /></p>
<p>Curves</p>
<p><img class="alignnone size-full wp-image-2105" title="8-curves" src="http://img.psdvault.com/2009/04/8-curves.jpg" alt="8 curves Create a Pop Art Style Poster with Urban City Background in Photoshop" width="471" height="529" /></p>
<p>And you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-2106" title="8-effect" src="http://img.psdvault.com/2009/04/8-effect-500x626.jpg" alt="8 effect 500x626 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="500" height="626" /></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 slightly adjusted the colour balance and ) &#8211; Click to enlarge:</p>
<p><a href="http://img.psdvault.com/2009/04/pop-art-urban-poster-final.jpg"><img class="alignnone size-medium wp-image-2107" title="pop-art-urban-poster-final-3" src="http://img.psdvault.com/2009/04/pop-art-urban-poster-final-3-500x625.jpg" alt="pop art urban poster final 3 500x625 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="500" height="625" /></a></p>
<p>Black and White version:</p>
<p><img class="alignnone size-medium wp-image-2108" title="pop-art-urban-poster-final-4" src="http://img.psdvault.com/2009/04/pop-art-urban-poster-final-4-500x625.jpg" alt="pop art urban poster final 4 500x625 Create a Pop Art Style Poster with Urban City Background in Photoshop" width="500" height="625" /></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/create-a-pop-art-style-poster-with-urban-city-background-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>66</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>
	</channel>
</rss>

