<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Photoshop CS3 Blog &#187; 3D effects</title>
	<atom:link href="http://cs3madness.wordpress.com/tag/3d-effects/feed/" rel="self" type="application/rss+xml" />
	<link>http://cs3madness.wordpress.com</link>
	<description>Just another WordPress.com weblog</description>
	<lastBuildDate>Thu, 18 Sep 2008 23:04:10 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='cs3madness.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/7820fbe2171c021b6e20a08031807858?s=96&#038;d=http://s.wordpress.com/i/buttonw-com.png</url>
		<title>Photoshop CS3 Blog &#187; 3D effects</title>
		<link>http://cs3madness.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://cs3madness.wordpress.com/osd.xml" title="Photoshop CS3 Blog" />
		<item>
		<title>Photoshop Tutorial: Stunning 3D effects in 30 minutes</title>
		<link>http://cs3madness.wordpress.com/2008/09/18/photoshop-tutorial-stunning-3d-effects-in-30-minutes/</link>
		<comments>http://cs3madness.wordpress.com/2008/09/18/photoshop-tutorial-stunning-3d-effects-in-30-minutes/#comments</comments>
		<pubDate>Thu, 18 Sep 2008 19:27:59 +0000</pubDate>
		<dc:creator>catbien63</dc:creator>
				<category><![CDATA[Photoshop CS3 tutorial]]></category>
		<category><![CDATA[3D effects]]></category>

		<guid isPermaLink="false">http://cs3madness.wordpress.com/?p=12</guid>
		<description><![CDATA[Filed under: Tutorials Author: Francesco Mugnai

Announcing the first tutorial of a new series!
Together, with a pinch of this and a dash of that, we’ll figure out how to create this cool effect in just 30 minutes.
Ingredients:
1 normal, everyday Photoshop
1 set of real 3D text.
1 large black canvas (1600×1200px)

Step 1: First, we’ll need something written in [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs3madness.wordpress.com&blog=4899979&post=12&subd=cs3madness&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Filed under: <a title="View all posts in Tutorials" rel="category tag" href="http://blogof.francescomugnai.com/category/tutorials/">Tutorials</a> Author: Francesco Mugnai</p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_22.jpg"><img class="alignnone size-full wp-image-314" title="photoshop_tutorial_22" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_22.jpg" alt="" width="420" height="315" /></a></p>
<p>Announcing the first tutorial of a new series!<br />
Together, with a pinch of this and a dash of that, we’ll figure out how to create this cool effect in just 30 minutes.</p>
<p>Ingredients:<br />
1 normal, everyday Photoshop<br />
1 set of real 3D text.<br />
1 large black canvas (1600×1200px)</p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/11.jpg"><img class="alignnone size-full wp-image-290" title="11" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/11.jpg" alt="" width="420" height="257" /></a></p>
<p>Step 1: First, we’ll need something written in 3D. We have two possible variations:</p>
<p>If you prefer a bit of Mac spice, use the command “Extrude and Bevel” in illustrator. <a href="http://psdtuts.com/text-effects-tutorials/create-a-spectacular-flaming-meteor-effect-on-text/" target="_blank">This</a> tutorial from PSDUTS may help you through it.</p>
<p>If you swing more toward a Windows flavor, <a href="http://site.xara.com/products/xara3d/" target="_blank">Xara3D</a> is another. If you don’t have Xara 3D, have no fear. We always come prepared: click on the thumbnail below to download a sample.</p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/cold.png"><img class="alignnone size-full wp-image-315" title="cold" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/cold.jpg" alt="" width="420" height="315" /></a></p>
<p>Step 2: Place the 3D text and rename it as “3D Text”. Then, with the Magic Wand Tool select the face of the letters and cut that part as you can see from the screnshoots below.</p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial21.jpg"><img class="alignnone size-full wp-image-292" title="photoshop_tutorial21" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial21.jpg" alt="" width="420" height="500" /></a></p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial3.jpg"><img class="alignnone size-full wp-image-293" title="photoshop_tutorial3" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial3.jpg" alt="" width="420" height="500" /></a></p>
<p>Step 3: With me so far? Now comes the fun part. Make two copies of this layer, one for backup (”3D Text Copy”) and another one (”3D Text Blur”). Set the backup copy aside to cool for a bit (aka, Hide). Leave the other two layers (“3D Text” and “3D Text Blur”) on the fire and easily accessible. Turn down the heat a bit on “3D Text Blur”; let it simmer for a while and come back to it later.</p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial4.jpg"><img class="alignnone size-full wp-image-294" title="photoshop_tutorial4" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial4.jpg" alt="" width="420" height="500" /></a></p>
<p>Step 4: Next, create a new layer group, rename it “Effects”, and change the blending option of this group to “Color Dodge”. Now, being careful not to disturb the other layers, reach inside this new layer group and, with a flick of the wrist, create a new layer, applying the filter “Clouds” (Filter -&gt; Render -&gt; Clouds) to give it that nice, puffy consistency that we’ve all come to know and love.</p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial5.jpg"><img class="alignnone size-full wp-image-295" title="photoshop_tutorial5" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial5.jpg" alt="" width="420" height="500" /></a></p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_23.jpg"><img class="alignnone size-full wp-image-318" title="photoshop_tutorial_23" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_23.jpg" alt="" width="420" height="243" /></a></p>
<p>Step 5: Dropping just below that group in your palette, create another group, this one named “Colors”. Remember that little wrist-flick technique from Step 4? Didn’t get it quite to your satisfaction the first time? Well, we’re going to give it a go again. As before, within this new group you’ll need to create a new layer; add a sprinkle of pink, and with the gradient tool (in Radial Mode) draw a soft edge glow. After that, set the layer blending mode to the “Low” mixer setting, or “Soft Light”.</p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial7.jpg"><img class="alignnone size-full wp-image-296" title="photoshop_tutorial7" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial7.jpg" alt="" width="420" height="500" /></a></p>
<p>At this point, you might see a strange pink cloud, but don’t worry. All part of the plan.</p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial6.jpg"><img class="alignnone size-full wp-image-297" title="photoshop_tutorial6" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial6.jpg" alt="" width="420" height="500" /></a></p>
<p>Step 6: Repeat the previous step with two other bright colors, but placed differently.</p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial8.jpg"><img class="alignnone size-full wp-image-298" title="photoshop_tutorial8" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial8.jpg" alt="" width="420" height="500" /></a></p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_10.jpg"><img class="alignnone size-full wp-image-300" title="photoshop_tutorial_10" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_10.jpg" alt="" width="420" height="264" /></a></p>
<p>Step 7: Now, for the “secret ingredient.”<br />
Do you remember the “3D Text Blur” we set aside way back in Step 3?<br />
Well, it’s been simmering long enough! Select it now and apply a Gaussian Blur of 13 pixel radius (Filter -&gt; Blur -&gt; Gaussian Blur)</p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_11.jpg"><img class="alignnone size-full wp-image-301" title="photoshop_tutorial_11" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_11.jpg" alt="" width="420" height="264" /></a></p>
<p>Step 8: Now the creative part. Add a new layer in the “Effects” group, immediately above the “Clouds”. Download a <a href="http://rabieshund.deviantart.com/art/Rabies-Star-Brushset-19527557" target="_blank">cool brush</a> from DeviantArt and use white to trace around the inside face of each the letters.</p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_13.jpg"><img class="alignnone size-full wp-image-303" title="photoshop_tutorial_13" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_13.jpg" alt="" width="420" height="281" /></a></p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_12.jpg"><img class="alignnone size-full wp-image-302" title="photoshop_tutorial_12" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_12.jpg" alt="" width="420" height="281" /></a></p>
<p>Step 9: Still with me? We’re almost there! Carefully slide yet another new layer between the two groups (“Effects” and “Clouds”).<br />
Reach for your trusty Gradient Tool (this time in Linear Mode), choose White and, holding down the Shift key, drag the Gradient tool from the outside edges of the canvas to the middle of the image.<br />
Set your blending mode to “Saturation” and see what happens…</p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_14.jpg"><img class="alignnone size-full wp-image-304" title="photoshop_tutorial_14" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_14.jpg" alt="" width="420" height="281" /></a></p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_15.jpg"><img class="alignnone size-full wp-image-305" title="photoshop_tutorial_15" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_15.jpg" alt="" width="420" height="235" /></a></p>
<p>Step 10: Ready for another layer? We’ll need a new one in the “Effects” group; name it “Abstract Lights”.</p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_16.jpg"><img class="alignnone size-full wp-image-306" title="photoshop_tutorial_16" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_16.jpg" alt="" width="420" height="281" /></a></p>
<p>Step 11: Then ctrl-click (command-click for you Mac lovers) the “3D Text” layer icon in the layer’s palette and paint inside the new selection with a <a href="http://www.brusheezy.com/brush/396-Abstract-Brushset-II" target="_blank">custom abstract brush</a> as we did in Step 8 (remember, use WHITE).</p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_17.jpg"><img class="alignnone size-full wp-image-307" title="photoshop_tutorial_17" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_17.jpg" alt="" width="420" height="307" /></a></p>
<p>Step 12: You’ve made it. The final step. The icing on all of these layers. Create…one…last…layer above the “White” layer we just did.</p>
<p>Use a nice LARGE custom brush, like <a href="http://www.brusheezy.com/brush/559-More-Cloud-Brushes" target="_blank">this</a>, and draw a single Cloud above the text. Apply a Motion Blur (Filter -&gt; Blur -&gt; Motion Blur) with an Angle of “-11? and a distance of “200? pixels.<br />
Change the Opacity to “30%” and apply a gradient overlay with the following settings:</p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_18.jpg"><img class="alignnone size-full wp-image-308" title="photoshop_tutorial_18" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_18.jpg" alt="" width="420" height="320" /></a></p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_19.jpg"><img class="alignnone size-full wp-image-309" title="photoshop_tutorial_19" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_19.jpg" alt="" width="420" height="452" /></a></p>
<p>Voila!</p>
<p>There you have it. A quick, easy way to spruce up any old 3D text into something to set anyone’s mouth watering. Serve hot or cold to your friends, and watch ‘em drool…</p>
<p>Enjoy!</p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_21before.jpg"><img class="alignnone size-full wp-image-313" title="photoshop_tutorial_21before" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_21before.jpg" alt="" width="420" height="211" /></a></p>
<p>For a bit of a twist—if you’re feeling a bit adventurous–above all the layers, try new custom brushes (like smoke) and repeat the last step to apply cool lights. Experimenting can be fun!</p>
<p><a href="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_22.jpg"><img class="alignnone size-full wp-image-314" title="photoshop_tutorial_22" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_22.jpg" alt="" width="420" height="315" /></a></p>
<p>Here’s another example from my portfolio.</p>
<p><a href="http://flickr.com/photos/francesco_mugnai/2546468654/"><img class="alignnone size-full wp-image-312" title="photoshop_tutorial_21_final" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_21_final.jpg" alt="" width="420" height="315" /></a></p>
<p><a href="http://www.francescomugnai.com/PSD/cold_ice.zip" target="_blank"><img class="alignnone size-full wp-image-321" title="psd2" src="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/psd2.jpg" alt="" width="400" height="40" /></a></p>
<p>Tutorial by Francesco Mugnai.</p>
<p>Text by Francesco Mugnai &amp; Marc Westenburg</p>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/cs3madness.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/cs3madness.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/cs3madness.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/cs3madness.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/cs3madness.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/cs3madness.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/cs3madness.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/cs3madness.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/cs3madness.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/cs3madness.wordpress.com/12/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs3madness.wordpress.com&blog=4899979&post=12&subd=cs3madness&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://cs3madness.wordpress.com/2008/09/18/photoshop-tutorial-stunning-3d-effects-in-30-minutes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/4c62580396a54e7688168058e6d26088?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">crysisrules</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_22.jpg" medium="image">
			<media:title type="html">photoshop_tutorial_22</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/11.jpg" medium="image">
			<media:title type="html">11</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/cold.jpg" medium="image">
			<media:title type="html">cold</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial21.jpg" medium="image">
			<media:title type="html">photoshop_tutorial21</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial3.jpg" medium="image">
			<media:title type="html">photoshop_tutorial3</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial4.jpg" medium="image">
			<media:title type="html">photoshop_tutorial4</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial5.jpg" medium="image">
			<media:title type="html">photoshop_tutorial5</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_23.jpg" medium="image">
			<media:title type="html">photoshop_tutorial_23</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial7.jpg" medium="image">
			<media:title type="html">photoshop_tutorial7</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial6.jpg" medium="image">
			<media:title type="html">photoshop_tutorial6</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial8.jpg" medium="image">
			<media:title type="html">photoshop_tutorial8</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_10.jpg" medium="image">
			<media:title type="html">photoshop_tutorial_10</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_11.jpg" medium="image">
			<media:title type="html">photoshop_tutorial_11</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_13.jpg" medium="image">
			<media:title type="html">photoshop_tutorial_13</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_12.jpg" medium="image">
			<media:title type="html">photoshop_tutorial_12</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_14.jpg" medium="image">
			<media:title type="html">photoshop_tutorial_14</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_15.jpg" medium="image">
			<media:title type="html">photoshop_tutorial_15</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_16.jpg" medium="image">
			<media:title type="html">photoshop_tutorial_16</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_17.jpg" medium="image">
			<media:title type="html">photoshop_tutorial_17</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_18.jpg" medium="image">
			<media:title type="html">photoshop_tutorial_18</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_19.jpg" medium="image">
			<media:title type="html">photoshop_tutorial_19</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_21before.jpg" medium="image">
			<media:title type="html">photoshop_tutorial_21before</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_22.jpg" medium="image">
			<media:title type="html">photoshop_tutorial_22</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/photoshop_tutorial_21_final.jpg" medium="image">
			<media:title type="html">photoshop_tutorial_21_final</media:title>
		</media:content>

		<media:content url="http://blogof.francescomugnai.com/wp-content/uploads/2008/06/psd2.jpg" medium="image">
			<media:title type="html">psd2</media:title>
		</media:content>
	</item>
	</channel>
</rss>