<?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>Photoshop Instructions &#187; 3D</title>
	<atom:link href="http://www.photoshopinstructions.com/tag/3d/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.photoshopinstructions.com</link>
	<description>Free Photoshop Tutorials and Instructions. Download plugins, read our free tutorials and play with our online editor!</description>
	<lastBuildDate>Thu, 27 Aug 2009 10:50:55 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Adding Depth to a 3D object using Light Beams</title>
		<link>http://www.photoshopinstructions.com/adding-depth-to-a-3d-object-using-light-beams/</link>
		<comments>http://www.photoshopinstructions.com/adding-depth-to-a-3d-object-using-light-beams/#comments</comments>
		<pubDate>Thu, 12 Mar 2009 21:54:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Expert Tutorials]]></category>
		<category><![CDATA[Intermediate Tutorials]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[3D Objects]]></category>
		<category><![CDATA[Blur]]></category>
		<category><![CDATA[Brushes]]></category>
		<category><![CDATA[Depth]]></category>
		<category><![CDATA[Layers]]></category>
		<category><![CDATA[Paths]]></category>

		<guid isPermaLink="false">http://www.photoshopinstructions.com/?p=539</guid>
		<description><![CDATA[

Adding Spiral Beams around your objects really gives a 3D sense to your objects. We will see on this tutorial how you can add these beams around any object you may want to give depth to using Photoshop CS4. For the purposes of this tutorial we suggest using a 3D object like this sphere but any object would&#160;do.

1. The first ...]]></description>
			<content:encoded><![CDATA[<div style="float:right; padding: 0px; margin: 0px; margin-top: 0px; padding-top: 0px; border-width: 0px 0px 10px 5px; border-style: solid; border-color: White; background-color: white"><script type="text/javascript"><!--
google_ad_client = "pub-2747913559834956";
/* 300x250, PSInst. InArticle */
google_ad_slot = "1150739433";
google_ad_width = 300;
google_ad_height = 250;
// --></script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script></div>
<p>Adding Spiral Beams around your objects really gives a 3D sense to your objects. We will see on this tutorial how you can add these beams around any object you may want to give depth to using Photoshop <span class="caps">CS4</span>. For the purposes of this tutorial we suggest using a 3D object like this sphere but any object would&nbsp;do.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/beams-1.gif" alt="beams-1" title="beams-1" width="277" height="254" class="alignnone size-full wp-image-534" /></p>
<p>1. The first thing we want to do is create a new&nbsp;layer.</p>
<p>2. Next we will open our path’s panel and choose the ellipse tool. Once you pick the ellipse tool go to the tool’s options bar on the top toolbar and click on the middle icon named Path, you can easily identify it by hovering over with your cursor on the icons of the toolbar. This will turn your cursor into a little pen tool. With this tool chosen draw a very thin wide oval near the base of your&nbsp;object.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/beams-2.gif" alt="beams-2" title="beams-2" width="246" height="210" class="alignnone size-full wp-image-535" /></p>
<p>3. Next we need to choose our direct selection tool. This is placed usually just over the ellipse tool, on the lower portion of the tools toolbar and is marked with a black arrow. Click on it and select the path of the oval object you just designed, this will bring up 4 anchors. We want to add 2 more anchors to these, so we will go to the Pen tool and from the available tools choose the add anchor tool. Click on it and create 2 extra anchors just on the edges of your object on the areas&nbsp;highlighted.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/beams-3.gif" alt="beams-3" title="beams-3" width="242" height="200" class="alignnone size-full wp-image-536" /></p>
<p>4. Once we have all 6 anchors set, we will go back to the direct selection tool and we will choose the anchors that would stand lie behind our object and delete them. This will give us a flat C running around in the front side of our&nbsp;object.</p>
<p>5. Next we will grab this path and move it down to the new path button. This is placed on the bottom toolbar of the paths panel. Once done right click on it and duplicate that path. We will now edit the duplicate path we just created. We will select the path that runs on the left side of our object and delete&nbsp;it.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/beams-4.gif" alt="beams-4" title="beams-4" width="244" height="202" class="alignnone size-full wp-image-537" /></p>
<div style="float:left; padding: 0px; margin: 0px; margin-top: 0px; padding-top: 0px; border-width: 0px 0px 10px 5px; border-style: solid; border-color: White; background-color: white"><script type="text/javascript"><!--
google_ad_client = "pub-2747913559834956";
/* 300x250, PSInst. InArticle */
google_ad_slot = "1150739433";
google_ad_width = 300;
google_ad_height = 250;
// --></script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script></div>
<p>6. Next we will grab our brush tool, which is placed on the top side of the tools toolbar.<br />
Click on it and go to brush options, we will set the brush diameter to 7pxls and set hardness to 100%. Next click on the brush options dialogue box, which is placed just on top of the paths panel you have running and  turn shape dynamics&nbsp;<span class="caps">ON</span>.</p>
<p>7. Next right click on the duplicate path and select stroke path. Choose brush and simulate pressure. This will create a beam that whirls around the&nbsp;object.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/beams-5.gif" alt="beams-5" title="beams-5" width="230" height="220" class="alignnone size-full wp-image-538" /></p>
<p>8. Now we will switch to the original path and again on the path selection tool. Select the paths of the swirl we created before, hold down the shift key and hit the upper arrow key a few times so the path will move upwards. Once done we will replicate the stroke path steps as described on step 7. This will create another swirl. Repeat this until you get the desired number of&nbsp;swirls.</p>
<p>9. Finally we want to give our swirls an angle. For this go back to the Layers mode, remember we were working on the paths mode until now, and select the swirls layer. Right click on it after you select it and select skew and give your swirls an angle by pulling the top right corner a bit up and the bottom left down, which will give them a cool moving&nbsp;effect.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/beams-6.gif" alt="beams-6" title="beams-6" width="218" height="201" class="alignnone size-full wp-image-540" /></p>
<img src="http://www.photoshopinstructions.com/?ak_action=api_record_view&id=539&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.photoshopinstructions.com/adding-depth-to-a-3d-object-using-light-beams/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to create 3D Typography</title>
		<link>http://www.photoshopinstructions.com/how-to-create-3d-typography/</link>
		<comments>http://www.photoshopinstructions.com/how-to-create-3d-typography/#comments</comments>
		<pubDate>Wed, 04 Mar 2009 22:04:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Beginner Tutorials]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[3D Text]]></category>
		<category><![CDATA[Bevel]]></category>
		<category><![CDATA[Drop Shadow]]></category>
		<category><![CDATA[Emboss]]></category>
		<category><![CDATA[Gradient]]></category>
		<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://www.photoshopinstructions.com/?p=409</guid>
		<description><![CDATA[The effect of 3D Text is always in demand by designers as it looks cool, attracts the viewer and can be used in any sort of&#160;design.


You might be familiar of 3D graphics applications like 3D Studio Max, Maya, Xara 3D etc. These are used to create 3D Text, but they all have some drawbacks. These are complex 3D Softwares, so ...]]></description>
			<content:encoded><![CDATA[<p>The effect of 3D Text is always in demand by designers as it looks cool, attracts the viewer and can be used in any sort of&nbsp;design.</p>
<div style="float:left; padding: 0px; margin: 0px; margin-top: 0px; padding-top: 0px; border-width: 0px 0px 10px 5px; border-style: solid; border-color: White; background-color: white"><script type="text/javascript"><!--
google_ad_client = "pub-2747913559834956";
/* 300x250, PSInst. InArticle */
google_ad_slot = "1150739433";
google_ad_width = 300;
google_ad_height = 250;
// --></script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script></div>
<p>You might be familiar of 3D graphics applications like 3D Studio Max, Maya, Xara 3D etc. These are used to create 3D Text, but they all have some drawbacks. These are complex 3D Softwares, so a normal user finds them difficult to use and navigate with ease. They also need to be procured and installed on your system separately.  So why do you need them when you require are less? You can create nice looking 3D effects with Adobe&nbsp;Photoshop.</p>
<p>Although Photoshop is a 2D image editing tool, you can create text that looks like 3D with minimal expertise. In fact, this is exactly what we&#8217;re going to focus on and show you in this&nbsp;tutorial.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/final.jpg" alt="final" title="final" width="530" height="192" class="alignnone size-full wp-image-410" /></p>
<p>We will learn to write &#8216;Chocolate&#8217; in real moulded chocolate. To kick things off, create a new file in Photoshop. We used 530 x 192 pixels for dimensions but this can of course be anything of your&nbsp;choice.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step1-300x182.jpg" alt="step1" title="step1" width="300" height="182" class="alignnone size-medium wp-image-411" /></p>
<p>With the text tool, type the text you would like to work on. Select a font with a bold look, it looks better in&nbsp;3D.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step2-300x108.jpg" alt="step2" title="step2" width="300" height="108" class="alignnone size-medium wp-image-413" /></p>
<p>Using a transform mode (Ctrl + T) make the text slanting using the nodes. Use ctrl+drag on the nodes to adjust in perspective&nbsp;mode.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step3-300x108.jpg" alt="step3" title="step3" width="300" height="108" class="alignnone size-medium wp-image-414" /></p>
<p>This layer will work as the front of your 3D Text, so now we must create an extruded look. To duplicate the layer, press Shift+Down Arrow to bring the new layer 10 pixels&nbsp;down.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step4-300x108.jpg" alt="step4" title="step4" width="300" height="108" class="alignnone size-medium wp-image-415" /></p>
<p>Select the lower layer and press Ctrl+Alt+Up Arrow 9 times. It will create 9 new layers moving each layer up by 1 px. This gives our object a 3D depth&nbsp;look.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step5-300x108.jpg" alt="step5" title="step5" width="300" height="108" class="alignnone size-medium wp-image-416" /></p>
<p>To differentiate the first layer and give it a more refined look, we will apply some effects to it. Open the layer effects on the first layer, check ‘Bevel and Emboss’. Use the following&nbsp;settings</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step6-246x300.jpg" alt="step6" title="step6" width="246" height="300" class="alignnone size-medium wp-image-417" /> </p>
<p>Under Bevel and Emboss, also check Contour and use following&nbsp;value</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step7-300x109.jpg" alt="step7" title="step7" width="300" height="109" class="alignnone size-medium wp-image-418" /> </p>
<p>Also give Drop Shadow effect with these&nbsp;values</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step8-300x284.jpg" alt="step8" title="step8" width="300" height="284" class="alignnone size-medium wp-image-419" /></p>
<p>Your image will now hopefully look something like&nbsp;this</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step9-300x108.jpg" alt="step9" title="step9" width="300" height="108" class="alignnone size-medium wp-image-420" /> </p>
<p>Lets add a reflection effect. Select all the layers below the front text and merge them (Press Ctrl+E). Duplicate the merged layer and give the new layer 20% opacity. Bring down the transparent layer by pressing Shift + Down Arrow for 10 pixels. This will work as a reflection. There are many ways to add a reflection to your text; you can check other tutorials for more advanced reflections.<br />
<img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step10-300x108.jpg" alt="step10" title="step10" width="300" height="108" class="alignnone size-medium wp-image-421" /></p>
<p>Almost Done, if you want, you can also add a gradient fill to the background for better&nbsp;presentation!</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/final-300x108.jpg" alt="final" title="final" width="300" height="108" class="alignnone size-medium wp-image-410" /></p>
<p><script type="text/javascript"><!--
google_ad_client = "pub-2747913559834956";
/* 300x250, PSInst. InArticle */
google_ad_slot = "1150739433";
google_ad_width = 300;
google_ad_height = 250;
// --></script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script></p>
<p>Might also be worth checking out the <a href="http://www.photoshoproadmap.com/Photoshop-blog/2007/07/22/the-best-80-photoshop-text-effects-on-the-web/">80 best Photoshop Text Effects on the&nbsp;web</a>.</p>
<img src="http://www.photoshopinstructions.com/?ak_action=api_record_view&id=409&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.photoshopinstructions.com/how-to-create-3d-typography/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
