<?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>Online 3D Graphic Design Tutorials, Training, Tips, Tricks and Other Graphics Stuffs from GFXZoOM</title>
	<atom:link href="http://www.gfxzoom.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.gfxzoom.com</link>
	<description>GFXZoOM Free Training, Guide, Tutorials, Video, Stuffs for Photoshop, 3dsMax, Cad, Houdini, Modo, Revit, ZBrush, Maya, SketchUp, Illustrator, Corel, Flash...</description>
	<lastBuildDate>Sat, 18 Jul 2009 18:04:22 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>3D Textured Text Effect</title>
		<link>http://www.gfxzoom.com/illustrator/3d-textured-text-effect/</link>
		<comments>http://www.gfxzoom.com/illustrator/3d-textured-text-effect/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 18:02:53 +0000</pubDate>
		<dc:creator>Davinci</dc:creator>
				<category><![CDATA[Advanced]]></category>
		<category><![CDATA[All Tutorials]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[3d text]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[Textures]]></category>

		<guid isPermaLink="false">http://www.gfxzoom.com/photoshop/tutorials-photoshop/3d-textured-text-effect/</guid>
		<description><![CDATA[In this tutorial, I will show you how you can make a stylized 3D textured text effect using various textures to give it a unique look with Illustrator &#38; Photoshop. I will be giving you the step by step instructions along with the links to the resources &#38; stuffs used.
Preview of Final Results

3D Textured Text [...]]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you how you can make a stylized 3D textured text effect using various textures to give it a unique look with Illustrator &amp; Photoshop. I will be giving you the step by step instructions along with the links to the resources &amp; stuffs used.<br />
<h4>Preview of Final Results</h4>
<p><img border="0" alt="3D textured text" src="http://www.gfxzoom.com/images/2009/07/b6fb_clip_image044.jpg" width="431" height="412" title="3D Textured Text Effect" /><br />
<h4>3D Textured Text Photoshop Tutorial</h4>
<h5>Step 1</h5>
<p>Open up Illustrator, and with the Type Tool type a letter or text, I typed the letter “C” I used the font Adobe Caslon Pro,<b> </b>you can use any font that you like, just make sure that it is a bit thick font to yield better results. I set the font size to 400 pt &amp; scaled it horizontally &amp; vertically to 150% through the Character Palette, though don&#8217;t worry about the font size too much because we&#8217;ll be pasting it as Smart Objects in Photoshop so we can adjust the size at any given time. The color I used for the letter is #8CC63F.
<p><b><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/0adb_clip_image004.jpg" width="400" height="339" title="3D Textured Text Effect" /></b><b></b>
<p><b></b><br />
<h5>Step 2</h5>
<p><b></b>
<p>Now go to Effect&gt;3D&gt;Extrude &amp; Bevel, make sure that Preview<b> </b>is on. Use the settings shown below, apart from specifying rotations for x, y &amp; z axis, I chose Tall-Round from the Bevel drop down list. The settings will more or less depend on the font, so if you have used a different font play a bit, though I will advise to stay away from the fancier Bevel settings, mostly None setting works best. You can also make it more thick by increasing the Extrude Depth.
<p><b><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/1b9f_clip_image006.jpg" width="356" height="530" title="3D Textured Text Effect" /></b><b></b><br />
<h5>Step 3 </h5>
<p>After you’re happy with your 3D effect, it will be time to move on over to Photoshop. Open a new document in Photoshop. Now, copy your 3D text/letter from Illustrator &amp; paste it as Smart Object in Photoshop, press Enter key or checkmark to commit. You can now resize your text to whatever size you want, in fact, bigger the better, but for the purposes of this tutorial, I will stick to a small canvas.
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/b0c8_clip_image008.jpg" width="188" height="137" title="3D Textured Text Effect" />
<p><i>Power Tip: If for any reason, you want to edit the pasted 3D Smart Object, just double click on the Vector Smart Object thumbnail in the Layer Palette, press OK on the resulting window, the Smart Object will automatically open up in Illustrator, do the changes or editing you want, then go to File&gt;Save &amp; close the file &amp; tadaa the changes will reflect in your Photoshop file</i>.
<p><ins><ins></ins></ins><br />
<h5>Step 4</h5>
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" align="right" src="http://www.gfxzoom.com/images/2009/07/c7e9_clip_image010.gif" width="127" height="180" title="3D Textured Text Effect" />Now, lets begin with the Photoshop magic, we will be adding various texture on the different layers &amp; will spice them up with the variety of blending modes, the key is to experiment &amp; choose the settings that will best suit your purpose.
<p>Open the texture image that you would like to use, for the first layer I used a texture, lets call it Texture 1 from a <a href="http://farawlat-dxb.deviantart.com/art/8-quot-LARGE-74295288">texture pack</a> on deviantArt. Go to Select&gt;All &amp; then Edit&gt;Copy to copy the entire texture image, Now we are going to paste this image into our letter, but you have to tell Photoshop where to paste it. So return to your 3D text document &amp; pressing down Ctrl/Cmd Click on Vector Smart Object thumbnail, this will select the entire text/letter, in our case, the letter “C”, now go to Edit&gt;Paste Into (Shift+Ctrl/Cmd+V) to paste the texture image on “C”. Change the blending mode of the texture layer to Overlay.
<p>Now, your image &amp; layer palette should look like so:
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/6be5_clip_image012.jpg" width="316" height="309" title="3D Textured Text Effect" />
<p><i>Look at your layers palette now. You see your texture image there and a mask has been made that allows only the letter part of the image to show.</i>
<p>If you’re using different images, play around a bit with blending modes, mostly Overlay, Soft Light, Hard light, Multiply will give the desired results.<br />
<h5>Step 5</h5>
<p>Repeat the procedure prescribed in Step 4, but with a different texture. I used one of the texture from <a href="http://sanami276.deviantart.com/art/textures-82-69176308">this</a> pack.
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/166c_clip_image014.jpg" width="153" height="115" title="3D Textured Text Effect" />
<p>In brief, open the texture image, Select All (Ctrl/Cmd+A), Copy it (Ctrl/Cmd+C) &amp; return to your original document, pressing down Ctrl/Cmd Click on Vector Smart Object thumbnail to select the letter/text &amp; go to Edit&gt;Paste Into (Shift+Ctrl/Cmd+V) to paste the texture in the letter “C”. And, change the blending mode to Multiply.
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/a229_clip_image016.jpg" width="153" height="122" title="3D Textured Text Effect" /><br />
<h5>Step 6</h5>
<p>Now, its again time to do the same thing as mentioned in Step 4 &amp; 5, but with the different texture image. This time I used a more colorful texture from a <a href="http://sancsky.deviantart.com/art/leftover-vol-1-73351293">another texture pack</a> over at deviantArt. And, this time I choose the blending mode to Soft Light.
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/b59c_clip_image018.jpg" width="400" height="293" title="3D Textured Text Effect" />
<p>This is how my image &amp; Layer Palette looks like after step 6.
<p><i>Power Tip: If you need to edit the filler texture image or if you don&#8217;t like how it looks within the letter, you can still change it! Just choose the Move Tool (V) &amp; drag over with your texture layer selected. Also, if you need to resize the texture image select Edit&gt;Transform to resize it. </i><br />
<h5>Step 7</h5>
<p>Now, select the Background layer &amp; fill with a Gradient Tool (G). I used Linear Gradient &amp; the colors for the two stops are as prescribed in the screenshot. Drag the gradient tool diagonally from bottom to top.
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/4a80_clip_image020.jpg" width="424" height="236" title="3D Textured Text Effect" />
<p><ins><ins></ins></ins><br />
<h5>Step 8</h5>
<p>Pressing down Shift key select all the layers in the Layer Palette except the background layer &amp; Link all of them. Also make sure to link the Layer Mask thumbnails with their corresponding layer thumbnails by clicking once between them.
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/a40a_clip_image022.jpg" width="206" height="208" title="3D Textured Text Effect" /><br />
<h5>Step 9</h5>
<p>Now, we will do the reflection of our letter “C”. For that, select all the linked layers &amp; duplicate them.
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/6e1e_clip_image024.jpg" width="312" height="243" title="3D Textured Text Effect" /><br />
<h5>Step10</h5>
<p>Merge all the duplicated layers &amp; name it Reflection.
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/a12a_clip_image026.jpg" width="312" height="325" title="3D Textured Text Effect" /><br />
<h5>Step 11</h5>
<p>On the Reflection layer, go to Edit&gt;Transform&gt;Flip Vertical &amp; place it beneath the letter “C”. Adjust its perspective if the need be.
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/5748_clip_image028.jpg" width="400" height="298" title="3D Textured Text Effect" /><br />
<h5>Step 12</h5>
<p>The next step is to add a layer mask to the duplicate layer. To do this simply click on the add layer mask button in the layers palette.
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/3090_clip_image030.jpg" width="196" height="28" title="3D Textured Text Effect" />
<p>Now pick the Gradient Tool (G) and draw a gradient (black to white) in the direction from bottom to mid top.
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/d44a_clip_image032.jpg" width="400" height="296" title="3D Textured Text Effect" />
<p>Finally just reduce the opacity of the duplicate layer and you are all done. I reduced the opacity to 20% , there is no golden rule about the opacity % , just play with the opacity setting &amp; choose the one that suits your image.<br />
<h5>Step 13</h5>
<p>Finally, with the Type Tool, I wrote the words “for creativity” with the settings as shown in the Character Palette.
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/353f_clip_image034.jpg" width="170" height="181" title="3D Textured Text Effect" />
<p>The font used is Larissa &amp; can be downloaded from <a href="http://www.fonts101.com/xt_fontdetails_az_FID%2120012%7ELarissa%7Efont.html">here</a>. I also rotated the words a bit via Edit&gt;Transform.
<p>Then I applied the layer style, as shown in the screenshots below.
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/59f2_clip_image036.jpg" width="400" height="310" title="3D Textured Text Effect" />
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/2367_clip_image038.jpg" width="400" height="310" title="3D Textured Text Effect" />
<p><ins><ins></ins></ins><br />
<h5>Step 14</h5>
<p>To add a bit of finishing touch, I added Outer Glow to the Vector Smart Object layer, as shown.
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/cba0_clip_image040.jpg" width="400" height="314" title="3D Textured Text Effect" />
<p>And, that’s how my Layers palette in end &amp; final image looks like.
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/964d_clip_image042.jpg" width="200" height="340" title="3D Textured Text Effect" />
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/b6fb_clip_image044.jpg" width="431" height="412" title="3D Textured Text Effect" />
<p>Here, is a another example of image, I made with the same technique.
<p><img border="0" alt="advanced illustrator 3D Textured Text Effect" src="http://www.gfxzoom.com/images/2009/07/04af_clip_image046.jpg" width="400" height="556" title="3D Textured Text Effect" />
<p>To take it further, play &amp; experiment with various textures, the blending modes, also changing the various Adjustments options like Invert, Posterize, Hue/Saturations settings etc. gives the different results. You can also make the text look grungy or rusty using grunge textures, its just the matter of exploring the powers of Photoshop &amp; tapping your creativity!
<p><em>::GFXZoOM::source:photoshoptutorials.ws::</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.gfxzoom.com/illustrator/3d-textured-text-effect/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutorial for Colorful Lighting Effect In Illustrator</title>
		<link>http://www.gfxzoom.com/illustrator/tutorial-for-colorful-lighting-effect-in-illustrator/</link>
		<comments>http://www.gfxzoom.com/illustrator/tutorial-for-colorful-lighting-effect-in-illustrator/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 17:59:54 +0000</pubDate>
		<dc:creator>LoveGFX</dc:creator>
				<category><![CDATA[Advanced]]></category>
		<category><![CDATA[All Tutorials]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[colorful]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[lighting]]></category>
		<category><![CDATA[text]]></category>

		<guid isPermaLink="false">http://www.gfxzoom.com/photoshop/tutorials-photoshop/tutorial-for-colorful-lighting-effect-in-illustrator/</guid>
		<description><![CDATA[There are a number of amazing tutorials out there that teach you how to create some really awesome futuristic light wispy effects. I’ve always found this type of design very interesting, but everything you see is almost completely created in Photoshop. I recently had a project where I wanted this effect, but had to use [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.gfxzoom.com/images/2009/07/8170_Transfuchsianfinal.jpg" title="Tutorial for Colorful Lighting Effect In Illustrator" alt="advanced illustrator Tutorial for Colorful Lighting Effect In Illustrator" /><br />There are a number of amazing tutorials out there that teach you how to create some really awesome futuristic light wispy effects. I’ve always found this type of design very interesting, but everything you see is almost completely created in Photoshop. I recently had a project where I wanted this effect, but had to use only vector graphics. The following is the technique I used to get that nifty effect using Illustrator.<br />Step 1: I began by setting up an artboard (8 inches wide by 4 inches tall). Choose the rectangle tool and fill the artboard with a plain black background.<br /><img src="http://www.gfxzoom.com/images/2009/07/1f8b_step1-1.jpg" title="Tutorial for Colorful Lighting Effect In Illustrator" alt="advanced illustrator Tutorial for Colorful Lighting Effect In Illustrator" /><br />Step 2: Select your object and make a gradient mesh out of it (Object &gt; Create Gradient Mesh). Put in 1 for rows and columns with &#8216;Flat&#8217; as the appearance. We&#8217;ll add our own mesh lines in the next step.<br />Step 3: Select the mesh tool (U). Start adding in a couple of mesh points. We&#8217;ll want more color differences on the left and right sides, so place a couple extras there.<br /><img src="http://www.gfxzoom.com/images/2009/07/df0a_step3-1.jpg" title="Tutorial for Colorful Lighting Effect In Illustrator" alt="advanced illustrator Tutorial for Colorful Lighting Effect In Illustrator" /><br />Step 4: Start putting in some random colors at each of the mesh points. I&#8217;ve listed out the colors I used, but you can use whichever colors you want. You&#8217;ll see in later steps what effect this has.<br /><img src="http://www.gfxzoom.com/images/2009/07/d3a9_step4-1.jpg" title="Tutorial for Colorful Lighting Effect In Illustrator" alt="advanced illustrator Tutorial for Colorful Lighting Effect In Illustrator" /><br />Step 5: Draw another black rectangle and place it over top of your gradient mesh. Set the transparency mode to &#8220;Color Burn&#8221; and lower the Opacity to about 75%.<br />Step 6: Add in your text. We&#8217;ll need this so that we can tell where to draw in our elements.<br /><img src="http://www.gfxzoom.com/images/2009/07/ade9_step6.jpg" title="Tutorial for Colorful Lighting Effect In Illustrator" alt="advanced illustrator Tutorial for Colorful Lighting Effect In Illustrator" /><br />Step 7: Create a new layer to hold our blend shapes. It will be helpful to lock the background gradient mesh and black square to make it easier to select the blends we are about to make.<br />Step 8: To make the blended shapes start out by drawing a wide flowing shape that moves into the text. Then, draw another flowing shape inside of this one. This stage of the process is all about experimenting until you get the desired effect. You can either use the pen or pencil tool, but you&#8217;ll want to make sure that you have a closed path for both of them before you make the blend. Also, when you are drawing the smaller shape, make note that this shape will be the most visible.<br /><img src="http://www.gfxzoom.com/images/2009/07/bd10_step8.jpg" title="Tutorial for Colorful Lighting Effect In Illustrator" alt="advanced illustrator Tutorial for Colorful Lighting Effect In Illustrator" /><br />Step 9: To make the blend, select the larger outer object and set the opacity to 0. Select the inner shape and change it to the same color as the outer shape and lower the opacity to the desired setting (somewhere between 40 and 60 is generally where I put it). Set the blend options (Object &gt; Blend &gt; Blend Options) set it to specified steps and put in a higher number (I chose 25). Then go to Object &gt; Blend &gt; Make (Alt + Ctrl + B).<br /><img src="http://www.gfxzoom.com/images/2009/07/dcdf_step9.jpg" title="Tutorial for Colorful Lighting Effect In Illustrator" alt="advanced illustrator Tutorial for Colorful Lighting Effect In Illustrator" /><br />Step 10: Repeat this process until you have the desired number of curves on the left side of the text. Choose the colors you like and experiment with lowering the opacities until you get what you want. Below are the colors I used:<br /><img src="http://www.gfxzoom.com/images/2009/07/90fc_step10.jpg" title="Tutorial for Colorful Lighting Effect In Illustrator" alt="advanced illustrator Tutorial for Colorful Lighting Effect In Illustrator" /><br />Step 11: The bits on the right side are the same process with the blends, but you are going to change the shapes to give it more of an &#8220;exploding&#8221; look. Create the blends the same way we did in Step 9 and continue adding more until the desired affect is achieved.<br /><img src="http://www.gfxzoom.com/images/2009/07/bcf8_step11.jpg" title="Tutorial for Colorful Lighting Effect In Illustrator" alt="advanced illustrator Tutorial for Colorful Lighting Effect In Illustrator" /><br />Step 12: After adding in as many shapes and you like, you should have something similar to the image below. When you are making the blends, make sure to vary the colors as this is what gives us the depth. You can also notice how the gradient mesh we created in the beginning comes into play. Changing the colors or moving them around on the gradient mesh at this point should alter how the top blends appear.<br /><img src="http://www.gfxzoom.com/images/2009/07/7a6a_step12.jpg" title="Tutorial for Colorful Lighting Effect In Illustrator" alt="advanced illustrator Tutorial for Colorful Lighting Effect In Illustrator" /><br />Step 13: Now that we have the base of our design, it is time to do something with the text. First thing you will want to do is convert your text to outlines. Select your text, go to Type &gt; Create Outlines. With your text still selected go to Object &gt; Ungroup. Then, pull up your pathfinder palette (Window &gt; Pathfinder) click &#8220;Add to shape area&#8221; and then Expand. This will make your text act as one complete object, which we will need later on.<br /><img src="http://www.gfxzoom.com/images/2009/07/8600_step13.jpg" title="Tutorial for Colorful Lighting Effect In Illustrator" alt="advanced illustrator Tutorial for Colorful Lighting Effect In Illustrator" /><br />Step 14: Change the text color to match with one of the colors you used for the previous blends (I chose C:6, M:100, Y:42, K:1). Set the blend mode to Color Dodge and the Opacity down to 55%. You can see our great bottom gradient mesh at work here, which will give us some more interesting outcomes as we alter the text.<br /><img src="http://www.gfxzoom.com/images/2009/07/832b_step14.jpg" title="Tutorial for Colorful Lighting Effect In Illustrator" alt="advanced illustrator Tutorial for Colorful Lighting Effect In Illustrator" /><br />Step 15: Copy and paste a new copy of the text behind the first copy (Ctrl + C to copy Ctrl + B to paste in back). Change the color to pure white. Then go to Object &gt; Transform &gt; Scale. Click on &#8220;Non-Uniform&#8221; leave the Horizontal at 100% and change Vertical to 150%. Finally, change the blending mode to overlay and the opacity to 65%.<br /><img src="http://www.gfxzoom.com/images/2009/07/252f_step15.jpg" title="Tutorial for Colorful Lighting Effect In Illustrator" alt="advanced illustrator Tutorial for Colorful Lighting Effect In Illustrator" /><br />Step 16: Select the original text and make another copy of it. This copy needs to be place behind both of the two previous copies. So, after you make the copy, paste in back again (Ctrl + B). You will need to move it one more position back, so either hit (Ctrl + [ ) or go to Object &gt; Arrange &gt; Move Backward. I set the color for this one a light yellow (C:3, M:1 Y:22, K:0) set the blend mode to &#8220;Color Dodge&#8221; and the Opacity to 25.<br /><img src="http://www.gfxzoom.com/images/2009/07/30ec_step16.jpg" title="Tutorial for Colorful Lighting Effect In Illustrator" alt="advanced illustrator Tutorial for Colorful Lighting Effect In Illustrator" /><br />Step 17: Really, we could probably just leave the text like this, but let’s continue to give it more. Make a copy of the very top text again, but this time, paste it anywhere away from the main design where you can easily work with it. Change it to the same light yellow color you used in the previous step. Set the Blending Mode to &#8220;normal&#8221; and the Opacity to 65%.<br />Step 18: Make a copy of this text and paste behind. Move the text to where it sits above, and barely touches the top the light yellow text. Change it to a darker color (I chose C:6, M:100, Y:42, K:1) and set the opacity to normal 0%. Select both texts and make a blend.<br /><img src="http://www.gfxzoom.com/images/2009/07/c26a_step18.jpg" title="Tutorial for Colorful Lighting Effect In Illustrator" alt="advanced illustrator Tutorial for Colorful Lighting Effect In Illustrator" /><br />Step 19: Place your new blend over top of the rest of the text. Where you place it will depend on your own preference. I chose to offset it a little to give a blurred look. Finally I made one more copy of the text and put it on top with the light yellow fill and a 70% normal opacity. In the next step we will add in some more details.<br /><img src="http://www.gfxzoom.com/images/2009/07/cb6d_step19.jpg" title="Tutorial for Colorful Lighting Effect In Illustrator" alt="advanced illustrator Tutorial for Colorful Lighting Effect In Illustrator" /><br />Step 20: First, we&#8217;ll make a special brush for the glowing lines. To do this, select the ellipse tool and draw an oval. Select the &#8220;Convert Anchor Point Tool&#8221; (Shift + C) and click on the side anchor points so that your oval is pointed at either end.<br /><img src="http://www.gfxzoom.com/images/2009/07/db07_step20.jpg" title="Tutorial for Colorful Lighting Effect In Illustrator" alt="advanced illustrator Tutorial for Colorful Lighting Effect In Illustrator" /><br />Step 21: Make a copy and paste in front. Then, go to Object &gt; Transform &gt; Scale. Make sure to check &#8220;Uniform&#8221; and change the percentage to 25%. Click OK. Change the colors for both objects to white. Change the opacity of the larger shape to 0% and the smaller to about 50%. Make a blend with the two ovals (object &gt; blend &gt; make).<br />Step 22: Double click on your blend so that you can edit it. Select the smaller oval shape and copy it and paste in front. Then go to Object &gt; Transform &gt; Scale and lower the size to 80%. Change the opacity to about 80% (higher if you want the line to have a brighter highlight).<br />Step 23: To make the brush: drag the blend into the brushes palette and make a new art brush. You may have to scale it down depending on what size you made the shape. To do this &#8211; In the brushes palette select your brush, open up the menu and choose brush options. Under &#8220;Size&#8221; check the box next to Proportional so that it is on and either lower or raise your percentage. You can make several different brushes with different colors if you wish.<br />Step 24: Add in some more details using your new brush until you are happy with the results. Try playing around with different blend modes. I like to set a few of them to Overlay. Color Dodge also has a great effect.<br /><img src="http://www.gfxzoom.com/images/2009/07/aec5_step24.jpg" title="Tutorial for Colorful Lighting Effect In Illustrator" alt="advanced illustrator Tutorial for Colorful Lighting Effect In Illustrator" /><br />Optional Step 25: If you want to add a little bit more sparkle, we can make a simple scatter brush. The same steps apply that we used when making the detail line brush. But, Instead of making an oval, make a circle. Follow the same steps 20 through 23. But, instead of making an art brush, we are going to make a scatter brush. Make all of the settings random except for rotation. Play with the sizes on the scatter. Again, play with your blending modes until you are happy.<br /><img src="http://www.gfxzoom.com/images/2009/07/8170_Transfuchsianfinal.jpg" title="Tutorial for Colorful Lighting Effect In Illustrator" alt="advanced illustrator Tutorial for Colorful Lighting Effect In Illustrator" /><br />So there you have it. An interesting, colorful lighting effect done completely in Illustrator (suck on that Photoshop). Though I must say, if you were looking to have this printed you’d probably need to rasterize the whole thing first. Also, all of the different blend modes and opacity changes will seriously bloat your file size. BUT, it is an interesting effect that you are able to achieve without ever leaving Illustrator. Enjoy!
<p><em>::GFXZoOM::source:transfuchsian.blogspot.com::</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.gfxzoom.com/illustrator/tutorial-for-colorful-lighting-effect-in-illustrator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Illustrating a summer field landscape</title>
		<link>http://www.gfxzoom.com/illustrator/illustrating-a-summer-field-landscape/</link>
		<comments>http://www.gfxzoom.com/illustrator/illustrating-a-summer-field-landscape/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 17:56:38 +0000</pubDate>
		<dc:creator>Marccelo</dc:creator>
				<category><![CDATA[Advanced]]></category>
		<category><![CDATA[All Tutorials]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[field]]></category>
		<category><![CDATA[landscape]]></category>
		<category><![CDATA[summer]]></category>

		<guid isPermaLink="false">http://www.gfxzoom.com/photoshop/tutorials-photoshop/illustrating-a-summer-field-landscape/</guid>
		<description><![CDATA[In this Illustrator tutorial I will show you how to draw a summer outdoor landscape environment.
Final image:

Here&#8217;s how you do it:
1. First we will create a border for the image that will keep everything we draw within a nice clean shape. Start by drawing two rectangles with the Rounded Rectangle Tool. You can use the [...]]]></description>
			<content:encoded><![CDATA[<p>In this Illustrator tutorial I will show you how to draw a summer outdoor landscape environment.
<p>Final image:
<p><img alt="Summer Field Final Image" src="http://www.gfxzoom.com/images/2009/07/59fa_tut_summerfield_final.jpg" width="630" height="472" title="Illustrating a summer field landscape" />
<p>Here&#8217;s how you do it:
<p>1. First we will create a border for the image that will keep everything we draw within a nice clean shape. Start by drawing two rectangles with the Rounded Rectangle Tool. You can use the Pathfinder Palette like in step 2 to make a traditional matte or the more simple technique is to make just one rectangle with a really thick stroke.
<p><img alt="SF Step 1" src="http://www.gfxzoom.com/images/2009/07/2442_tut_summerfield_1.jpg" width="630" height="472" title="Illustrating a summer field landscape" />
<p>2. Select both rectangles and then in the Pathfinder Palette click on &#8220;Substract from Shape area&#8221; and then click on expand. Now make the new shape white and place it on it&#8217;s own layer and keep all other layers below it. As we continue throughout the tutorial you can make new layers as you see fit to place your different objects on. I will leave that up to your discretion; as such, I won&#8217;t be pointing out when we make new layers.
<p><img alt="SF Step 2" src="http://www.gfxzoom.com/images/2009/07/19fc_tut_summerfield_2.jpg" width="630" height="472" title="Illustrating a summer field landscape" />
<p>3. Draw a new rectangle and apply to it a blue gradient. This is the basis of what will become the sky. Note that this looks like a rounded corner rectangle because it is behind the matte layer.
<p><img alt="SF Step 3" src="http://www.gfxzoom.com/images/2009/07/f85e_tut_summerfield_3.jpg" width="630" height="472" title="Illustrating a summer field landscape" />
<p>4.Using the Pen Tool (P) draw some wavy shapes on the scene that will become the grass.
<p><img alt="SF 4" src="http://www.gfxzoom.com/images/2009/07/b802_tut_summerfield_4.jpg" width="630" height="472" title="Illustrating a summer field landscape" />
<p>5. Now to make the bushes. Using the Pen Tool draw an abstract shape like below.
<p><img alt="SF 5" src="http://www.gfxzoom.com/images/2009/07/aa6b_tut_summerfield_5.jpg" width="271" height="278" title="Illustrating a summer field landscape" />
<p>6. Select the new shape and go to Effects -&gt; Distort &amp; Transform -&gt; Zig Zag and put in the settings below or you can experiment to get something different.
<p><img alt="SF 6" src="http://www.gfxzoom.com/images/2009/07/97e4_tut_summerfield_6.jpg" width="451" height="394" title="Illustrating a summer field landscape" />
<p>7. Next we will make a few variations of the bush shape. First copy it two times and then fill the copies with slightly different gradients. Finally double-click on Zig Zag in the Appearance palette and play with the settings a bit to vary each shape.
<p><img alt="SF 7" src="http://www.gfxzoom.com/images/2009/07/8055_tut_summerfield_7.jpg" width="564" height="340" title="Illustrating a summer field landscape" />
<p>8. Select the 3 shapes and go to Object -&gt; Expand Appearance. This will lock the Zig Zag effect we applied.
<p>9. Now place the 3 shapes on a new layer behind the grass field and scatter them arround however you would like them to look. A simple way to copy them arround is to hold down the Alt key while dragging the shape. This will make a copy of it in the release spot.
<p><img alt="SF 8" src="http://www.gfxzoom.com/images/2009/07/74e2_tut_summerfield_8.jpg" width="630" height="472" title="Illustrating a summer field landscape" />
<p><ins><ins></ins></ins>
<p>10. Next we will create the sun rays. Start by drawing a hourglass shape like below.
<p><img alt="SF 9" src="http://www.gfxzoom.com/images/2009/07/f3ea_tut_summerfield_9.jpg" width="98" height="573" title="Illustrating a summer field landscape" />
<p>11. Press Ctrl+Shift+Alt+D to open the Transform window, put in the settings as below and press Copy.
<p><img alt="SF 11" src="http://www.gfxzoom.com/images/2009/07/09af_tut_summerfield_10.jpg" width="526" height="584" title="Illustrating a summer field landscape" />
<p>12. Repeat the previous step until you get a full circle.
<p><img alt="SF 11" src="http://www.gfxzoom.com/images/2009/07/e672_tut_summerfield_11.jpg" width="573" height="569" title="Illustrating a summer field landscape" />
<p>13. Go to Object -&gt; Envelope Distort -&gt; Make with Warp (Ctrl+Shift+Alt+W), select Twist and set Bend to 100%.
<p><img alt="SF 13" src="http://www.gfxzoom.com/images/2009/07/81c9_tut_summerfield_12.jpg" width="579" height="652" title="Illustrating a summer field landscape" />
<p>14. Move this shape over the scene, go to Object -&gt; Expand Appearance and click OK.
<p><img alt="SF 14" src="http://www.gfxzoom.com/images/2009/07/c079_tut_summerfield_13.jpg" width="630" height="472" title="Illustrating a summer field landscape" />
<p>15. Set the fill color to white and Opacity to 10%.
<p><img alt="SF15" src="http://www.gfxzoom.com/images/2009/07/0897_tut_summerfield_15.jpg" width="630" height="472" title="Illustrating a summer field landscape" />
<p>16. Now to make the Sun: draw a circle and apply a Radial gradient to it.
<p><img alt="SF 16" src="http://www.gfxzoom.com/images/2009/07/c2a8_tut_summerfield_16.jpg" width="630" height="472" title="Illustrating a summer field landscape" />
<p>17. Duplicate the Sun (press Ctrl+C to copy and Ctrl+F to paste in front)
<p>18. Set the fill color to yellow and then go to Effect &#8211; &gt; Blur -&gt; Gaussian Blur.
<p><img alt="SF 18" src="http://www.gfxzoom.com/images/2009/07/84c7_tut_summerfield_18.jpg" width="630" height="472" title="Illustrating a summer field landscape" />
<p>Conclusion
<p>You should now have a better insight into what it takes to use simple shapes, color, and gradients to create a summer landscape environment. A pleasing illustration is not always about intricacy, one of the most rudimentary factors is composition. Keep practicing, learning, and continue to have fun.
<p><img alt="SF 19" src="http://www.gfxzoom.com/images/2009/07/9158_tut_summerfield_19.jpg" width="630" height="472" title="Illustrating a summer field landscape" />
<p>::GFXZoOM::source:talextech.net::</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gfxzoom.com/illustrator/illustrating-a-summer-field-landscape/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create Convincing Watercolor Effects Using Photoshop</title>
		<link>http://www.gfxzoom.com/photoshop/create-convincing-watercolor-effects-using-photoshop/</link>
		<comments>http://www.gfxzoom.com/photoshop/create-convincing-watercolor-effects-using-photoshop/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 17:48:55 +0000</pubDate>
		<dc:creator>Aysha&#39;</dc:creator>
				<category><![CDATA[Advanced]]></category>
		<category><![CDATA[All Tutorials]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[convincing]]></category>
		<category><![CDATA[Create]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[photoshop tutorials]]></category>
		<category><![CDATA[watercolor]]></category>

		<guid isPermaLink="false">http://www.gfxzoom.com/photoshop/create-convincing-watercolor-effects-using-photoshop/</guid>
		<description><![CDATA[Preview
This is a preview of the final effect..

Step 1
Create a new document 1440×900 px and fill the background with a radial gradient white pink (#FFFFFF- #FFE0FC).

Step 2
Paste this picture of a flying crane into a new layer named “Crane”, resize it and extract it from its background.

Step 3
Download macbadshoes’ watercolor brushes. Select one of the [...]]]></description>
			<content:encoded><![CDATA[<p>Preview
<p>This is a preview of the final effect..
<p><img alt="advanced Create Convincing Watercolor Effects Using Photoshop" src="http://www.gfxzoom.com/images/2009/07/87af_preview.jpg" width="500" title="Create Convincing Watercolor Effects Using Photoshop" /><br />
<h6>Step 1</h6>
<p>Create a new document 1440×900 px and fill the background with a radial gradient white pink (#FFFFFF- #FFE0FC).
<p><img alt="advanced Create Convincing Watercolor Effects Using Photoshop" src="http://www.gfxzoom.com/images/2009/07/f5ff_1.jpg" width="500" title="Create Convincing Watercolor Effects Using Photoshop" /><br />
<h6>Step 2</h6>
<p>Paste <a href="http://www.sxc.hu/photo/1134904">this picture </a>of a flying crane into a new layer named “Crane”, resize it and extract it from its background.
<p><img alt="advanced Create Convincing Watercolor Effects Using Photoshop" src="http://www.gfxzoom.com/images/2009/07/f278_2.jpg" width="500" title="Create Convincing Watercolor Effects Using Photoshop" /><br />
<h6>Step 3</h6>
<p>Download <a href="http://mcbadshoes.deviantart.com/art/Watercolor-Brushes-104914510">macbadshoes’ watercolor brushes</a>. Select one of the brushes of the set and paint a pink or violet shape (#D1A7CD) into a new layer named “Watercolor 1″, then put “Watercolor1″ layer above all the others and change its Blend Mode to Color Burn.
<p><img alt="advanced Create Convincing Watercolor Effects Using Photoshop" src="http://www.gfxzoom.com/images/2009/07/ec00_3.jpg" width="500" title="Create Convincing Watercolor Effects Using Photoshop" /><br />
<h6>Step 4</h6>
<p>Use an “S” shaped brush to paint a large watercolor pink (#EFB9EB) background. Paint this into a new layer named “Watercolor 2″ this time and change its Blend Mode to Multiply.
<p><img alt="advanced Create Convincing Watercolor Effects Using Photoshop" src="http://www.gfxzoom.com/images/2009/07/272a_4.jpg" width="500" title="Create Convincing Watercolor Effects Using Photoshop" /><br />
<h6>Step 5</h6>
<p>Next, on Brushes palette, select the Dry brushes set, and select any of them. Over Brush options, change the size to 79px, Blend mode to Overlay, and both Opacity and Flow to 30%. Then just paint over “Crane” layer here and there using several colors. Paint the shapes randomly.
<p><img alt="advanced Create Convincing Watercolor Effects Using Photoshop" src="http://www.gfxzoom.com/images/2009/07/1598_5.jpg" width="500" title="Create Convincing Watercolor Effects Using Photoshop" /><br />
<h6>Step 6</h6>
<p>Select “Crane” layer, then go to Filters &gt; Filter Gallery &gt; Artistic &gt; Dry Brush, set the values shown below and see how it looks.
<p><img alt="advanced Create Convincing Watercolor Effects Using Photoshop" src="http://www.gfxzoom.com/images/2009/07/2ff3_6.jpg" width="500" title="Create Convincing Watercolor Effects Using Photoshop" /><br />
<h6>Step 7</h6>
<p>As a final watercolor detail, by using another “S” shaped watercolor brush, draw some soft pink shapes on the background.
<p><img alt="advanced Create Convincing Watercolor Effects Using Photoshop" src="http://www.gfxzoom.com/images/2009/07/d6b8_7.jpg" width="500" title="Create Convincing Watercolor Effects Using Photoshop" /><br />
<h6>Step 8</h6>
<p>Add your desired text, I’m using Scriptina and Eras Light ITC.
<p><img alt="advanced Create Convincing Watercolor Effects Using Photoshop" src="http://www.gfxzoom.com/images/2009/07/5888_8.jpg" width="500" title="Create Convincing Watercolor Effects Using Photoshop" /><br />
<h6>Step 9</h6>
<p>Finally add a texture. I’m using this paper texture form <a href="http://www.sxc.hu/browse.phtml?f=download&amp;id=1120254">stockxchng</a>. Paste it into a new layer above all the other and change its Blending Mode to Multiply and its Opacity to 75%.
<p><img alt="advanced Create Convincing Watercolor Effects Using Photoshop" src="http://www.gfxzoom.com/images/2009/07/029c_9.jpg" width="500" title="Create Convincing Watercolor Effects Using Photoshop" /><br />
<h6>Conclusion</h6>
<p>And that’s it, a simple and fun way to turn any picture into watercolor, try your own!.
<p><img alt="advanced Create Convincing Watercolor Effects Using Photoshop" src="http://www.gfxzoom.com/images/2009/07/2821_final.jpg" width="500" title="Create Convincing Watercolor Effects Using Photoshop" />
<p><em>Author:</em><a href="http://www.southmakers.com"><em>Alvaro Guzman</em></a> </p>
<p><em>::GFXZoOM::source:designreviver.com::</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.gfxzoom.com/photoshop/create-convincing-watercolor-effects-using-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create Leopard Skin texture</title>
		<link>http://www.gfxzoom.com/photoshop/create-leopard-skin-texture/</link>
		<comments>http://www.gfxzoom.com/photoshop/create-leopard-skin-texture/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 17:38:59 +0000</pubDate>
		<dc:creator>Marccelo</dc:creator>
				<category><![CDATA[All Tutorials]]></category>
		<category><![CDATA[Intermediate]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Create]]></category>
		<category><![CDATA[leopard]]></category>
		<category><![CDATA[skin]]></category>
		<category><![CDATA[Textures]]></category>

		<guid isPermaLink="false">http://www.gfxzoom.com/photoshop/create-leopard-skin-texture/</guid>
		<description><![CDATA[
Step 1.
Create a new 450X350 pixels document. Set a black color for a foreground and white color for a background. Apply Filter &#62; Render &#62; Clouds. Apply Filter &#62; Artistic &#62; Poster Edges with the following settings: Edge Thickness -&#62; 10, Edge Intensity -&#62; 10, Posterization -&#62; 6.

Step 2.
Apply Filter &#62; Blur &#62; Radial Blur [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.gfxzoom.com/images/2009/07/b62a_leopard-skin-4.jpg" alt="tutorials photoshop Create Leopard Skin texture" width="330" height="257" title="Create Leopard Skin texture" /></p>
<p><em><strong>Step 1.</strong></em><br />
Create a new <strong>450X350</strong> pixels document. Set a black color for a foreground and white color for a background. Apply <em>Filter &gt; Render &gt; Clouds</em>. Apply <em>Filter &gt; Artistic &gt; Poster Edges</em> with the following settings: <strong>Edge Thickness</strong> -&gt; <strong>10</strong>, <strong>Edge Intensity</strong> -&gt; <strong>10</strong>, <strong>Posterization</strong> -&gt; <strong>6</strong>.</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/dcc5_leopard-skin-1.jpg" alt="tutorials photoshop Create Leopard Skin texture" width="450" height="350" title="Create Leopard Skin texture" /></p>
<p><em><strong>Step 2.</strong></em><br />
Apply <em>Filter &gt; Blur &gt; Radial Blur</em> with the following settings: <strong>Amount</strong> -&gt; <strong>10</strong>, <strong>Blur Method</strong> -&gt; <strong>Zoom</strong>, <strong>Quality</strong> -&gt; <strong>Best</strong>. Then apply <em>Image &gt; Adjustments &gt; Hue/Saturation</em> with the following settings: <strong>Hue</strong> -&gt; <strong>36</strong>, <strong>Saturation</strong> -&gt; <strong>47</strong>, <strong>Lightness</strong> -&gt;<strong> +7</strong>.</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/9de0_leopard-skin-2.jpg" alt="tutorials photoshop Create Leopard Skin texture" width="450" height="350" title="Create Leopard Skin texture" /></p>
<p><em><strong>Step 3.</strong></em><br />
Aplly <em>Filter &gt; Blur &gt; Radial Blur</em> with the same settings. Apply <em>Image &gt; Adjustments &gt; Brightness/Contrast</em> with the following settings: <strong>Brightness</strong> -&gt; <strong>-25</strong>, <strong>Contrast</strong> -&gt; <strong>+13</strong>. Duplicate this layer and set the <strong>Blending Mode</strong> as &#8216;<strong>Soft Light</strong>&#8216;. Then <strong>Merge</strong> down all layers.</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/4331_leopard-skin-3.jpg" alt="tutorials photoshop Create Leopard Skin texture" width="450" height="350" title="Create Leopard Skin texture" /></p>
<p><em><strong>Step 4.</strong></em><br />
Apply <em>Filter &gt; Artistic &gt; Rough Pastels</em> with the following settings: <strong>Stroke Length</strong> -&gt;<strong> 1</strong>, <strong>Stroke Detail</strong> -&gt; <strong>2</strong>, <strong>Texture</strong> -&gt; <strong>Canvas</strong>, <strong>Scaling</strong> -&gt; <strong>55%</strong>, <strong>Relief </strong>-&gt; <strong>4</strong>, <strong>Light</strong> -&gt; <strong>Bottom</strong>. Then apply <em>Filter &gt; Blur &gt; Radial Blur</em> with the following settings: <strong>Amount </strong>-&gt; <strong>8</strong>, <strong>Blur Method</strong> -&gt; <strong>Zoom</strong>, <strong>Quality</strong> -&gt; <strong>Best</strong>. And that&#8217;s it.</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/b62a_leopard-skin-4.jpg" alt="tutorials photoshop Create Leopard Skin texture" width="450" height="350" title="Create Leopard Skin texture" /></p>
<p><ins><ins></ins></ins></p>
<p><em>::GFXZoOM::source:pstutes.com::</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.gfxzoom.com/photoshop/create-leopard-skin-texture/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creative Photoshop Animal King Photo Manipulation Tutorial</title>
		<link>http://www.gfxzoom.com/photoshop/creative-photoshop-animal-king-photo-manipulation-tutorial/</link>
		<comments>http://www.gfxzoom.com/photoshop/creative-photoshop-animal-king-photo-manipulation-tutorial/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 17:30:35 +0000</pubDate>
		<dc:creator>spammer</dc:creator>
				<category><![CDATA[Advanced]]></category>
		<category><![CDATA[All Tutorials]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[animal]]></category>
		<category><![CDATA[creative]]></category>
		<category><![CDATA[king]]></category>
		<category><![CDATA[manipulation]]></category>
		<category><![CDATA[Photo]]></category>
		<category><![CDATA[photoshop tutorials]]></category>

		<guid isPermaLink="false">http://www.gfxzoom.com/photoshop/creative-photoshop-animal-king-photo-manipulation-tutorial/</guid>
		<description><![CDATA[Materials Needed:

Napoleon on his Throne – Jean Auguste Dominique Ingres
Male Lion – Trisha Shears
Potted Plant – G&#38; A Scholiers
Potted Flower – G&#38; A Scholiers
Palm – Milenable
Crown – Ikiwaner
Cow Skull – Petr Kovar
Human Skull – Alicia Solario
Snake – Trine de Folie

Step 1: Open the Napoleon image &#38; Crop it
First of all open the painting of Napoleon. [...]]]></description>
			<content:encoded><![CDATA[<h5>Materials Needed:</h5>
<ul>
<li><a href="http://upload.wikimedia.org/wikipedia/commons/2/28/Ingres%2C_Napoleon_on_his_Imperial_throne.jpg">Napoleon on his Throne</a> – Jean Auguste Dominique Ingres</li>
<li><a href="http://www.sxc.hu/photo/533028">Male Lion </a>– Trisha Shears</li>
<li><a href="http://www.sxc.hu/photo/866230">Potted Plant</a> – G&amp; A Scholiers</li>
<li><a href="http://www.sxc.hu/photo/866229">Potted Flower</a> – G&amp; A Scholiers</li>
<li><a href="http://www.sxc.hu/photo/890773">Palm</a> – Milenable</li>
<li><a href="http://en.wikipedia.org/wiki/File:Denmark_crown.jpg">Crown</a> – Ikiwaner</li>
<li><a href="http://www.sxc.hu/photo/849462">Cow Skull</a> – Petr Kovar</li>
<li><a href="http://www.sxc.hu/photo/882272">Human Skull</a> – Alicia Solario</li>
<li><a href="http://www.sxc.hu/photo/655639">Snake</a> – Trine de Folie</li>
</ul>
<h5>Step 1: Open the Napoleon image &amp; Crop it</h5>
<p>First of all open the painting of Napoleon. It is a famous painting done in 1806 and it can be used as it’s copyright has expired and it is now in the public domain. It was found it on <a href="http://commons.wikimedia.org/wiki/Main_Page">Wikimedia Commons</a> which is a good site for such images.</p>
<p>Use the <strong>Crop Tool <em>(C)</em> </strong>to crop the steps off the bottom of the image to improve the compostion and bring more attention to the head.</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/d887_Step1.jpg" alt="Step 1" width="600" height="622" title="Creative Photoshop Animal King Photo Manipulation Tutorial" /></p>
<h5>Step 2: Add Lions Head</h5>
<p>Import the image <strong>“Male Lion&#8221;</strong>. Using <strong>Free Transform <em>(Ctrl +T) </em></strong>resize the image and rotate it slighty so that it fits well on the body</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/d3de_Step2.jpg" alt="advanced Creative Photoshop Animal King Photo Manipulation Tutorial" width="600" height="600" title="Creative Photoshop Animal King Photo Manipulation Tutorial" /></p>
<h5>Step 3: Blend lion head into body</h5>
<p>Add a layermask to the layer with the lion’s head either by <strong>Layer &gt; Layer Mask &gt; Reval All </strong>or by clicking on the <em>Add layer mask icon</em> on the Layers window. You can paint in greyscale in the layer mask. Using a black brush hides the image at the corresponding position on the layer while a white brush will reveal it. Different shades of grey can be used for different opacities. Use a <em>Soft Black Brush </em>around the lions head on the layer mask to hide the surrounding scenery. You can use the <strong>] </strong>to<em><strong> increase brush size </strong></em>and <strong>[</strong> to <em><strong>decrease brush size</strong></em>.</p>
<p>Use the <em><strong>Dodge </strong></em>&amp; <em><strong>Burn</strong></em> tools to adjust the lighting of the lion head.</p>
<p>Then sharpen the image by using <strong>Filter &gt;Sharpen &gt; Sharpen</strong> to get the lions head the same sharpness as the background</p>
<p>A lions head is bigger than a human head so it will cause more of shadow on the body. The lion stock already has a prominent shadow with a clear path on it to follow. Use the <strong>Polygonal Lasso </strong>to select an area below the head where the shadow is likely to fall. Use a soft brush in the<strong> Eraser</strong> tool to erase parts of the shadow to make it more realistic. Set the layer to <em>Soft Light </em>and turn down the <em>Opacity to 50%</em></p>
<p><img src="http://www.gfxzoom.com/images/2009/07/cad8_Step3.jpg" alt="Step 3" width="600" height="900" title="Creative Photoshop Animal King Photo Manipulation Tutorial" /></p>
<h5>Step 4: Making the throne more jungle</h5>
<p>Create a new layer <strong>(<em>Ctrl + Shift + N). </em></strong>Outline the edge of the throne using the <strong>Pen Tool (<em>P</em>)</strong> ( make sure the pen tool is in path mode). Right click on path and select <em>make selection…</em>and fill selection with a green colour. Use the eraser to get rid of areas of green which are blocking objects which would be infront of the throne. Set layer to <em>Color</em> mode.</p>
<p>Right click the above layer and select blending options. The settings used are in the image below. The patterns used are photoshop defaults under the texture fill category.</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/f3d1_Step4.jpg" alt="Step 4" width="600" height="1150" title="Creative Photoshop Animal King Photo Manipulation Tutorial" /></p>
<h5>Step 5: Add vegetation on the throne</h5>
<p>We are going to add more vegetation around the throne to make it look more jungle. Firstly add some flowers to the greenery on the throne to make it look more regal. To do this select select the greenry by <em>Ctrl + left click </em>on the layer containing it. On a new layer brush on some flowers using a 3px round brush on 30% opacity to brush in the flowers, the brush settings are shown below. Play around with the colour and opacity of the brush to get different shades of flowers.</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/8306_Step5.jpg" alt="advanced Creative Photoshop Animal King Photo Manipulation Tutorial" width="600" height="588" title="Creative Photoshop Animal King Photo Manipulation Tutorial" /></p>
<h5>Step 6: Add vegetation around the the throne</h5>
<p>Open the image <strong>“Potted Plant&#8221;</strong>in a new document. Use <em>select &gt; colour range </em>to select the white in the image. Adjust the fuzziness so that as much white is selected without much of the plant being selected. <em>Ctrl + Shift + I </em>to selected inverse. Add a layer mask, this will mask out the white part of the image. The pot part of the image is not needed so using a black brush on the layer mask hide the pot and the shadow of the plant. Then drag the layer into the main document and resize it using <strong>Free Transform <em>(Ctrl +T)</em></strong><em>,<br />
</em></p>
<p>If there is a white line around the leaves select the layer mask (<em>Ctrl + left click </em>), select inverse (<em>Ctrl + Shift + I</em>) and feather (<em>Ctrl + Alt + D) </em>by 2 pixels. Delete this selection to get rid of any excess white lines around the leaves.</p>
<p>Repeat the above steps with the <strong>“Potted Flower&#8221;</strong> and the <strong>&#8220;Palm&#8221;</strong> stock.</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/2263_Step6.jpg" alt="Step 6" width="600" height="487" title="Creative Photoshop Animal King Photo Manipulation Tutorial" /></p>
<h5>Step 7: Arranging and blending the vegetation</h5>
<p>The palm leaves are going to be above the throne while flowers are going to rest at the feet of the throne with the leafy plant standing behind the flowers. Arrange the plants into their respective positions making sure the flower layer is above the plant layer.</p>
<p>Duplicate the layers with the vegetation to build up the thickness of the vegetation. Use the black brush on the layer mask as needed to make sure the duplicates blend well with the originals.</p>
<p>After achieving the right thickness and distribution of the different vegetation merge all layers of the same type of vegetation for ease of use. This can be done by selecting all the layers using <em>Ctrl + Left Click </em>and right clicking on the layer and selecting<em> Merge layers. </em></p>
<p>Play around with <strong>Image &gt; Adjustments &gt; Hue/Saturation</strong> to make the colours of the vegetation blend a bit more. The leafy plant and the palm leaves will need to be desaturated slighty as well as made a little darker as they are more in the background of the image.</p>
<p>Erase parts of the vegetation that are blocking objects that would be infront of them in the image.</p>
<p>Use the <em><strong>Dodge </strong></em>&amp; <em><strong>Burn</strong></em> tools to adjust the lighting of the vegetation.</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/d586_Step7.jpg" alt="advanced Creative Photoshop Animal King Photo Manipulation Tutorial" width="601" height="720" title="Creative Photoshop Animal King Photo Manipulation Tutorial" /></p>
<h5>Step 8: Add a Crown</h5>
<p>Theres no king without a crown. Import the <strong>&#8220;Crown&#8221; </strong>image to a layer above the lions head and using the <strong>Pen Tool</strong><em> (<strong>P)</strong></em> select the black area and get rid of it. Using the<strong> Free Transform <em>(Ctrl +T)</em></strong> resize the crown to an appropriate size.</p>
<p>Make the crown fit the lions head using the Perspective (<strong>Edit &gt; Transform &gt; Perspective) </strong>and Warp (<strong>Edit &gt; Transform &gt; Warp)</strong> Tools</p>
<p>Use the <em><strong>Dodge </strong></em>&amp; <em><strong>Burn</strong></em> tools to adjust the lighting of the crown.</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/aca0_Step8.jpg" alt="advanced Creative Photoshop Animal King Photo Manipulation Tutorial" width="601" height="695" title="Creative Photoshop Animal King Photo Manipulation Tutorial" /></p>
<h5>Step 9: Add some skulls</h5>
<p>As the King the lion is dominant over man and beast and to symbolise this we are going to add the skull of a man and the skull of an animal either side of the throne. A cow’s skull will be placed on the golden pedestal on the lions left. Cover the globe that is there with the surrounding red cloth using the <em><strong>Clone Stamp Tool.</strong></em></p>
<p>Import the <strong>&#8220;Cow Skull.&#8221;</strong> Remove the white background of the skull using the <strong>Pen Tool</strong><em> (<strong>P)</strong></em> and use the<strong> Free Transform <em>(Ctrl +T)</em></strong> to resize the skull to an appropriate size.</p>
<p>Make the skull fit on the pedestal using the Perspective (<strong>Edit &gt; Transform &gt; Perspective) &amp; Warp (<strong>Edit &gt; Transform &gt; Warp)</strong></strong>Tools</p>
<p>Using <strong>Image&gt;Adjustments &gt;Brightness/Contrast… </strong>reduce the brightness and the contrast of the skull.</p>
<p>Use the <em><strong>Dodge </strong></em>&amp; <em><strong>Burn</strong></em> tools to adjust the lighting of the skull</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/810a_Step9.jpg" alt="advanced Creative Photoshop Animal King Photo Manipulation Tutorial" width="601" height="978" title="Creative Photoshop Animal King Photo Manipulation Tutorial" /></p>
<h5>Step 10: Add the human skull.</h5>
<p>A human skull will be placed on the golden pedestal on the lions right. The globe only needs to be partially covered as globe can be used as reference for the lighting on the skull. Cover the edge of the globe surrounding red cloak using the <em><strong>Clone Stamp Tool.</strong></em> Cover only part of globe that the skull wouldn’t be infront of.</p>
<p>Import the <strong>&#8220;Human Skull&#8221; </strong>image. Remove the white background of the skull using the <strong>Pen Tool</strong><em> (<strong>P)</strong></em>. Use the<strong> Free Transform <em>(Ctrl +T)</em></strong> to resize the skull to an appropriate size .</p>
<p>Make the skull fit the pedestal using the Perspective (<strong>Edit &gt; Transform &gt; Perspective) &amp; Warp (<strong>Edit &gt; Transform &gt; Warp)</strong></strong>Tools just like in the previous step</p>
<p>Using <strong>Image&gt;Adjustments &gt;Brightness/Contrast… </strong>reduce the brightness and but increase contrast of the skull. And using<strong> Image&gt;Adjustments &gt;Hue/Saturation </strong>reduce some saturation of the skull.</p>
<p>Use the <em><strong>Dodge </strong></em>&amp; <em><strong>Burn</strong></em> tools to adjust the lighting of the skull</p>
<p>Use a soft black brush of low opacity to shade the edge of the cloak and to make the skulls shadow.</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/357d_Step10.jpg" alt="advanced Creative Photoshop Animal King Photo Manipulation Tutorial" width="599" height="978" title="Creative Photoshop Animal King Photo Manipulation Tutorial" /></p>
<h5>Step 11: Add an advisor for the king.</h5>
<p>Import the <strong>&#8220;Snake&#8221; </strong>image.</p>
<p>Remove the white background of the snake using the <strong>Pen Tool</strong><em> (<strong>P)</strong></em>. Use the<strong> Free Transform <em>(Ctrl +T)</em></strong> to resize the skull to an appropriate size . The intention is to make the snake twirl around the lions cane.</p>
<p>Copy and paste the straight part of the snake on to a new layer. Arrange it using the <strong>Free Transform <em>(Ctrl +T)</em></strong> to move it and rotate it so that the snake starts to look as if it is wrapped around the cane. Duplicate the straight part of the snake till the snake starts to look as if it is wrapped around the length of the cane and is dissapearing into the kings cloak.</p>
<p>Use a soft round eraser to smooth the harsh edges of the duplicate so that the parts of the snake starts blending into each other.</p>
<p>Once all the different duplicates are blended together merge them into a single layer.</p>
<p>Using the eraser remove parts of the snake which would be behind the cane.</p>
<p>Use the <em><strong>Dodge </strong></em>&amp; <em><strong>Burn</strong></em> tools to adjust the lighting of the snake.</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/9d60_Step11.jpg" alt="advanced Creative Photoshop Animal King Photo Manipulation Tutorial" width="599" height="978" title="Creative Photoshop Animal King Photo Manipulation Tutorial" /></p>
<h5>Step 12: Adjusting the base image</h5>
<p>Lions are thought of as being very strong animals so we are going to make the body parts of the king larger. For this we will be editing the intial layer (make sure to duplicate the first layer as an insurance). Use the <strong>Bloat Tool</strong><em> (<strong>B)</strong></em> in the <strong>Liquidify Filter (<em>Shift + Ctrl + X) </em></strong>on the intial layer to make the large muscle areas of the body even larger.</p>
<p>Use <em><strong>Dodge </strong></em>&amp; <em><strong>Burn</strong></em> to even out the lighting on the base layer.</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/fc46_Step12.jpg" alt="advanced Creative Photoshop Animal King Photo Manipulation Tutorial" width="599" height="978" title="Creative Photoshop Animal King Photo Manipulation Tutorial" /></p>
<h5>Step 13: Overall adjustments</h5>
<p>Select the uppermost layer and then create a new <strong>Adjustment Layer</strong> by <strong>Layer &gt;New Adjustment Layer &gt; Black &amp; White. </strong>Play around with the dials for the different colours until the black and white preview is balanced brightness wise. then set the adjustment layer to <em><strong>Luminosity </strong></em>and the Opacity to <em>50%</em></p>
<p>Create a new layer above the adjustment layer <strong>(<em>Shift + Ctrl + N). </em></strong>Do<strong><em> Ctrl + A </em></strong>to select all the canvas and <strong>(<em>Shift + Ctrl + C)</em></strong> to copy merged. Paste this into the new layer you have created using <em><strong>Ctrl + V</strong></em>.</p>
<p>As the final step use the <strong>Reduce Noise Filter</strong> <strong>(</strong><em><strong>Filter &gt; Noise &gt; Reduce Noise) </strong></em>on the copy merged layer to make the image smoother and more like a painting. Play around with the settings to get the feeling that you desire but make sure the <em>Strength</em> is very high (7-9) and the <em>Preserve Details</em> very low (1-10%)</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/2b3b_Step13.jpg" alt="advanced Creative Photoshop Animal King Photo Manipulation Tutorial" width="599" height="978" title="Creative Photoshop Animal King Photo Manipulation Tutorial" /></p>
<h5>Final Result</h5>
<p><img src="http://www.gfxzoom.com/images/2009/07/fbd3_FinalResult.jpg" alt="advanced Creative Photoshop Animal King Photo Manipulation Tutorial" width="600" height="869" title="Creative Photoshop Animal King Photo Manipulation Tutorial" /></p>
<p><a href="http://www.tutorial9.net/wp-content/uploads/2009/07/jungleking/KingofTheJungle.psd">Download the PSD</a></p>
<p><em>::GFXZoOM::source:tutorial9.net::</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.gfxzoom.com/photoshop/creative-photoshop-animal-king-photo-manipulation-tutorial/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Make your photo impressive</title>
		<link>http://www.gfxzoom.com/photoshop/make-your-photo-impressive/</link>
		<comments>http://www.gfxzoom.com/photoshop/make-your-photo-impressive/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 17:25:20 +0000</pubDate>
		<dc:creator>spammer</dc:creator>
				<category><![CDATA[All Tutorials]]></category>
		<category><![CDATA[Intermediate]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[impressive]]></category>
		<category><![CDATA[Make]]></category>
		<category><![CDATA[Photo]]></category>
		<category><![CDATA[photoshop tutorials]]></category>

		<guid isPermaLink="false">http://www.gfxzoom.com/photoshop/make-your-photo-impressive/</guid>
		<description><![CDATA[Make your photo more impressive.
1.Change photos&#8217; color:
Open your photo you want to make it impressive.
Anh choose this photoshop here:

There&#8217;re so many methods to change your photo&#8217;s color, but I will show you some best ways to do that, easy to edit.
First method:
Go to menu Layer ~&#62; New Adjustment Layer ~&#62; Color Balance.

With this Adjustment layer, [...]]]></description>
			<content:encoded><![CDATA[<p>Make your photo more impressive.</p>
<p>1.Change photos&#8217; color:</p>
<p>Open your photo you want to make it impressive.</p>
<p>Anh choose this photoshop here:</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/7230_org.jpg" alt="tutorials photoshop Make your photo impressive" width="630" height="420" title="Make your photo impressive" /></p>
<p>There&#8217;re so many methods to change your photo&#8217;s color, but I will show you some best ways to do that, easy to edit.</p>
<p>First method:</p>
<p>Go to menu Layer ~&gt; New Adjustment Layer ~&gt; Color Balance.</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/03a5_a.jpg" alt="tutorials photoshop Make your photo impressive" width="416" height="243" title="Make your photo impressive" /></p>
<p>With this Adjustment layer, you can change your color variety. OK, let&#8217;s pick some nice color :</p>
<p>::Warm Color :</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/7ee2_1.jpg" alt="tutorials photoshop Make your photo impressive" width="449" height="253" title="Make your photo impressive" /></p>
<p><img src="http://www.gfxzoom.com/images/2009/07/4d8d_2.jpg" alt="tutorials photoshop Make your photo impressive" width="449" height="253" title="Make your photo impressive" /></p>
<p>Result :</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/a341_4.jpg" alt="tutorials photoshop Make your photo impressive" width="630" height="420" title="Make your photo impressive" /></p>
<p>::Cool Color :</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/952f_3.jpg" alt="tutorials photoshop Make your photo impressive" width="449" height="253" title="Make your photo impressive" /></p>
<p><img src="http://www.gfxzoom.com/images/2009/07/7b16_6.jpg" alt="tutorials photoshop Make your photo impressive" width="449" height="253" title="Make your photo impressive" /></p>
<p><img src="http://www.gfxzoom.com/images/2009/07/ee9c_7.jpg" alt="tutorials photoshop Make your photo impressive" width="449" height="253" title="Make your photo impressive" /></p>
<p>result:</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/02c1_8.jpg" alt="tutorials photoshop Make your photo impressive" width="630" height="420" title="Make your photo impressive" /></p>
<p>::Emerald Color :</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/6419_9.jpg" alt="tutorials photoshop Make your photo impressive" width="449" height="253" title="Make your photo impressive" /></p>
<p><img src="http://www.gfxzoom.com/images/2009/07/158d_10.jpg" alt="tutorials photoshop Make your photo impressive" width="449" height="253" title="Make your photo impressive" /></p>
<p><img src="http://www.gfxzoom.com/images/2009/07/f072_11.jpg" alt="tutorials photoshop Make your photo impressive" width="449" height="253" title="Make your photo impressive" /></p>
<p>result :</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/ccea_12.jpg" alt="tutorials photoshop Make your photo impressive" width="630" height="420" title="Make your photo impressive" /></p>
<p>::Special Effect :</p>
<p>Open your photo, go to menu Layer ~&gt; New Adjustment Layer ~&gt; Gradient Map&#8230;</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/6072_b.jpg" alt="tutorials photoshop Make your photo impressive" width="416" height="255" title="Make your photo impressive" /></p>
<p><img src="http://www.gfxzoom.com/images/2009/07/901b_13.jpg" alt="tutorials photoshop Make your photo impressive" width="410" height="151" title="Make your photo impressive" /></p>
<p>Choose this Gradient :</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/b32d_14.jpg" alt="tutorials photoshop Make your photo impressive" width="420" height="206" title="Make your photo impressive" /></p>
<p>Result :</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/0a69_15.jpg" alt="tutorials photoshop Make your photo impressive" width="630" height="420" title="Make your photo impressive" /></p>
<p>Zoom out your model :</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/f1b2_16.jpg" alt="tutorials photoshop Make your photo impressive" width="630" height="456" title="Make your photo impressive" /></p>
<p>Pick Eraser Tool <img src="http://www.gfxzoom.com/images/2009/07/3cae_eraser.jpg" alt="tutorials photoshop Make your photo impressive" width="23" height="19" title="Make your photo impressive" />, set foreground color to White and start erasing on your model :</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/5cb4_17.jpg" alt="tutorials photoshop Make your photo impressive" width="630" height="495" title="Make your photo impressive" /></p>
<p>Tip : set foreground to White = you have color areas</p>
<p>set foreground to Black = you have black and white color</p>
<p>Press X when brushing to switch between black and white.</p>
<p>Keep brushing on your models and you will have something like this :</p>
<p><img src="http://www.gfxzoom.com/images/2009/07/cc1f_18.jpg" alt="tutorials photoshop Make your photo impressive" width="630" height="420" title="Make your photo impressive" /></p>
<p><em>::GFXZoOM::source:tu-torials.com::</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.gfxzoom.com/photoshop/make-your-photo-impressive/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nesting Smart Objects for Multimask Effects in Photoshop</title>
		<link>http://www.gfxzoom.com/photoshop/nesting-smart-objects-for-multimask-effects-in-photoshop/</link>
		<comments>http://www.gfxzoom.com/photoshop/nesting-smart-objects-for-multimask-effects-in-photoshop/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 17:19:44 +0000</pubDate>
		<dc:creator>fantomax</dc:creator>
				<category><![CDATA[Advanced]]></category>
		<category><![CDATA[All Tutorials]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[multimask]]></category>
		<category><![CDATA[nesting]]></category>
		<category><![CDATA[photoshop tutorials]]></category>
		<category><![CDATA[smart object]]></category>

		<guid isPermaLink="false">http://www.gfxzoom.com/photoshop/nesting-smart-objects-for-multimask-effects-in-photoshop/</guid>
		<description><![CDATA[One of the biggest drawbacks to smart filters is that all filters applied to a single layer must share a common filter mask. Fortunately, there’s a workaround. To make a long story short, you nest one smart object inside another. To keep the long story long, read the following steps, in which I’ll employ a [...]]]></description>
			<content:encoded><![CDATA[<p>One of the biggest drawbacks to smart filters is that all filters applied to a single layer must share a common filter mask. Fortunately, there’s a workaround. To make a long story short, you nest one smart object inside another. To keep the long story long, read the following steps, in which I’ll employ a total of four smart filters—two masked, two not—to both smooth and sharpen the detail in a photograph.
<p>[If you’d like to download the image used in this tutorial to practice these techniques, click <a href="http://www.layersmagazine.com/downloads/mayjune08/ps-tutorial.zip">here</a>. We’ve also included a before and after for you to compare the results. All files are for practice purposes only.]
<p><strong>1 OPEN THE IMAGE TO BE SHARPENED</strong><br />Let’s start things off with a photograph that requires sharpening. I captured this image with a Leica D-Lux 3 out the window of my car. In the course of touring the back roads of South Dakota’s Black Forest, we were suddenly surrounded by a few hundred mostly peaceful bison, and this guy in particular was close enough to touch (were I endowed with really stretchy Mr. Fantastic arms). The resulting image is soft with striated noise patterns and wandering colors. If I just set about sharpening him, I’d bring out the bad detail along with the good. Fortunately, smart objects provide a more selective if somewhat laborious approach.
<p><img src="http://www.gfxzoom.com/images/2009/07/d8b6_01.jpg" title="Nesting Smart Objects for Multimask Effects in Photoshop" alt="advanced Nesting Smart Objects for Multimask Effects in Photoshop" /><br /><em>Photo Credit: ©DEKE MCCLELLAND</em>
<p><strong>2 CONVERT LAYER TO A SMART OBJECT</strong><br />Photoshop provides a handful of commands that convert an image to a smart object. But for my money, the most convenient method is to click the little doodad in the top-right corner of the Layers panel and choose Convert to Smart Object. (It works for multilayer images, too.) Go ahead and rename the new layer something meaningful like “Bison.” Now your converted and named image is ready to receive nondestructive smart filters.
<p><img src="http://www.gfxzoom.com/images/2009/07/1507_02.jpg" title="Nesting Smart Objects for Multimask Effects in Photoshop" alt="advanced Nesting Smart Objects for Multimask Effects in Photoshop" />
<p><strong>3 APPLY SMART SHARPEN</strong><br />To sharpen the creature, choose Filter&gt;Sharpen&gt;Smart Sharpen. Then set the Amount to 350%, Radius to 4.0 pixels, and Remove to Lens Blur. After clicking OK, double-click the tiny slider icon to the right of the words “Smart Sharpen” in the Layers panel and change the Mode setting to Luminosity. This focuses the attention on the detail in the image rather than exaggerating the discrepancies between color channels—always a good idea when sharpening. Leave the Opacity set to 100% and click OK. Tip: Delete the empty filter mask because it just takes up room. When you do need a mask, it’s easier to create it on the fly, as you’ll soon see.
<p><img src="http://www.gfxzoom.com/images/2009/07/3c0d_03.jpg" title="Nesting Smart Objects for Multimask Effects in Photoshop" alt="advanced Nesting Smart Objects for Multimask Effects in Photoshop" />
<p><strong>4 SMOOTH COLOR WITH MEDIAN</strong><br />Sharpening did my bison some good, but it also brought out anomalous color patches in the fur. What’s needed is a generous pass of the Median filter. Choose Filter&gt;Noise&gt;Median, raise the Radius to a hefty 50 pixels, and click OK. As a rule, smoothing should be applied before sharpening so drag the Median filter below Smart Sharpen in the Layers panel. Double-click the slider icon to the right of “Median” in the Layers panel. (Photoshop warns you that you won’t be able to preview the effects.) Change the Mode to Color to smooth over the considerable coloring problems, and click OK to render the smoothing and sharpening effects together.
<p><img src="http://www.gfxzoom.com/images/2009/07/2f29_04.jpg" title="Nesting Smart Objects for Multimask Effects in Photoshop" alt="advanced Nesting Smart Objects for Multimask Effects in Photoshop" />
<p><strong>5 FIND BEST CHANNEL TO USE FOR MASK</strong><br />Smoothing out the color works nicely inside the bizarrely (and inaccurately) multicolored bison, but it eliminates all hint of color in the background. What’s needed is a filter mask that exposes the bison and protects the grass. Turn off the Eye icon in front of the words “Smart Filters” in the Layers panel to restore the original image, which we’ll need to build a mask. Click the Channels tab and click the various channels to find the one with the highest degree of contrast between foreground and background. For most people and mammal shots, this is going to be Red.
<p><img src="http://www.gfxzoom.com/images/2009/07/5378_05.jpg" title="Nesting Smart Objects for Multimask Effects in Photoshop" alt="advanced Nesting Smart Objects for Multimask Effects in Photoshop" />
<p><strong>6 EXAGGERATE CONTRAST IN CHANNEL</strong><br />Duplicate the Red channel by dragging it onto the Create New Channel icon at the bottom of the panel. Double-click the name (in our case, Red copy) and call it “Mask.” When the mask is complete, the bison should be white and the background black. So press Command-I (PC: Ctrl-I) to invert the colors. Next we need to exaggerate the contrast. Choose Image&gt;Adjustments&gt;Levels. Raise the black point value to 70 and lower the white point value to 190 to draw out the bison from its background. Click OK to complete the effect.
<p><img src="http://www.gfxzoom.com/images/2009/07/e462_06.jpg" title="Nesting Smart Objects for Multimask Effects in Photoshop" alt="advanced Nesting Smart Objects for Multimask Effects in Photoshop" />
<p><strong>7 LOAD THE MASK AS A SELECTION</strong><br />Your mask isn’t going to win any awards for accuracy. And if you have some extra time on your hands, you could finesse it using the Dodge and Burn tools or the like. But this quick-and-dirty mask nicely highlights the areas of major color drift and fur detail, making it good enough for our purposes. To load the mask, press the Command key (PC: Ctrl) and click the Mask thumbnail in the Channels panel. Now you’re ready to apply the mask to the filters.
<p><img src="http://www.gfxzoom.com/images/2009/07/868a_07.jpg" title="Nesting Smart Objects for Multimask Effects in Photoshop" alt="advanced Nesting Smart Objects for Multimask Effects in Photoshop" />
<p><strong>8 OPEN THE IMAGE TO BE SHARPENED</strong><br />Click the RGB thumbnail in the Channels panel to return to the color composite image. Then click the Layers tab to return to the Layers panel. Turn on the Eye icon in front of the words “Smart Filters.” Then Control-click (PC: Right-click) “Smart Filters” and choose Add Filter Mask. Photoshop limits the Median and Smart Sharpen effects to the interior of the bison and protects the prairie grass in the background.
<p><img src="http://www.gfxzoom.com/images/2009/07/22c5_08.jpg" title="Nesting Smart Objects for Multimask Effects in Photoshop" alt="advanced Nesting Smart Objects for Multimask Effects in Photoshop" />
<p><strong>9 DELETE UNUSED CHANNEL</strong><br />One of the great things about smart objects is that they make efficient use of file size. This particular image was 15.4 MB flat and 15.4 MB after the addition of the two nondestructive smart filters. It’s only when you start adding masks that the file size balloons. We have two masks, one alpha channel and the other a filter mask, so the file size has grown to 25.7 MB. The two masks are identical, so there’s no reason to keep them both. Go to the Channels panel and drag the Mask channel (not the italicized Filter Mask item) to the Trash. The file size drops to 20.5 MB.
<p><img src="http://www.gfxzoom.com/images/2009/07/c819_09.jpg" title="Nesting Smart Objects for Multimask Effects in Photoshop" alt="advanced Nesting Smart Objects for Multimask Effects in Photoshop" />
<p><strong>10 OPEN SMART OBJECT IN NEW WINDOW</strong><br />I’m glad to have brought back the colors in the grass. But I’m not so keen on limiting the sharpening effect to the animal. Plus we need to address the horizontal noise patterns at work in the shadow detail. This means applying a couple more filters, neither of which benefit from the existing filter mask. The solution is to create a nested smart object—a smart object inside a smart object—to accommodate the unmasked filters. Back inside the Layers panel, double-click on the Bison smart object thumbnail to open it in a new window (presumably called Layer 01.psb after the temporary file Photoshop creates to accommodate the smart object).
<p><img src="http://www.gfxzoom.com/images/2009/07/191a_10.jpg" title="Nesting Smart Objects for Multimask Effects in Photoshop" alt="advanced Nesting Smart Objects for Multimask Effects in Photoshop" />
<p><strong>11 CONVERT SMART OBJECT TO SMART OBJECT</strong><br />You’ll see the original, unedited version of the photograph on a standard Background layer, with all pixels available for editing. Bring up the Layers panel menu and once again choose Convert to Smart Object. Then rename the layer “You’re in the SO!” This way you’ll know where you are if you accidentally enter the smart object. While this adds to the complexity of the file, quite amazingly, it adds nothing to the file size. In fact, the Adobe engineers I talked to endorse this technique and told me there is currently no limit to how deeply you can nest smart objects.
<p><img src="http://www.gfxzoom.com/images/2009/07/bd98_11.jpg" title="Nesting Smart Objects for Multimask Effects in Photoshop" alt="advanced Nesting Smart Objects for Multimask Effects in Photoshop" />
<p><strong>12 APPLY REDUCE NOISE</strong><br />To downplay the striated noise pattern, choose Filter&gt;Noise&gt;Reduce Noise. Then change the Strength value to 8, Preserve Details to 20%, Reduce Color Noise to 15%, and Sharpen Details to 0%, all of which conspire to smooth away most of the noise without altogether ruining the good detail. Make sure the Remove JPEG Artifact checkbox is turned off and then click OK to apply the filter.
<p><img src="http://www.gfxzoom.com/images/2009/07/bfcc_12.jpg" title="Nesting Smart Objects for Multimask Effects in Photoshop" alt="advanced Nesting Smart Objects for Multimask Effects in Photoshop" />
<p><strong>13 APPLY HIGH PASS FOR EDGE CONTRAST</strong><br />You don’t need the filter mask so drag it to the Trash in the Layers panel. Next we want to add a little bit of edge contrast, in part to sharpen the prairie grass but also to generally enhance the image detail. Choose Filter&gt;Other&gt;High Pass, set the Radius value to 20 pixels, and click OK. Double-click the tiny slider icon to the right of the words High Pass in the Layers panel. Drop out the grays by changing the Mode setting to Soft Light. Then reduce the Opacity value to 50% and click OK. The result is just enough sharpness to offset the effects of the Reduce Noise filter.
<p><img src="http://www.gfxzoom.com/images/2009/07/9e7d_13.jpg" title="Nesting Smart Objects for Multimask Effects in Photoshop" alt="advanced Nesting Smart Objects for Multimask Effects in Photoshop" />
<p><strong>14 ENJOY THE RESULTS AND FLEXIBILITY</strong><br />Close and save the nested smart object. Moments later, you’ll see the meticulously sharpened result thanks to a combination of four filters working nondestructively aided by two smart objects, one nested inside the other. It takes some effort to sharpen an image with this degree of control and accuracy, but the results are worth the effort. And you can modify the filter settings without fear of harming the quality of the image. Smart objects aren’t perfect, but with some planning and slightly more patience, you can establish flexible compositions that permit you to apply filters and adjust their order and settings in any way you see fit.
<p><img src="http://www.gfxzoom.com/images/2009/07/347d_14.jpg" title="Nesting Smart Objects for Multimask Effects in Photoshop" alt="advanced Nesting Smart Objects for Multimask Effects in Photoshop" />
<p><em>::GFXZoOM::source:layersmagazine.com::</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.gfxzoom.com/photoshop/nesting-smart-objects-for-multimask-effects-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Coloring a black and white image</title>
		<link>http://www.gfxzoom.com/photoshop/coloring-a-black-and-white-image/</link>
		<comments>http://www.gfxzoom.com/photoshop/coloring-a-black-and-white-image/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 17:12:59 +0000</pubDate>
		<dc:creator>spammer</dc:creator>
				<category><![CDATA[All Tutorials]]></category>
		<category><![CDATA[Intermediate]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[black and white]]></category>
		<category><![CDATA[coloring]]></category>
		<category><![CDATA[photoshop tutorials]]></category>

		<guid isPermaLink="false">http://www.gfxzoom.com/photoshop/coloring-a-black-and-white-image/</guid>
		<description><![CDATA[1. Open your black and white image in Photoshop2. Copy the image onto a new layer3.Select the paint brush tool and set the mode to &#8220;color&#8221;. I set it at 80 percent opacity. You can use whatever opacity setting you like however.4. Star coloring it in. Decide what items should have what colors. Yellow for [...]]]></description>
			<content:encoded><![CDATA[<p>1. Open your black and white image in Photoshop<br /><img border="0" alt="tutorials photoshop Coloring a black and white image" src="http://www.gfxzoom.com/images/2009/07/ad5f_28602074sz7.jpeg" width="630" height="450" title="Coloring a black and white image" /><br />2. Copy the image onto a new layer<br /><img border="0" alt="tutorials photoshop Coloring a black and white image" src="http://www.gfxzoom.com/images/2009/07/fe1d_88415247df1.jpeg" width="630" height="450" title="Coloring a black and white image" /><br />3.Select the paint brush tool and set the mode to &#8220;color&#8221;. I set it at 80 percent opacity. You can use whatever opacity setting you like however.<br /><img border="0" alt="tutorials photoshop Coloring a black and white image" src="http://www.gfxzoom.com/images/2009/07/617a_26110505xc3.jpeg" width="630" height="451" title="Coloring a black and white image" /><br />4. Star coloring it in. Decide what items should have what colors. <br />Yellow for the gloves, blue for overalls etc etc.<br /><img border="0" alt="tutorials photoshop Coloring a black and white image" src="http://www.gfxzoom.com/images/2009/07/e08a_91105764zo9.jpeg" width="630" height="451" title="Coloring a black and white image" /><br />5. While coloring, I choose a darker color for the areas with more shadows.<br />I used two colors in this step for the face.<br /><img border="0" alt="tutorials photoshop Coloring a black and white image" src="http://www.gfxzoom.com/images/2009/07/34a5_57443394ha9.jpeg" width="630" height="450" title="Coloring a black and white image" /><br />6.Don&#8217;t worry about coloring out of the lines. You can use the <br />sponge brush to desaturate the areas you don&#8217;t want colored. <br /><img border="0" alt="tutorials photoshop Coloring a black and white image" src="http://www.gfxzoom.com/images/2009/07/bbcb_34371239jm7.jpeg" width="630" height="452" title="Coloring a black and white image" /><br />7. Just coloring more of the image.<br /><img border="0" alt="tutorials photoshop Coloring a black and white image" src="http://www.gfxzoom.com/images/2009/07/de07_72187242ou1.jpeg" width="630" height="450" title="Coloring a black and white image" /><br />8.When I&#8217;m done coloring, I select Image-Adjustments-brightness/contrast,<br />and up the contrast a little to make everything stand out more.<br /><img border="0" alt="tutorials photoshop Coloring a black and white image" src="http://www.gfxzoom.com/images/2009/07/cc44_24026787wu7.jpeg" width="630" height="451" title="Coloring a black and white image" /><br />The finished image!<br /><img border="0" alt="tutorials photoshop Coloring a black and white image" src="http://www.gfxzoom.com/images/2009/07/efc0_tutpicsq4.jpeg" width="630" height="470" title="Coloring a black and white image" /></p>
<p>::GFXZoOM::source:photochopz.com::</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gfxzoom.com/photoshop/coloring-a-black-and-white-image/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Displacement Maps for Graphics in Photoshop CS4</title>
		<link>http://www.gfxzoom.com/photoshop/displacement-maps-for-graphics-in-photoshop-cs4/</link>
		<comments>http://www.gfxzoom.com/photoshop/displacement-maps-for-graphics-in-photoshop-cs4/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 17:03:39 +0000</pubDate>
		<dc:creator>A Я I</dc:creator>
				<category><![CDATA[All Tutorials]]></category>
		<category><![CDATA[Intermediate]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[cs4]]></category>
		<category><![CDATA[displacement]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[map]]></category>
		<category><![CDATA[photoshop tutorials]]></category>
		<category><![CDATA[t-shirt]]></category>

		<guid isPermaLink="false">http://www.gfxzoom.com/photoshop/displacement-maps-for-graphics-in-photoshop-cs4/</guid>
		<description><![CDATA[
1 PREPARE THE PHOTOGRAPHFirst we need to choose and prepare the photograph onto which we’ll add our logo. We chose an image of a blank T-shirt from iStockphoto.com, deliberately picking one that contained noticeable folds. If the folds are a little too subtle, use the Burn tool to darken the shadows a little and the [...]]]></description>
			<content:encoded><![CDATA[<p><img alt="Photoshop for Designers Tutorial" src="http://www.gfxzoom.com/images/2009/07/bb2d_09.jpg" width="320" height="282" title="Displacement Maps for Graphics in Photoshop CS4" /></p>
<p><strong>1 PREPARE THE PHOTOGRAPH</strong><br />First we need to choose and prepare the photograph onto which we’ll add our logo. We chose an image of a blank T-shirt from iStockphoto.com, deliberately picking one that contained noticeable folds. If the folds are a little too subtle, use the Burn tool to darken the shadows a little and the Dodge tool to slightly lighten the highlights. </p>
<p><img alt="Photoshop for Designers Tutorial" src="http://www.gfxzoom.com/images/2009/07/0669_01.jpg" title="Displacement Maps for Graphics in Photoshop CS4" />
<p><strong>2 PREPARE THE DISPLACEMENT MAP</strong><br />The Displace filter uses a grayscale map to distort the imported object, so we need to create a map for our project. First duplicate (Image&gt;Duplicate) the T-shirt photo and then convert it to grayscale. Although it’s not an ideal day-to-day way to make a beautiful grayscale photo, we’ll use Image&gt;Mode&gt;Grayscale to convert the photo (which works just fine for a displacement map). We don’t want too much texture detail in the map, so use Filter&gt;Noise&gt;Despeckle to soften the texture without losing too much overall detail. Save the map as a PSD file.
<p><img alt="Photoshop for Designers Tutorial" src="http://www.gfxzoom.com/images/2009/07/50ef_02.jpg" title="Displacement Maps for Graphics in Photoshop CS4" />
<p><strong>3 BRING IN THE ILLUSTRATOR LOGO</strong><br />In Illustrator, keep the logo as editable and possible, then go to Select&gt;All and Edit&gt;Copy. Switch to the original color document in Photoshop and select Edit&gt;Paste. From the four Paste As choices in the Paste dialog, choose Smart Object, and click OK.
<p><img alt="Photoshop for Designers Tutorial" src="http://www.gfxzoom.com/images/2009/07/7523_03.jpg" title="Displacement Maps for Graphics in Photoshop CS4" />
<p><strong>4 POSITION AND SCALE THE LOGO</strong><br />When the smart object appears, use the handles to scale and rotate the graphic. You can also click-and-drag to position it. Once you’re happy, press Return (PC: Enter). (Note: Since the resulting layer is a vector smart object, that means you can always make further adjustments to the size and position of the logo without losing any quality.)
<p><img alt="Photoshop for Designers Tutorial" src="http://www.gfxzoom.com/images/2009/07/bcab_04.jpg" title="Displacement Maps for Graphics in Photoshop CS4" />
<p><strong>5 CHANGE THE BLEND MODE OF THE LOGO LAYER</strong><br />To help make the logo look more printed on the shirt, change the blend mode of the logo layer from Normal to Multiply in the Layers panel. Depending on the colors in your design, you may also want to slightly lower the Opacity.
<p><img alt="Photoshop for Designers Tutorial" src="http://www.gfxzoom.com/images/2009/07/4398_05.jpg" title="Displacement Maps for Graphics in Photoshop CS4" />
<p><strong>6 RUN THE DISPLACE FILTER</strong><br />With the logo layer (Vector Smart Object) active in the Layers panel, use Filter&gt;Distort&gt;Displace. In the Displace dialog, enter a value between 5 and 10 as a starting point for both Horizontal Scale and Vertical Scale. Since this layer is a vector smart object, the filter will appear in the Layers panel as a smart filter, which means you can always edit the filter settings (see next step). After clicking OK, you’ll be asked to choose the displacement map, so navigate to the location of the PSD file you saved in Step 2. The logo will be distorted to follow the folds of the shirt.
<p><img alt="Photoshop for Designers Tutorial" src="http://www.gfxzoom.com/images/2009/07/1589_06.jpg" title="Displacement Maps for Graphics in Photoshop CS4" />
<p><strong>7 EDIT THE SETTINGS OF THE SMART FILTER</strong><br />If the logo looks too distorted (or not distorted enough), double-click on the word “Displace” under Smart Filters in the Layers panel. The Displace dialog will appear, allowing you to enter different settings. Once again, after you click OK, you’ll be asked to choose the displacement map.
<p><img alt="Photoshop for Designers Tutorial" src="http://www.gfxzoom.com/images/2009/07/10d5_07.jpg" title="Displacement Maps for Graphics in Photoshop CS4" />
<p><strong>8 EDIT THE ORIGINAL GRAPHIC</strong><br />One of the benefits of bringing in Illustrator graphics as a smart object is the option to edit the contents, even after the Displace filter has been applied. Double-click on the Vector Smart Object thumbnail in the Layers panel to jump back to Illustrator. A copy of your logo will open in Illustrator, where you can make changes to the design. Here we changed the color of the background shape and added a second yellow background shape. After saving the Illustrator file, the logo automatically updates in Photoshop, reflecting whatever changes we made in Illustrator.
<p><img alt="Photoshop for Designers Tutorial" src="http://www.gfxzoom.com/images/2009/07/09eb_08.jpg" title="Displacement Maps for Graphics in Photoshop CS4" />
<p><strong>9 CONTINUE TO EXPERIMENT</strong><br />Thanks to the vector smart object and smart filter combination, you can continue to experiment with the size, position, and content of the logo. If you reposition or scale the graphic, double-click on the Displace smart filter to reapply it. To change the contents of the logo, double-click on the Vector Smart Object thumbnail to return to Illustrator to edit the file. Or, start all over again with a completely different photographic object….
<p><img alt="Photoshop for Designers Tutorial" src="http://www.gfxzoom.com/images/2009/07/bb2d_09.jpg" title="Displacement Maps for Graphics in Photoshop CS4" />
<p><img alt="Photoshop for Designers Tutorial" src="http://www.gfxzoom.com/images/2009/07/c77c_10.jpg" title="Displacement Maps for Graphics in Photoshop CS4" />
</p>
<p><em>::GFXZoOM::source:layersmagazine.com::</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.gfxzoom.com/photoshop/displacement-maps-for-graphics-in-photoshop-cs4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
