<?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>PSDFan &#187; Caroline Moorthaemer</title>
	<atom:link href="http://psd.fanextra.com/author/carolinem/feed/" rel="self" type="application/rss+xml" />
	<link>http://psd.fanextra.com</link>
	<description>Just another WordPress site</description>
	<lastBuildDate>Thu, 05 May 2016 13:19:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.3</generator>
		<item>
		<title>Members Area Tutorial: Photo Manipulate a Magical Desert Scene</title>
		<link>http://psd.fanextra.com/tutorials/photo-effects/members-area-tutorial-photo-manipulate-a-magical-desert-scene/</link>
		<comments>http://psd.fanextra.com/tutorials/photo-effects/members-area-tutorial-photo-manipulate-a-magical-desert-scene/#comments</comments>
		<pubDate>Wed, 28 Nov 2012 21:42:54 +0000</pubDate>
		<dc:creator>Caroline Moorthaemer</dc:creator>
				<category><![CDATA[Members Content]]></category>
		<category><![CDATA[Photo Effects]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=38015</guid>
		<description><![CDATA[Learn how to create a surreal and magical desert photo manipulation. You'll work with a range of advanced techniques from hair replacement to complex layer/object organization. <strong><a href="http://fanextra.com/amember/signup.php">Sign up today</a> to access the full tutorial and download it's source file.</strong>]]></description>
			<content:encoded><![CDATA[<h2>Members Area Tutorial: Photo Manipulate a Magical Desert Scene</h2>
<p>In this tutorial we&#8217;ll create a surreal and magical desert scene featuring a pretty girl, a hybrid camel and butterflies. The emphasis is on model manipulation, or how to adjust your models in such a way that they fit the image you want to create, whether they&#8217;re human or animal.</p>
<p>This is a super advanced tutorial that covers a range of professional techniques including:</p>
<ul>
<li>Image Extraction</li>
<li>Hair Replacement</li>
<li>Color Blending</li>
<li>Working with complex layer arrangements and smart objects</li>
<li>Working with fabric in your manipulations</li>
</ul>
<p>Let&#8217;s get started!</p>
<h2>Final Image</h2>
<p>As always, this is the final image that we&#8217;ll be creating:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/11/MagicDesert46.jpg"/></p>
<div class="serial-box">
<h3>Resources Used In This Tutorial</h3>
<ul class="serial-box-list">
<li>Assets pack (member access only)</li>
<li><a href="http://browse.deviantart.com/resources/?q=godiva#/dwq0mq">Girl</a></li>
<li><a href="http://www.stockfreeimages.com/5312075/Hands.html">Arms</a></li>
<li><a href="http://browse.deviantart.com/resources/stockart/?q=hair#/d4aiowf">Hair</a></li>
<li><a href="http://www.sxc.hu/browse.phtml?f=view&#038;id=132037">Camel</a></li>
<li><a href="http://www.stockfreeimages.com/86933/Bighorn-Sheep-at-Grand-Canyon.html">Goat</a></li>
<li><a href="http://www.imageafter.com/image.php?image=b20grounds029.jpg&#038;size=full&#038;download=no">Beach</a></li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=29478&#038;s=l&#038;PHPSESSID=l7pdjrmk52ssq9ue2si6kdf8p6">Fabric 1</a></li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=29501&#038;s=l&#038;PHPSESSID=l7pdjrmk52ssq9ue2si6kdf8p6">Fabric 2</a></li>
</ul>
</div>
<h2>Step 1</h2>
<p>Start up Photoshop if you haven&#8217;t done so already and press Ctrl+N/Cmd+N to create a new file. When the New dialog appears, type a name for the new file in the Name field. I called mine &#8220;Desert&#8221;, but you can call yours whatever you think is appropriate.</p>
<p>Set the Width to 2200 pixels, the Height to 2500 pixels and the Resolution to 300 pixels/inch. The Color Mode we&#8217;ll use is 8-bit Lab Color and the Background Contents should be set to Transparent.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/11/MagicDesert1.jpg"/></p>
<h2>Step 2</h2>
<p>When the new file opens, rename the transparent background layer to &#8220;Sky gradient&#8221;. </p>
<p>Press G to activate the Gradient tool and click on the Gradient swatch in the Options Bar. The Gradient Editor will open. Set the first color to a sky blue (#008410) and the second color to pure white (#ffffff).</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/11/MagicDesert2a.jpg"/></p>
<p>Click Ok to accept those settings.</p>
<p>Position the cursor at the top of the image and click+Shift+drag all the way down to the bottom to create the gradient.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/11/MagicDesert2b.jpg"/></p>
<h2>Step 3</h2>
<p>Next, open the Sky Fractal image (Fractal.jpg) from the assets pack you downloaded. Press Ctrl+A/Cmd+A to select the whole image, copy it to the clipboard (Ctrl+C/Cmd+C) and close it (Ctrl+W/Cmd+W). Back in the Desert image, press Ctrl+V/Cmd+V to paste the fractal above the Sky Gradient layer. Rename the new layer to &#8220;Sky fractal&#8221; and use Free Transform (Ctrl+T/Cmd+T) to scale and position it as shown below.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/11/MagicDesert3a.jpg"/></p>
<p>Set the Sky fractal layer&#8217;s Blend mode to Overlay.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/11/MagicDesert3b.jpg"/></p>
<h2>Step 4</h2>
<p>The sky looks quite nice but it hasn&#8217;t quite got the drama we&#8217;re looking for. To get the look we want, let&#8217;s bump up the contrast a little. With the Sky fractal layer still selected, click on the Add New Fill or Adjustment Layer icon at the bottom of the Layers palette and choose Curves from the list. Rename the new curves adjustment layer to &#8220;Contrast&#8221; and, in the Adjustments palette, set the curve for the Lightness channel as follows:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/11/MagicDesert4.jpg"/></p>
<p>The sky is now done. Click on the Sky gradient layer and Shift+click on the Contrast layer to select all sky layers. Press Ctrl+G/Cmd+G to group them and rename the new group to &#8220;Sky&#8221;.</p>
<h2>Step 5</h2>
<p>To complete the background we&#8217;ll put in the desert floor. Open the Beach image (). Select the whole image by pressing Ctrl+A/Cmd+A, copy it to the clipboard (Ctrl+C/Cmd+C) and close it (Ctrl+W/Cmd+W).</p>
<p>Paste the sand above the Sky group by pressing Ctrl+V/Cmd+V. Rename the new layer to &#8220;Sand&#8221; and use Free Transform (Ctrl+T/Cmd+T) to scale and position the layer like so:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/11/MagicDesert5.jpg"/></p>
<h2>Step 6</h2>
<p>To make the sand recede into the distance (also called atmospheric perspective), we&#8217;ll add a gradient layer mask. Click on the Add Layer Mask icon at the bottom of the Layers palette to add a layer mask to the Sand layer, followed by pressing G to activate the Gradient tool.</p>
<p>Click on the arrow next to the gradient swatch and choose Black, White from the presets menu. Create the gradient by positioning the cursor just above the top of the sand and click+Shift+drag to just below it.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/11/MagicDesert6a.jpg"/></p>
<p>When you&#8217;re done, the Sand layer and its layer mask should look similar to the image below.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/11/MagicDesert6b.jpg"/></p>
<h2>Step 7</h2>
<p>Right now, the sand looks exactly like what it is: a Dutch beach in the winter. Not very exotic if you ask me. To make it look more like a desert floor, we&#8217;ll change the color.</p>
<p>Click on the Create New Fill or Adjustment layer icon at the bottom of the Layers palette and choose Levels from the list. Rename the new Levels layer to &#8220;Color&#8221;. In the Adjustments palette, first click on the Clip icon at the bottom. This ensures that the Color layer only affects the sand and nothing else.</p>
<p>Next, set the Lightness channel&#8217;s black point to 73 and its black point to 240. Switch to the a channel and set its black point to 243. Lastly, set the b channel&#8217;s black point to 229.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/11/MagicDesert7a.jpg"/></p>
<p>The background is now done. Click on the Sand layer and Shift+click on the Color layer. Group the layers (Ctrl+G/Cmd+G) and rename the new group to &#8220;Ground&#8221;.</p>
<p>Your image and Layers palette should now look like this:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/11/MagicDesert7b.jpg"/></p>
<h2>Step 8</h2>
<p>We&#8217;re now ready to start working on the characters. We&#8217;ll start with the camel. Open the Camel image (132037_5463.jpg) and separate the animal from its background as shown below. I used the Pen tool (P) for this but you can use any selection tool you feel comfortable with. Just make sure the selection is as smooth as possible.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/11/MagicDesert8a.jpg"/></p>
<p>Press Ctrl+J/Cmd+J to copy the camel selection to a new layer. As you can see, some of the rope the camel is tethered with is still visible on its body and we need to get rid of it because it looks strange.</p>
<p>Select all pieces of rope with the Lasso tool (L), like so:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/11/MagicDesert8b.jpg"/></p>
<p>Next, press Shift+F5 to bring up the Fill dialog. Set the Use field to Content-Aware and click Ok. The rope disappears.</p>
<p>NOTE: if you&#8217;re working with a version of Photoshop older than CS5, Content-Aware fill is not available. If that&#8217;s the case, just use the Clone Stamp tool (S) to remove the rope.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/11/MagicDesert8c.jpg"/></p>
<h2>That&#8217;s the end of the preview!</h2>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrajoinbanner.jpg" /></a></p>
<ul>
<li><a href="http://fanextra.com"><strong>Join our FanExtra members community</strong></a> to access this full tutorial.</li>
<li>Existing members can <a href="http://fanextra.com/amember/login.php"><strong>login here</strong></a> to access this tutorial.</li>
</ul>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>http://psd.fanextra.com/tutorials/photo-effects/members-area-tutorial-photo-manipulate-a-magical-desert-scene/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Members Area Tutorial: Create a Spectacular Fantasy Airship Scene</title>
		<link>http://psd.fanextra.com/tutorials/photo-effects/airship-photomanipulation/</link>
		<comments>http://psd.fanextra.com/tutorials/photo-effects/airship-photomanipulation/#comments</comments>
		<pubDate>Wed, 24 Oct 2012 17:47:14 +0000</pubDate>
		<dc:creator>Caroline Moorthaemer</dc:creator>
				<category><![CDATA[Members Content]]></category>
		<category><![CDATA[Photo Effects]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=36508</guid>
		<description><![CDATA[Learn how to create a spectacular fantasy airship scene using a 3D model as a basis. You'll work with photo manipulation techniques, drawing/sketching skills, advanced texturing and lighting and much more! <strong><a href="http://fanextra.com/amember/signup.php">Sign up today</a> to access the full tutorial and download it's source file.</strong>]]></description>
			<content:encoded><![CDATA[<h2>Members Area Tutorial: Create a Spectacular Fantasy Airship Scene</h2>
<p>In this tutorial you&#8217;ll learn how to create an illustration using techniques such as creating a stylized background, applying patterns effectively and adding ink outlines.</p>
<p>The template for today&#8217;s subject, an airship, was created in the Blender 3D suite. If you&#8217;re interested in including 3D in your workflow, I highly recommend this Open Source 3D software. You can download it for free at <a href="www.blender.org">www.blender.org</a>.</p>
<h2>Final Image</h2>
<p>As always, this is the final image that we&#8217;ll be creating:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairshipfinal.jpg" /></p>
<div class="serial-box">
<h3>Resources Used In This Tutorial</h3>
<ul class="serial-box-list">
<li>Assets (Only Available for <a href="http://fanextra.com">FanExtra members</a>)</li>
<li><a href="http://www.sxc.hu/browse.phtml?f=view&#038;id=1077522">Sky 1</a></li>
<li><a href="http://www.sxc.hu/browse.phtml?f=view&#038;id=1263723">Sky 2</a></li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=3455&#038;s=m&#038;PHPSESSID=c1leh2j684bs35v43pna6gsek3">Wood</a></li>
<li><a href="http://browse.deviantart.com/resources/applications/psbrushes/?q=lightning#/d30s989 ">Lightning brushes</a></li>
</ul>
</div>
<h2>Step 1</h2>
<p>Start Photoshop if you haven&#8217;t already done so and open &#8220;Starter.psd&#8221; from the Assets.zip file. Inside this psd you&#8217;ll find 4 layers: BG, which is a plain white layer, and 3 layers each representing the airship. The first layer, Shaded, we&#8217;ll use as the foundation for the art work.  The second one, Perspective guide, we&#8217;ll use as a guide for placing textures and the third, Selection guide, is rather garish but very handy for making quick and accurate selections of the various parts of the airship.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship1.jpg" /></p>
<h2>Step 2</h2>
<p>Before going any further, let&#8217;s set up the brushes and patterns we need. The brushes are first. Activate the Brush tool (B) and right+click somewhere in the image. The brush presets dialog appears. Click on the small arrow at the top right and choose Replace Brushes from the menu. Locate the &#8220;Airship.abr&#8221; file and click the Load button.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship2a.jpg" /></p>
<p>Next, click on the arrow again and, this time, choose Load Brushes from the menu. Find the lightning brushes you downloaded (firestorm_lightning4.abr) and click Load to append these brushes to the brush presets.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship2b.jpg" /></p>
<h2>Step 3</h2>
<p>To conclude the preparations, we&#8217;ll load the patterns. Press Shift+F5 to bring up the Fill dialog. Set Use to Pattern and click on the arrow next to the Custom Pattern swatch. The pattern presets dialog will be displayed. Click the small arrow at the top right of the dialog box and choose Replace patterns from the menu. Locate the &#8220;Airship.pat&#8221; file and click Load to load the patterns into Photoshop.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship3.jpg" /></p>
<h2>Step 4</h2>
<p>Alright, let&#8217;s get going! First off, save the Starter.psd file to another name (Ctrl+Shift+S/Cmd+Shift+S) to keep the original safe. I called my version &#8220;Airship.psd&#8221; but you can call yours anything you like.</p>
<p>We&#8217;ll start with the background. Turn off all airship layers (Shaded, Perspective guide and Selection guide) by clicking on the eye icons in front of the layers. Click on the BG layer to make it active. Create a new layer by clicking on the New Layer icon at the bottom of the Layers palette and rename this layer to &#8220;Sky Gradient&#8221;. Activate the Gradient tool (G) and click on the Gradient swatch in the Options bar. When the Gradient Editor appears, set the first color to a bright sky blue (#0277ec) and the second color to pure white (#ffffff).</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship4a.jpg" /></p>
<p>Click Ok to set the gradient to the colors you just specified. Click at the top of the image, Shift+drag all the way down to the bottom and release the mouse button to create the gradient.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship4b.jpg" /></p>
<h2>Step 5</h2>
<p>Open the Sky 1 image (1077522_97541131.jpg). Press Ctrl+A/Cmd+A to select the whole image. Next copy it to the clipboard (Ctrl+C/Cmd+C) and close the Sky 1 image by pressing Ctrl+W/Cmd+W. Back in the Airship image, paste the sky above the Sky Gradient layer (Ctrl+V/Cmd+V). Rename the new layer to &#8220;Sky 1&#8243;.</p>
<p>As you can see the sky image is a little too small. Use Free Transform (Ctrl+T/Cmd+T) to scale it up so that it fits.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship5a.jpg" /></p>
<p>Next, set the Sky 1 layer&#8217;s Blend Mode to Multiply and its Opacity to 70%.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship5b.jpg" /></p>
<h2>Step 6</h2>
<p>Open the Sky 2 image (1263723_42231450.jpg) and copy and paste it into the Airship image as you did with Sky 1. The new layer should sit above the Sky 1 layer. If not, drag it into place in the Layer&#8217;s palette. Rename this new layer to &#8220;Sky 2&#8243;.<br />
As with the previous sky image, it&#8217;s too small. Again, use Free Transform to scale it until it fits.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship6a.jpg" /></p>
<p>Next, in the Layer&#8217;s palette right+click in an empty space next to the Sky 2 layer&#8217;s name and choose Convert to Smart Object from the popup menu.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship6b.jpg" /></p>
<p>Why we&#8217;re doing this will become clear in a minute. For now, set the Sky 2 layer&#8217;s Opacity to 70%.</p>
<h2>Step 7</h2>
<p>To start building the effect we&#8217;re after we need to apply a filter from the Filter Gallery to the Sky 2 layer. However, as you&#8217;ve probably noticed, the image is in Lab Color mode. Although this is a great color mode, many filters, including all Filter Gallery filters, are not available in Lab Color, which means we have to perform some special ops to work around this limitation. Fortunately for us, since Smart Objects are available to us from Photoshop CS3, this is not a problem.<br />
Double-click on the Sky 2 layer&#8217;s thumbnail. This will cause the Smart Object to open in a separate window as Sky 2.psb.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship7a.jpg" /></p>
<p>In order to apply a Filter Gallery filter, the image needs to be in RGB color mode. To make it so, choose Image>Mode>RGB Color from the menu.<br />
Next, choose Filter>Filter Gallery from the menu and locate the Dry Brush filter, which lives under the Artistic heading. Set Brush Size to 4, Brush Detail to 6 and Texture to 1. Click Ok to apply the filter.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship7b.jpg" /></p>
<p>Save the Smart Object (Ctrl+S/Cmd+S) and close it (Ctrl+W/Cmd+W). The main Airship image will now be automatically updated to reflect the changes we made. Note that, although we converted the Sky 2 Smart Object to RGB color, the main file is still in Lab Color mode, which is exactly as it should be.</p>
<h2>Step 8</h2>
<p>Now it&#8217;s time to give the sky the right atmosphere. For this we&#8217;ll need a number of adjustment layers. The first one will lighten the upper right corner of the sky. Click on the Create New Fill or Adjustment Layer icon at the bottom of the layers palette and choose Hue/Saturation from the list. Rename the new adjustment layer to &#8220;Lighten&#8221;. Set the Lightness to +43.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship8a.jpg" /></p>
<p>Press G to activate the Gradient tool. Click on the arrow next to the gradient swatch and set the gradient to Black, White. Click on the Reverse checkbox to turn it on.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship8b.jpg" /></p>
<p>Click on the Lighten layer&#8217;s layer mask to make it active and draw a gradient from just below the upper right corner of the image to just left of the center as shown below.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship8c.jpg" /></p>
<p>Your image should now look like the one below.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship8d.jpg" /></p>
<h2>Step 9</h2>
<p>Create another Hue/Saturation adjustment layer by clicking on the Create New Fill or Adjustment Layer icon and picking Hue/Saturation from the menu. Rename the layer to &#8220;Desat&#8221;and set the Saturation slider to -64.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship9a.jpg" /></p>
<p>Click on the Desat layer&#8217;s layer mask to make it active and, using the Gradient tool (G), draw a mask as indicated below.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship9b.jpg" /></p>
<h2>Step 10</h2>
<p>To make the clouds on the left hand side of the image look like storm clouds, we need to darken them quite a bit. To do this, create a new Curves adjustment layer, rename it to &#8220;Darken&#8221; and set the Lightness channel like so:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship10a.jpg" /></p>
<p>The Darken layer needs the same layer mask as the Desat layer. To make that happen, click on the Desat layer&#8217;s layer mask and Alt+drag/Opt+drag it onto the Darken layer. When Photoshop asks if you want to replace the layer mask, click Yes.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship10b.jpg" /></p>
<h2>Step 11</h2>
<p>We need one more adjustment layer. This time we&#8217;ll bump up the contrast in the sky to make it look even more dramatic. Create a Levels adjustment layer and rename it to &#8220;Contrast&#8221;. Adjust the Lightness channel by setting the black point to 6 and the white point to 224.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship11.jpg" /></p>
<h2>Step 12</h2>
<p>Next, we&#8217;ll make the sky look as if it was painted with water colours over pencil lines. Make sure that the three airship layers are still turned off and that all the sky layers are turned on. Press Ctrl+A/Cmd+A to select the whole image, followed by Ctrl+Shift+C/Cmd+Shift+C to send a merged copy of the sky to the clipboard. Make sure that the Contrast layer is selected and press Ctrl+V/Cmd+V to paste the merged copy of the sky as a new layer above the Contrast layer. Rename the new layer to &#8220;Pencil lines&#8221;.</p>
<p>Press Ctrl+Shift+U/Cmd+Shift+U to desaturate the Pencil lines layer and set its Blend Mode to Multiply. To complete the effect, choose Filter>Stylize>Find Edges from the menu.</p>
<p>Below you see a before and after shot of the sky.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship12.jpg" /></p>
<h2>Step 13</h2>
<p>Click on the Sky gradient layer and Shift+click on the Pencil lines layer to select all sky layers. Press Ctrl+G/Cmd+G to group them and rename the new group to &#8220;Clouds&#8221;.</p>
<p>As a finishing touch, let&#8217;s put in some lightning. Create a new layer above the Clouds group and activate the Brush tool. Right+click and choose one of the lightning brushes from the presets. I picked lightning brush 7 but you can pick any you like. Set the brush&#8217;s Size to 1100 pixels and your foreground color to pure white (#ffffff).</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship13a.jpg" /></p>
<p>Click once somewhere inside the image to create a lightning bolt. Use the Move tool to position it over the dark clouds on the left.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/10/flyingairship13b.jpg" /></p>
<h2>That&#8217;s the end of the preview!</h2>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrajoinbanner.jpg" /></a></p>
<ul>
<li><a href="http://fanextra.com"><strong>Join our FanExtra members community</strong></a> to access this full tutorial.</li>
<li>Existing members can <a href="http://fanextra.com/amember/login.php"><strong>login here</strong></a> to access this tutorial.</li>
</ul>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>http://psd.fanextra.com/tutorials/photo-effects/airship-photomanipulation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Members Area Tutorial: Learn How to Photo Manipulate a Realistic Fallen Angel Scene</title>
		<link>http://psd.fanextra.com/tutorials/photo-effects/members-area-tutorial-learn-how-to-photo-manipulate-a-realistic-fallen-angel-scene/</link>
		<comments>http://psd.fanextra.com/tutorials/photo-effects/members-area-tutorial-learn-how-to-photo-manipulate-a-realistic-fallen-angel-scene/#comments</comments>
		<pubDate>Wed, 19 Sep 2012 22:38:10 +0000</pubDate>
		<dc:creator>Caroline Moorthaemer</dc:creator>
				<category><![CDATA[Members Content]]></category>
		<category><![CDATA[Photo Effects]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=35326</guid>
		<description><![CDATA[Learn how to create a realistic fallen angel scene using professional manipulation techniques. You'll work with advanced blending and coloring techniques, extraction methods and a non-destructive workflow. <strong><a href="http://fanextra.com/amember/signup.php">Sign up today</a> to access the full tutorial and download it's source file.</strong>]]></description>
			<content:encoded><![CDATA[<h2>Members Area Tutorial: Learn How to Photo Manipulate a Realistic Fallen Angel Scene</h2>
<p>In this tutorial you&#8217;ll learn how to create a photo manipulation of a fallen angel using advanced skills. You&#8217;ll master some techniques such as:</p>
<ul>
<li>Extracting hair the correct way.</li>
<li>Blending various photographic elements seamlessly.</li>
<li>Creating realistic, custom lighting for your scene.</li>
<li>Working with smart objects and a professional non-destructive workflow.</li>
</ul>
<h2>Final Image</h2>
<p>As always, this is the final image you&#8217;ll be creating:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/angelfinal.jpg" /></p>
<div class="serial-box">
<h3>Resources Used In This Tutorial</h3>
<ul class="serial-box-list">
<li><a href="https://dl.dropbox.com/u/66814956/dark_mist___1_by_mjranum_stock-d4sehmp.jpg">Model</a> by <a href="http://www.ranum.com/">Marcus Ranum</a>.</li>
<li><a href="http://dezzan.deviantart.com/gallery/8296352#/d4aiowf">Hair</a> by <a href="http://dezzan.deviantart.com/">Cindy Grundsten</a></li>
<li><a href="http://browse.deviantart.com/?qh=&#038;section=&#038;global=1&#038;q=jtotheotothee#/d3btlrm">Wing</a> by <a href="http://jtotheotothee.deviantart.com/">Joe Diamond</a></li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=7802&#038;s=l&#038;PHPSESSID=ipqac5o6391ujmg3m7daap4311%20">Floor</a> by CGTextures.com (free membership required)</li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=48019&#038;s=l&#038;PHPSESSID=ipqac5o6391ujmg3m7daap4311%20">Wall</a> by CGTextures.com (free membership required)</li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=57461&#038;s=l&#038;PHPSESSID=ipqac5o6391ujmg3m7daap4311%20">Pipes</a> by CGTextures.com (free membership required)</li>
<li><a href="http://www.cgtextures.com/texview.php?id=55698&#038;PHPSESSID=ipqac5o6391ujmg3m7daap4311%20">Drips</a> by CGTextures.com (free membership required)</li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=4551&#038;s=l&#038;PHPSESSID=bku037qpvu2hinm7rd116avvc4%20">Grunge</a> by CGTextures.com (free membership required)</li>
</ul>
</div>
<h2>Step 1</h2>
<p>First off, create a new file (Ctrl+N/Cmd+N) which is 2000&#215;2313 pixels at a Resolution of 300 pixels/inch, set the Color Mode to Lab Color and the background to Transparent. Save this file as &#8220;Angel.psd&#8221;. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/angel1.jpg" /></p>
<h2>Step 2</h2>
<p>Click on the foreground color swatch in the tool box to open up the color picker. Set the color to a dark blue-gray (#181a1e).<br />
Press Alt+Backspace/Opt+Delete to fill Layer 1 with this color. Rename the layer to &#8220;BG&#8221;. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/angel2.jpg" /></p>
<h2>Step 3</h2>
<p>Open up the Wall image (PlasterLeaking0046_1_L.jpg), press Ctrl+A/Cmd+A to select all, followed by Ctrl+C/Cmd+C to copy the image to the clipboard. Switch to the Angel.psd image and copy the wall into it (Ctrl+V/Cmd+V). The new layer should sit above the BG layer. Rename this layer to “Wall”. Use Free Transform to scale and position the Wall layer as indicated below. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/angel3a.jpg" /></p>
<p>Next, set the Wall layer&#8217;s Blend Mode to Soft Light. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/angel3b.jpg" /></p>
<h2>Step 4</h2>
<p>Alt+click/Opt+click the Create new fill or adjustment layer icon at the bottom of the layer&#8217;s palette. Hold the Alt or Opt key while choosing Hue/Saturation from the pop-up menu. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/angel4a.jpg" /></p>
<p>When the New Layer dialog appears, type &#8220;Desat&#8221; in the name field and tick the Use Previous Layer to Create Clipping Mask box. Click Ok to create a new Hue/Saturation adjustment layer. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/angel4b.jpg" /></p>
<p>When the Hue/Saturation dialog pops up, set the Lightness to -50 and the Saturation to -22. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/angel4c.jpg" /></p>
<p>Click on the Wall layer and Shift+click on the Desat layer to select them both. Press Ctrl+G/Cmd+G to group the layer and rename the new group to &#8220;Wall&#8221;. </p>
<h2>Step 5</h2>
<p>Although the wall won&#8217;t be playing a vital role in the overall composition, it helps to tell the story if we add some interest to it in the shape of pipes. Open up the Pipes image (Pipes0081_L.jpg). We need to separate the pipes from the wall. The easiest way to do that is to duplicate the background layer first by pressing Ctrl+J/Cmd+J. It&#8217;s always a good idea to duplicate the layer you&#8217;re going to work on, in case something goes terribly wrong. Next, create a layer mask for the new layer by clicking on the Add Layer Mask icon at the bottom of the Layer&#8217;s palette. Make sure the layer mask is active (it&#8217;ll have a double border around it) and that the foreground color is black. Use the Pen tool (P) to draw around each section of the wall. Every time you finish a piece of the wall press Ctrl+Enter/Cmd+Return to create a selection from the path and fill the selection with black by pressing Alt+Backspace/Opt+Delete. If you&#8217;re not sure how to use the Pen tool to create selections effectively, have a look at this tutorial.</p>
<p>When you&#8217;re done, the result should look like this: </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/angel5a.jpg" /></p>
<p>Now we&#8217;ll transfer the masked layer to Angel.psd. Right+click in an empty space next to your masked layer&#8217;s name and choose Duplicate layer from the pop-up menu. When the dialog appears, click on the arrow next to the Document name and choose Angel.psd from the list. Click Ok to confirm. You can now close the Pipes image.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/angel5b.jpg" /> </p>
<h2>Step 6</h2>
<p>Back in Angel.psd you&#8217;ll see that the pipes are copied and pasted on their own layer. Make sure this layer sits above the Wall group and rename it to &#8220;Pipes left&#8221;.  Next press Ctrl+T/Cmd+T and scale the pipes so that they fit vertically on the wall. When you&#8217;re done, right+click in the transformation rectangle and pick Flip Horizontal from the pop-up menu. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/angel6a.jpg" /></p>
<p>Right+click on the Pipes left layer mask and choose Apply Layer Mask from the list. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/angel6b.jpg" /></p>
<p>Use the Lasso tool (L) to select the right hand side group of pipes as shown below. Press Shift+Ctrl+J/Shift+Cmd+J to cut and paste the selection to a new layer. Rename this layer to &#8220;Pipes right&#8221;. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/angel6c.jpg" /></p>
<p>Activate the Move tool (V) and position the Pipes right layer against the right hand side edge of the image. Next, select the Pipes left layer by clicking on it and move it over to the left edge of the image. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/angel6d.jpg" /></p>
<h2>Step 7</h2>
<p>There are several things we need to do to make the pipes fit in with the wall. We&#8217;ll start with the pipes on the left. Open the Drips image (DecalsLeaking0181_1_S.png) and use the Rectangular Marquee tool (M) to select a piece of it as shown below. Copy it (Ctrl+C/Cmd+C) to the clipboard. Don&#8217;t close the image yet, we&#8217;ll need it again in a moment. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/angel7a.jpg" /></p>
<p>Switch to Angel.psd and press Ctrl+V/Cmd+V to paste the drip. In the Layers palette and rename the layer to &#8220;Drip&#8221;. In the Layers palette, grab the Drip layer and drag it below the Pipes left layer. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/angel7b.jpg" /></p>
<h2>That&#8217;s the end of the preview!</h2>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrajoinbanner.jpg" /></a></p>
<ul>
<li><a href="http://fanextra.com"><strong>Join our FanExtra members community</strong></a> to access this full tutorial.</li>
<li>Existing members can <a href="http://fanextra.com/amember/login.php"><strong>login here</strong></a> to access this tutorial.</li>
</ul>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>http://psd.fanextra.com/tutorials/photo-effects/members-area-tutorial-learn-how-to-photo-manipulate-a-realistic-fallen-angel-scene/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Members Area Tutorial: Create an Advanced 3D Matte Painting Using Sketchup and Photoshop (Part 2)</title>
		<link>http://psd.fanextra.com/tutorials/drawing/members-area-tutorial-create-an-advanced-3d-matte-painting-using-sketchup-and-photoshop-part-2/</link>
		<comments>http://psd.fanextra.com/tutorials/drawing/members-area-tutorial-create-an-advanced-3d-matte-painting-using-sketchup-and-photoshop-part-2/#comments</comments>
		<pubDate>Fri, 10 Aug 2012 16:49:44 +0000</pubDate>
		<dc:creator>Caroline Moorthaemer</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Members Content]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=33954</guid>
		<description><![CDATA[Learn how to create a stunning 3D Matte Painting using a combination of Google Sketchup and Photoshop. One of our most advanced tutorials ever, walking you through ever step of this piece in extreme detail! <strong><a href="http://fanextra.com/amember/signup.php">Sign up today</a> to access the full tutorial and download it's source file.</strong>]]></description>
			<content:encoded><![CDATA[<h2>Members Area Tutorial: Create an Advanced 3D Matte Painting Using Sketchup and Photoshop (Part 2)</h2>
<p>This tutorial is a mammoth, and actually our longest, most in depth tutorial on record! It&#8217;s great to welcome Caroline to the team, and I&#8217;m sure you guys will learn a lot from her. </p>
<p>This tutorial was simply too long to post as a single post, with around 200 images and 57 incredibly detailed steps. As a result we have split it into two sections. </p>
<p>Part 1 was published earlier this week <strong><a href="http://psd.fanextra.com/tutorials/drawing/members-area-tutorial-create-an-advanced-3d-matte-painting-using-sketchup-and-photoshop-part-1/">(you can access the preview for it here)</a></strong>and taught you how to construct a complex building structure from scratch using the free software Google Sketchup. Part 2 today shows you how to take the 3D Sketchup model and use advanced matte painting techniques and advanced Photoshop skills to turn it into a realistic final scene.</p>
<p>Let&#8217;s get going!</p>
<p><strong>A note from Caroline:</strong></p>
<p>In this tutorial you&#8217;ll find out how to use a &#8220;sketch&#8221; created in a 3D application as the foundation for a matte painting. To create the 3D template we&#8217;ll use a nifty little program called Sketchup. Most 3D programs have a very steep learning curve but Sketchup, which was designed with 2D artists in mind, can easily be learned in as little as an hour or two. Best of all, Sketchup is free! </p>
<p>After we&#8217;ve created the 3D sketch, we&#8217;ll take it into Photoshop and turn it into a matte painting using photo manipulation techniques and some simple brush work. </p>
<h2>Final Image</h2>
<p>As always, this is the final image that we&#8217;ll be creating:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurchfinal.jpg" /></p>
<div class="serial-box">
<h3>Resources Used In This Tutorial</h3>
<ul class="serial-box-list">
<li><a href="http://www.sketchup.com/intl/en/download/index.html">Sketch Up (Download Here)</a></li>
<li><a href="http://www.youtube.com/sketchupvideo">Sketch Up Tutorials</a></li>
<li><a href="http://freetextures.3dtotal.com/preview.php?imi=10050&#038;s=plaster&#038;p=0&#038;cid=%20">Plaster 1 (Download Original)</a></li>
<li><a href="http://freetextures.3dtotal.com/preview.php?imi=9121&#038;s=plaster&#038;p=1&#038;cid=%20">Plaster 2 (Download Larger)</a></li>
<li><a href="http://freetextures.3dtotal.com/preview.php?imi=13834&#038;s=concrete&#038;p=2&#038;cid=%20">Plaster 3 (Download Original)</a></li>
<li><a href="http://freetextures.3dtotal.com/preview.php?imi=9119&#038;s=concrete&#038;p=1&#038;cid=%20">Plaster 4 (Download Larger)</a></li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=36965&#038;s=m&#038;PHPSESSID=c2j02eifvlpp6dg18bu95p5v22%20">Wood</a> (Free Account Required for Download)</li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=52071&#038;s=s&#038;PHPSESSID=c2j02eifvlpp6dg18bu95p5v22%20">Floor Tiles</a> (Free Account Required for Download)</li>
<li><a href="http://freetextures.3dtotal.com/preview.php?imi=12513&#038;s=brick&#038;p=7&#038;cid=%20">Brick (Download Larger)</a></li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=39556&#038;s=m&#038;PHPSESSID=h6mpig2664sd2psit6ho15or12%20">Carving</a> (Free Account Required for Download)</li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=19335&#038;s=m&#038;PHPSESSID=lif42ujc3pri8qv1f22kf0jkv1%20">Mural</a> (Free Account Required for Download)</li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=72256&#038;s=m&#038;PHPSESSID=h6mpig2664sd2psit6ho15or12%20">Pillar</a> (Free Account Required for Download)</li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=26332&#038;s=m&#038;PHPSESSID=h6mpig2664sd2psit6ho15or12%20">Window</a> (Free Account Required for Download)</li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=42982&#038;s=s&#038;PHPSESSID=da3m73lbjaigasi0uemfgf6e76%20">Balustrade</a> (Free Account Required for Download)</li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=38303&#038;s=s&#038;PHPSESSID=acavucnhch7a62aihrjru8d687%20">Soil</a> (Free Account Required for Download)</li>
<li><a href="http://freetextures.3dtotal.com/preview.php?imi=9176&#038;s=damage&#038;p=0&#038;cid=%20">Damage 1 (Download Larger)</a></li>
<li><a href="http://www.sxc.hu/browse.phtml?f=view&#038;id=246871%20">Damage 2 (by Race Eend)</a></li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=25610&#038;s=s&#038;PHPSESSID=da3m73lbjaigasi0uemfgf6e76%20">Damage 3</a> (Free Account Required for Download)</li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=9853&#038;s=m&#038;PHPSESSID=da3m73lbjaigasi0uemfgf6e76%20">Damage 4</a> (Free Account Required for Download)</li>
<li><a href="http://freetextures.3dtotal.com/preview.php?imi=3658&#038;s=c:Demolished&#038;p=4&#038;cid=3%20">Rubble (Download Original)</a></li>
<li><a href="http://logicalmess.deviantart.com/art/36-Brushes-317671543">Brushes (by Logical Mess)</a></li>
<li><a href="http://logicalmess.deviantart.com/gallery/#/d594rqi">Swatches (by Logical Mess)</a></li>
</ul>
</div>
<h2>Step 21</h2>
<p>First of all we&#8217;ll load the brushes and the color swatches we need for this project into Photoshop. Start Photoshop if you haven&#8217;t done so already and choose Edit>Preset Manager from the menu. The first dialog you see should be the Brush presets. If not, press Ctrl+1/Cmd+1 to make it so. Next, click the Load button, navigate to the folder where you downloaded the Brushes 01.abr file and double-click on it to load the brush set into Photoshop. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch21a.jpg" /></p>
<p>Still in the Preset Manager press Ctrl+2/Cmd+2 to switch to the Swatches panel. Click Load and find the Colors 01.aco  file. Double click on it to load the color swatches. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch21b.jpg" /></p>
<p>Click Done to close the Preset Manager. </p>
<p>We&#8217;re now ready to start on the matte painting proper. </p>
<h2>Step 22</h2>
<p>Press Ctrl+N/Cmd+N to create a new file which is  2000&#215;2880  pixels at 300 dpi. Set the Color Mode to Lab Color and the bit depth to 8 bit. The background contents should be set to Transparent. </p>
<p>We&#8217;ll work in the Lab Color mode for two reasons. Firstly, it&#8217;s device independent so it doesn&#8217;t matter on which monitor it&#8217;s viewed or on which printer it&#8217;s printed, it will always look the same. Secondly, unlike in RGB mode, in Lab Color mode the grayscale levels are separate from the color levels, which means that it&#8217;s much easier to keep light and dark values under control without changing the colors in the process. If you&#8217;d like to know more about Lab Color mode, you  might want to have a look at this <a href="http://logicalmess.deviantart.com/gallery/29862216#/d3eqmzf"><strong>short tutorial</strong></a>.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch22.jpg" /></p>
<h2>Step 23</h2>
<p>In the next few steps we&#8217;ll prepare the canvas so that we&#8217;ll be all set for the work ahead. Some of the work is a little tedious but it&#8217;ll save us a lot of jumping back and forth later on. </p>
<p>First of all, load the Template.png that you exported from Sketchup into the new document by choosing File>Place from the menu. Find the Template.png  file and double-click it to place it in the new document as a smart object. When placing the file the Free Transform mode becomes automatically active because Photoshop guesses you want to resize the smart object to fit the document, which is indeed the case. </p>
<p>Enter the values shown below in the Free Transform option bar and press Enter to fit the Template onto the canvas. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch23.jpg" /></p>
<h2>Step 24</h2>
<p>Create a new layer (Shift+Ctrl+N/Shift+Cmd+N) above the Template layer. Rename this new layer &#8220;Front walls&#8221;. Next, select the areas in the Template layer on either side of the building. I used the Pen tool (P) to do this, but you can use any selection tool you feel comfortable with. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch24a.jpg" /></p>
<p>Save this selection as an alpha channel by choosing Select>Save Selection from the menu. Type &#8220;Front walls&#8221; in the Name field and click OK to create the alpha channel. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch24b.jpg" /></p>
<p>Make sure that both the selection and the Front walls layer are active and press Shift+F5. When the Fill dialog appears, choose 50% gray from the Contents list and press Enter to fill the selection with this color. Press Ctrl+D/Cmd-D to remove the selection. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch24c.jpg" /></p>
<p>Double-click in an empty space next to the Front walls layer&#8217;s name. When the Layer Style dialog appears, Click on the Stroke option to activate it and enter the following values: </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch24d.jpg" /></p>
<h2>Step 25</h2>
<p>To save some time later on, we&#8217;ll create an alpha channel for each piece of the composition. This is very repetitive work and to make the process a little faster, I suggest that you assign shortcut keys to the Save Selection and Load Selection menu options. </p>
<p>To do this, choose Edit>Keyboard Shortcuts from the menu. When the dialog pops up, make sure that the Shortcuts For: option is set to Application Menus. Find the Select folder and click on the arrow in front of it to open it. Next, scroll down until you see the Load Selection and  Save Selection entries. Click on Load Selection to activate it and press Alt+F1/Opt+F1 to assign that shortcut combination to the menu option. Click on Save Selection  and press Alt+F2/Opt+F2 to assign the key combination to that menu option. Then Click the Accept button followed by clicking OK to close the dialog. </p>
<p>Alt+F1/Opt+F1 is now assigned to the Load Selection menu option and Alt+F2/Opt+F2 to the Save Selection menu option. </p>
<p>Select the top portion of the back  wall, press Alt+F2/Opt+F2 and save the alpha channel as &#8220;Back wall top&#8221;. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch25a.jpg" /></p>
<p>Proceed to select the remaining areas and save them to alpha channels one by one as shown below. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch25b.jpg" /></p>
<p>When you&#8217;re done you should have 16 alpha channels, including the Front walls channel we made earlier. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch25c.jpg" /></p>
<h2>That&#8217;s the end of the preview!</h2>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrajoinbanner.jpg" /></a></p>
<ul>
<li><a href="http://fanextra.com"><strong>Join our FanExtra members community</strong></a> to access this full tutorial.</li>
<li>Existing members can <a href="http://fanextra.com/amember/login.php"><strong>login here</strong></a> to access this tutorial.</li>
</ul>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>http://psd.fanextra.com/tutorials/drawing/members-area-tutorial-create-an-advanced-3d-matte-painting-using-sketchup-and-photoshop-part-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Members Area Tutorial: Create an Advanced 3D Matte Painting Using Sketchup and Photoshop (Part 1)</title>
		<link>http://psd.fanextra.com/tutorials/drawing/members-area-tutorial-create-an-advanced-3d-matte-painting-using-sketchup-and-photoshop-part-1/</link>
		<comments>http://psd.fanextra.com/tutorials/drawing/members-area-tutorial-create-an-advanced-3d-matte-painting-using-sketchup-and-photoshop-part-1/#comments</comments>
		<pubDate>Wed, 08 Aug 2012 17:15:29 +0000</pubDate>
		<dc:creator>Caroline Moorthaemer</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Members Content]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=33775</guid>
		<description><![CDATA[Learn how to create a stunning 3D Matte Painting using a combination of Google Sketchup and Photoshop. One of our most advanced tutorials ever, walking you through ever step of this piece in extreme detail! <strong><a href="http://fanextra.com/amember/signup.php">Sign up today</a> to access the full tutorial and download it's source file.</strong>]]></description>
			<content:encoded><![CDATA[<h2>Members Area Tutorial: Create an Advanced 3D Matte Painting Using Sketchup and Photoshop (Part 1)</h2>
<p>This tutorial is a mammoth, and actually our longest, most in depth tutorial on record! It&#8217;s great to welcome Caroline to the team, and I&#8217;m sure you guys will learn a lot from her. </p>
<p>This tutorial was simply too long to post as a single post, with around 200 images and 57 incredibly detailed steps. As a result we have split it into two sections. Today&#8217;s section (Part 1) teaches you how to construct a complex building structure from scratch using the free software Google Sketchup. Part 2 will be posted this Friday and shows you how to take the 3D Sketchup model and use advanced matte painting techniques and advanced Photoshop skills to turn it into a realistic final scene.</p>
<p>Let&#8217;s get going!</p>
<p><strong>A note from Caroline:</strong></p>
<p>In this tutorial you&#8217;ll find out how to use a &#8220;sketch&#8221; created in a 3D application as the foundation for a matte painting. To create the 3D template we&#8217;ll use a nifty little program called Sketchup. Most 3D programs have a very steep learning curve but Sketchup, which was designed with 2D artists in mind, can easily be learned in as little as an hour or two. Best of all, Sketchup is free! </p>
<p>After we&#8217;ve created the 3D sketch, we&#8217;ll take it into Photoshop and turn it into a matte painting using photo manipulation techniques and some simple brush work. </p>
<h2>Final Image</h2>
<p>As always, this is the final image that we&#8217;ll be creating:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurchfinal.jpg" /></p>
<div class="serial-box">
<h3>Resources Used In This Tutorial</h3>
<ul class="serial-box-list">
<li><a href="http://www.sketchup.com/intl/en/download/index.html">Sketch Up (Download Here)</a></li>
<li><a href="http://www.youtube.com/sketchupvideo">Sketch Up Tutorials</a></li>
<li><a href="http://freetextures.3dtotal.com/preview.php?imi=10050&#038;s=plaster&#038;p=0&#038;cid=%20">Plaster 1 (Download Original)</a></li>
<li><a href="http://freetextures.3dtotal.com/preview.php?imi=9121&#038;s=plaster&#038;p=1&#038;cid=%20">Plaster 2 (Download Larger)</a></li>
<li><a href="http://freetextures.3dtotal.com/preview.php?imi=13834&#038;s=concrete&#038;p=2&#038;cid=%20">Plaster 3 (Download Original)</a></li>
<li><a href="http://freetextures.3dtotal.com/preview.php?imi=9119&#038;s=concrete&#038;p=1&#038;cid=%20">Plaster 4 (Download Larger)</a></li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=36965&#038;s=m&#038;PHPSESSID=c2j02eifvlpp6dg18bu95p5v22%20">Wood</a> (Free Account Required for Download)</li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=52071&#038;s=s&#038;PHPSESSID=c2j02eifvlpp6dg18bu95p5v22%20">Floor Tiles</a> (Free Account Required for Download)</li>
<li><a href="http://freetextures.3dtotal.com/preview.php?imi=12513&#038;s=brick&#038;p=7&#038;cid=%20">Brick (Download Larger)</a></li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=39556&#038;s=m&#038;PHPSESSID=h6mpig2664sd2psit6ho15or12%20">Carving</a> (Free Account Required for Download)</li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=19335&#038;s=m&#038;PHPSESSID=lif42ujc3pri8qv1f22kf0jkv1%20">Mural</a> (Free Account Required for Download)</li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=72256&#038;s=m&#038;PHPSESSID=h6mpig2664sd2psit6ho15or12%20">Pillar</a> (Free Account Required for Download)</li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=26332&#038;s=m&#038;PHPSESSID=h6mpig2664sd2psit6ho15or12%20">Window</a> (Free Account Required for Download)</li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=42982&#038;s=s&#038;PHPSESSID=da3m73lbjaigasi0uemfgf6e76%20">Balustrade</a> (Free Account Required for Download)</li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=38303&#038;s=s&#038;PHPSESSID=acavucnhch7a62aihrjru8d687%20">Soil</a> (Free Account Required for Download)</li>
<li><a href="http://freetextures.3dtotal.com/preview.php?imi=9176&#038;s=damage&#038;p=0&#038;cid=%20">Damage 1 (Download Larger)</a></li>
<li><a href="http://www.sxc.hu/browse.phtml?f=view&#038;id=246871%20">Damage 2 (by Race Eend)</a></li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=25610&#038;s=s&#038;PHPSESSID=da3m73lbjaigasi0uemfgf6e76%20">Damage 3</a> (Free Account Required for Download)</li>
<li><a href="http://www.cgtextures.com/texview_oldstyle.php?id=9853&#038;s=m&#038;PHPSESSID=da3m73lbjaigasi0uemfgf6e76%20">Damage 4</a> (Free Account Required for Download)</li>
<li><a href="http://freetextures.3dtotal.com/preview.php?imi=3658&#038;s=c:Demolished&#038;p=4&#038;cid=3%20">Rubble (Download Original)</a></li>
<li><a href="http://logicalmess.deviantart.com/art/36-Brushes-317671543">Brushes (by Logical Mess)</a></li>
<li><a href="http://logicalmess.deviantart.com/gallery/#/d594rqi">Swatches (by Logical Mess)</a></li>
</ul>
</div>
<h2>Step 1</h2>
<p>When you start Sketchup, you&#8217;ll see the start up screen. First of all, and this is optional, you might want to print the Quick Reference Card. It&#8217;s very handy to have close by, especially when you&#8217;ve never used Sketchup before. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch1a.jpg" /></p>
<p>Next, click the Choose Template button and pick &#8220;Architectural Design &#8211; Millimeters&#8221; from the list. To create a new file using this template, click the &#8220;Start using Sketchup&#8221; button at the bottom of the dialog. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch1b.jpg" /></p>
<h2>Step 2</h2>
<p>When the main screen appears, choose View > Toolbars from the menu and activate the toolbars we need as shown below. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch2.jpg" /></p>
<h2>Step 3</h2>
<p>We&#8217;re now ready to start creating the structure. </p>
<p>Click on the Rectangle tool in the toolbar or press &#8220;R&#8221; on the keyboard. Position the cursor where the 3 axes converge until you see the word &#8220;origin&#8221; appear. Hold down the left mouse button and draw up along the blue line (the up or z-axis), Then draw along the red line (the across or x-axis), making sure not to stray from the red line. You&#8217;ll see a rectangle appearing. Without clicking anywhere, type &#8220;8m,10m&#8221;. The measurements appear in the bottom right corner of the screen as you type. Press Enter and a rectangle of 8 meters wide and 10 meters high is created. </p>
<p>The figure (which is called &#8216;Susan&#8217; by the way) has vanished but we&#8217;ll sort that out later. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch3.jpg" /></p>
<h2>Step 4</h2>
<p>Zoom out and pan the view with the middle mouse button as indicated on the Quick Reference Card, so that you can see the whole rectangle you just created. </p>
<p>Select the Push-Pull tool or press &#8220;P&#8221;. Click on the rectangle and pull towards the horizon. Type &#8220;10m&#8221; and press Enter. Take care not to forget the &#8220;m&#8221;, otherwise Sketchup thinks you mean millimeters instead of meters. The rectangle has now become a box of 8 meters wide, 10 meters high and 10 meters deep. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch4a.jpg" />	</p>
<p>Press the spacebar to activate the Selection tool. Click on the front face of the box so it becomes selected. Press &#8220;Delete&#8221; to get rid of it. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch4b.jpg" /></p>
<h2>Step 5</h2>
<p>At the moment the structure is nothing more than a box. Let&#8217;s do something about it by creating the roof. Activate the Line tool by clicking on its icon in the toolbar or by pressing &#8220;L&#8221;. Next go to the Top view by clicking on its icon in the View toolbar. Zoom out so that you can see the whole top rectangle. Hover the mouse over the top edge until you see a cyan circle, click and drag down to the bottom edge. Move the mouse over the bottom edge until another cyan circle appears, when it does, click to create a straight line. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch5a.jpg" /></p>
<p>Switch to the front view by clicking on its icon in the View toolbar. Hit the Spacebar to activate the Selection tool. Click on the line you&#8217;ve just created to select it. The line will turn blue. Press &#8220;M&#8221; or click on the Move tool icon in the toolbar. Hover the mouse over the selected line, click and drag it up along the blue axis. You&#8217;ll know when the Move tool is on the blue axis because a blue dotted line appears as you drag. Type &#8220;3m&#8221; to raise the roof 3 meters and press Enter to confirm. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch5b.jpg" /></p>
<p>The basic structure is now finished. Next we&#8217;ll create some details inside the building. </p>
<h2>Step 6</h2>
<p>The back wall will have the most detail, so we&#8217;ll start there. Position the camera so that you can see the whole of the back wall. Press the Spacebar to activate the Selection tool and select Susan, she&#8217;ll turn blue. Press &#8220;Delete&#8221; to get rid of her. </p>
<p>To make our lives easier, we&#8217;ll first create some guidelines on the back wall. Press &#8220;T&#8221; to activate the Tape Measure tool. Hover the mouse over the bottom edge of the back wall until a red square and the text &#8220;On Edge&#8221; appear. Click and drag up. Type &#8220;3.25m&#8221; and press Enter. You now have a horizontal guideline at a height of 3.25 meters. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch6.jpg" /></p>
<h2>Step 7</h2>
<p>Activate the Rectangle tool (R) and  hover the mouse over the point where the left edge of the  back wall intersects with the guide line. As soon as you see a red cross and the text &#8220;Intersection&#8221;, click and drag diagonally to the bottom right corner of the back wall. When a green circle with the text &#8220;Endpoint&#8221; appears, click to create the rectangle. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch7a.jpg" /></p>
<p>Select the Push-Pull tool (P), click on the new rectangle and drag down to extrude it. Type &#8220;1.5m&#8221; and press Enter to complete the extrusion. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch7b.jpg" /></p>
<p>To tidy up, zoom out a little using the mouse wheel and actvate the Eraser tool (E). Click on the horizontal guideline outside  the building to delete it. Do not try to click inside the building because that&#8217;ll erase parts of the building as well as the guide. It&#8217;s good practice to erase guidelines as soon as you&#8217;re done with them. If you don&#8217;t, the work area gets very messy very quickly and it becomes difficult to draw the shapes you need.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch7c.jpg" /></p>
<h2>Step 8</h2>
<p>To create the detail on the bottom half of the back wall, we need quite a lot of guidelines. Let&#8217;s start with the horizontal ones. </p>
<p>Starting at the bottom edge, create 2 new horizontal guides, using the Tape Measure tool (T) and the same method as in Step 6. Create a guide at 2.75m and another at 2m. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch8a.jpg" /></p>
<p>Next, create 6 vertical guidelines by dragging each one out from the left edge of the back wall, typing its position and pressing Enter. The positions are: 0.5m, 2.25m, 2.75m, 5.25m, 5.75m and 7.5m. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch8b.jpg" /></p>
<h2>Step 9</h2>
<p>Activate the Rectangle tool (R) and draw 3 rectangles using the guidelines as shown below: </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch9a.jpg" /></p>
<p>To turn the rectangles into arches, activate the Arc tool by pressing &#8220;A&#8221; or clicking on its icon in the toolbar. Hover with the mouse over the top left point of the first rectangle until a green circle appears, then click. Move the cursor over to the right top corner of the rectangle and click again when you see a green circle. Drag the mouse up until the arc snaps to the top most horizontal guide. Click to finish. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch9b.jpg" /></p>
<p>Do the same for the other 2 rectangles to create 3 arches in total. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch9c.jpg" /></p>
<h2>Step 10</h2>
<p>The arches and the rectangles are still separate surfaces. To be able to work with them effectively each arch and its rectangle have to be combined. Activate the Eraser tool (E) and click on each dividing edge in turn. This creates 3 complete arches. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch10a.jpg" /></p>
<p>Select the Push-Pull tool (P). Click on the left arch and drag the cursor up to extrude the arch inwards. Type &#8220;0.5m&#8221; and press Enter to extrude the arch inwards by half a meter. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch10b.jpg" /></p>
<p>With the Push-Pull tool still active, double-click on the center arch. This extrudes the arch inwards by the last entered distance, which is 0.5m. To finish up, double-click on the right arch to extrude it as well. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch10c.jpg" /></p>
<p>Zoom  out until you can see the whole building. Select the Eraser tool and delete all  guidelines by clicking on them in turn. Make sure to click outside the building to avoid deleting any geometry. If all went well, your building now looks like this: </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/08/lostchurch10d.jpg" /></p>
<h2>That&#8217;s the end of the preview!</h2>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrajoinbanner.jpg" /></a></p>
<ul>
<li><a href="http://fanextra.com"><strong>Join our FanExtra members community</strong></a> to access this full tutorial.</li>
<li>Existing members can <a href="http://fanextra.com/amember/login.php"><strong>login here</strong></a> to access this tutorial.</li>
</ul>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>http://psd.fanextra.com/tutorials/drawing/members-area-tutorial-create-an-advanced-3d-matte-painting-using-sketchup-and-photoshop-part-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
