<?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>Signature Stop, Photoshop signature tutorials, renders, tag tutorials and signature backgrounds! &#187; Miscellaneous Tutorials</title>
	<atom:link href="http://www.signaturestop.com/category/miscellaneous-tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.signaturestop.com</link>
	<description>Photoshop signature tutorials, photoshop resources and signature tag tips</description>
	<lastBuildDate>Mon, 09 May 2011 12:10:55 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Abstract Cinema4d Render Tutorial</title>
		<link>http://www.signaturestop.com/miscellaneous-tutorials/abstract-cinema4d-render-tutorial/</link>
		<comments>http://www.signaturestop.com/miscellaneous-tutorials/abstract-cinema4d-render-tutorial/#comments</comments>
		<pubDate>Tue, 14 Apr 2009 20:55:32 +0000</pubDate>
		<dc:creator>Base</dc:creator>
				<category><![CDATA[Large Piece Tutorials]]></category>
		<category><![CDATA[Miscellaneous Tutorials]]></category>
		<category><![CDATA[abstract render]]></category>
		<category><![CDATA[cinema4d render tutorial]]></category>
		<category><![CDATA[cinema4d tutorial]]></category>

		<guid isPermaLink="false">http://www.signaturestop.com/?p=523</guid>
		<description><![CDATA[Today we will be learning how to create this awesome Cinema 4D Render. The tutorial includes information about creating a Cinema 4D render, as well as making unique materials and adding lighting to get colors. The tutorial result can be used for large pieces or small pieces such as signatures or tag art. You can [...]]]></description>
			<content:encoded><![CDATA[<p>Today we will be learning how to create this awesome Cinema 4D Render. The tutorial includes information about creating a Cinema 4D render, as well as making unique materials and adding lighting to get colors. The tutorial result can be used for large pieces or small pieces such as signatures or tag art. You can download the cinema4d render at the bottom. To save some bandwidth, we&#8217;ve created thumbnails to support the tutorial. Enjoy!<span id="more-523"></span></p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/234.png" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/resultthumbnail.gif" alt="Cinema4d render tutorial" width="461" height="358" /></a></p>
<p>Premium Members can download the cinema4d file, along with all the other tutorial PSD files and more content in the Premium section!<br />
<a href="http://www.signaturestop.com/join"><img style="border:0" src="http://www.signaturestop.com/advertisement/downloadpsd.gif" alt="Join SignatureStop Premium" width="389" height="66" /></a></p>
<p>Start a new file in Cinema4d. This is what your view should look like at this point. If it doesn&#8217;t, you can press F1 to return to perspective view:</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/1.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/1.gif" alt="perspective view" width="461" height="358" /></a></p>
<p>Press F5 to divide the workspace to 4, 1 for main angle and other 3 for the top, right and front angle.</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/2.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/2.gif" alt="cinema4d camera angles" width="461" height="358" /></a></p>
<p>Now select your freehand spline tool:</p>
<p><img src="http://www.signaturestop.com/tutorials/cinema4drender/3.gif" alt="freehand spline tool" width="275" height="131" /></p>
<p>Start creating a a shape as you want in the top window.</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/4.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/4.gif" alt="cinema4d render tutorial" width="461" height="358" /></a></p>
<p>Create another shape while taking the top angle into consideration. See how we made the line lenght same as top:</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/5.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/5.gif" alt="Cinema4d freehand spline tool" width="461" height="358" /></a></p>
<p>Repeat it again at the front window, consider all angles:</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/6.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/6.gif" alt="All angles" width="461" height="358" /></a></p>
<p>Now go to nurbs tool, and select loft nurbs:</p>
<p><img src="http://www.signaturestop.com/tutorials/cinema4drender/7.gif" alt="Loft nurbs" width="134" height="91" /></p>
<p>This is what the top right should look like:</p>
<p><img src="http://www.signaturestop.com/tutorials/cinema4drender/8.gif" alt="loft nurb settings" width="160" height="178" /></p>
<p>Choose the splines and drag them under the loft nurbs</p>
<p><img src="http://www.signaturestop.com/tutorials/cinema4drender/10.gif" alt="splines" width="160" height="178" /></p>
<p>Your render should now take shape:</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/9.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/9.gif" alt="cinema4d render view" width="461" height="358" /></a></p>
<p>Now, the arrow is for selecting points, the second box is for moving things around, the third is for changing the size and the last one is for picking the angle. We&#8217;re going to use these tools to get a different view on the render:</p>
<p><img src="http://www.signaturestop.com/tutorials/cinema4drender/11.gif" alt="move tools" width="134" height="46" /></p>
<p>Select any of the above tools, and move or modify your splines untill you get the right camera angle and perspective:</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/12.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/12.gif" alt="camera perspective" width="461" height="358" /></a></p>
<p>Now select your loft nurbs and press C to simplify it (with the simplify option you can edit all of the display proporties, the splines will be merged into a single group).</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/13.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/13.gif" alt="simplify splines" width="461" height="358" /></a></p>
<p>We will be modifying our render with the following Objects (refer to the image below):</p>
<p>Number 1: With this tool we can bend the render,</p>
<p>Number 2: Curve tool, add a curve to the render,</p>
<p>Number 3: Bulge tool,</p>
<p>Number 4: Shear tool,</p>
<p>Number 5: Explosion effect, this one can be a bit tricky and requires some experimenting. They&#8217;re pretty self explanatory, Make sure you play around with them.</p>
<p><img src="http://www.signaturestop.com/tutorials/cinema4drender/14.gif" alt="cinema4d objects" width="205" height="159" /></p>
<p>First, we&#8217;re going to add a Bend object with the settings below (obviously, try using your own settings rather than copying ours):</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/15.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/15.gif" alt="Bend object" width="461" height="358" /></a></p>
<p>Then we add a twist. Again do as you want, be creative!</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/16.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/16.gif" alt="Cinema4d twist" width="461" height="358" /></a></p>
<p>We add a bulge:</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/17.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/17.gif" alt="Bulge object" width="461" height="358" /></a></p>
<p>Group your object by going to Object &gt; Group Object or press Alt+G:</p>
<p><img src="http://www.signaturestop.com/tutorials/cinema4drender/18.gif" alt="Null objects" width="185" height="207" /></p>
<p>This is what your screen shuld look like:</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/19.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/19.gif" alt="cinema4d render" width="461" height="358" /></a></p>
<p>Now select your null object. We&#8217;re going to copy (CTRL + C) and paste (CTRL + V) the entire object, and move it around. They will probably flow nicely into eachother.</p>
<p>Using the following tools we can move the copied render around:</p>
<p><img src="http://www.signaturestop.com/tutorials/cinema4drender/11.gif" alt="render move options" width="134" height="46" /></p>
<p>Our cinema4d render outcome at this point:</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/20.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/20.gif" alt="cinema4d render settings" width="461" height="358" /></a></p>
<p>Copy it again and now place it at left end of the window, flip it around and play around as you get something you like. Don&#8217;t worry if it doesn&#8217;t fit into your perspective, we can just change angles, sizes, zooms and so on.</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/21.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/21.gif" alt="cinema4d tutorial" width="461" height="358" /></a></p>
<p>We&#8217;re going to add 3 hyper nurbs, and by using Drag and Drop we will place our null objects inside of them. Here is what it looks like at the moment. Pay attention to the top right section of the screenshot, this is what it should look like if you&#8217;ve done the previous step correctly:</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/22.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/22.gif" alt="Hyper Nurbs" width="461" height="358" /></a></p>
<p>Shown on a black background renderred quickly:</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/23.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/23.gif" alt="cinema4d abstract render tutorial" width="461" height="358" /></a></p>
<p>Modify the left part of the render, (play with the settings of Bend / Curve / Bulge):</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/24.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/24.gif" alt="black background render" width="461" height="358" /></a></p>
<p>Now select all the hyper nurb object and group them (Alt+G):</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/25.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/25.gif" alt="Hyper nurbs object" width="461" height="358" /></a></p>
<p>Duplicate it twice and move these around, flip them, resize them, move them around untill you get something you like</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/26.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/26.gif" alt="duplicate the cinema4d render" width="461" height="358" /></a></p>
<p>Expand the render( open up the hyper nurbs and null objects) and modify the settings and places of your bend / curve / bulge in the bottom right corner:</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/27.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/27.gif" alt="expand the render" width="461" height="358" /></a></p>
<p>renderred quickly on a black background:</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/28.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/28.gif" alt="black background renderred" width="461" height="358" /></a></p>
<p>Now we are going to add some perspective, use the perspective and move tool to get into an angle that you like:</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/29.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/29.gif" alt="massive c4d render" width="461" height="358" /></a></p>
<p>The following step will add some depth into your render. Left click zoom in tool, and drag it to left while holding it:</p>
<p><img src="http://www.signaturestop.com/tutorials/cinema4drender/30.gif" alt="cinema4d zoom tool" width="80" height="32" /></p>
<p>This should change the depth in your view:</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/31.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/31.gif" alt="add depth to cinema4d render" width="461" height="358" /></a></p>
<p>Renderred on a black background:</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/32.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/32.gif" alt="cinema4d render tutorial" width="461" height="358" /></a></p>
<p>Play with perspective / angles a bit more</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/33.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/33.gif" alt="cinema4d depth" width="461" height="358" /></a></p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/34.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/34.gif" alt="cinema4d perspective tutorial" width="461" height="358" /></a></p>
<p>Our render is now ready, time to get started on material</p>
<p>Add a lumas to your material at color section and we modified it with these settings, you can do as you want.</p>
<p><img src="http://www.signaturestop.com/tutorials/cinema4drender/35.gif" alt="cinema4d material settings" width="450" height="450" /></p>
<p><img src="http://www.signaturestop.com/tutorials/cinema4drender/36.gif" alt="cinema4d material setting" width="450" height="450" /></p>
<p><img src="http://www.signaturestop.com/tutorials/cinema4drender/37.gif" alt="material editor" width="450" height="450" /></p>
<p><img src="http://www.signaturestop.com/tutorials/cinema4drender/38.gif" alt="cinema4d render material" width="450" height="450" /></p>
<p><img src="http://www.signaturestop.com/tutorials/cinema4drender/39.gif" alt="Anisotrophy" width="450" height="450" /></p>
<p>Check reflection and drag it back to 17%</p>
<p><img src="http://www.signaturestop.com/tutorials/cinema4drender/40.gif" alt="Material editor:" width="450" height="450" /></p>
<p>Modify the specular</p>
<p><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/41.gif" alt="Modify the specular" width="450" height="450" /></p>
<p>Add displacement</p>
<p><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/42.gif" alt="Add displacement" width="450" height="450" /></p>
<p>This is how it looks like with the material right now (and some lighting added which we will explain in the following step):</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/43.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/43.gif" alt="c4d lighting" width="461" height="358" /></a></p>
<p>Select lighting on your toolbar, and add Light. Don&#8217;t be afraid to add many different light locations. Check the top right area in this screenshot:</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/44.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/44.gif" alt="Add lighting" width="461" height="358" /></a></p>
<p>Now, modify the settings in the bottom right. Simply change the color settings, the type, brightness, and so forth. Use your own settings, try not to just copy ours:</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/45.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/45.gif" alt="cinema4d lighting tutorial" width="461" height="358" /></a></p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/46.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/46.gif" alt="cinema4d render coloring" width="461" height="358" /></a></p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/47.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/47.gif" alt="cinema4d lighting" width="461" height="358" /></a></p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/48.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/48.gif" alt="cinema4d lighting" width="461" height="358" /></a></p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/49.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/49.gif" alt="cinema4d render" width="461" height="358" /></a></p>
<p>We&#8217;re going to render our final image. Use your preferred settings. In case you don&#8217;t know how, select Render &gt; Render Settings:</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/50.gif" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/50.gif" alt="cinema4d render preview" width="461" height="358" /></a></p>
<p>To get a transparant background, you can save them as a Quicktime PNG and make sure you check the Alpha Channel checkbox!</p>
<p><img src="http://www.signaturestop.com/tutorials/cinema4drender/51.gif" alt="Alpha channels" width="468" height="305" /></p>
<p>The higher you set the Antialising, the longer the renderring will take:</p>
<p><img src="http://www.signaturestop.com/tutorials/cinema4drender/52.gif" alt="" width="468" height="305" /></p>
<p>Add several effects if you like:</p>
<p><img src="http://www.signaturestop.com/tutorials/cinema4drender/53.gif" alt="cinema4d render settings" width="468" height="305" /></p>
<p>Set your preferred size, we&#8217;ve set it to a generic 1280 x 1024 wallpaper:</p>
<p><img src="http://www.signaturestop.com/tutorials/cinema4drender/54.gif" alt="save to picture viewer" width="468" height="305" /></p>
<p>Now select Render &gt; Render to Picture Viewer ( CTRL + R), and if you&#8217;re satisfied (This step could take a while depending on the power of your computer), Save the image (File &gt; Save As&#8230;) and you&#8217;re done!</p>
<p><a href="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/234.png" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/cinema4drender/thumbnails/resultthumbnail.gif" alt="Cinema4d render tutorial" width="461" height="358" /></a></p>
<p>We hope you&#8217;ve enjoyed this tutorial, Premium Members can download the Cinema4d file in the Premium Member section along with extra tutorials, materials, PSD files and more!</p>
<p><a href="http://www.signaturestop.com/join"><img style="border:0" src="http://www.signaturestop.com/advertisement/downloadpsd.gif" alt="Join SignatureStop Premium" width="389" height="66" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.signaturestop.com/miscellaneous-tutorials/abstract-cinema4d-render-tutorial/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Creating or enhancing an explosion effect</title>
		<link>http://www.signaturestop.com/miscellaneous-tutorials/explosion/</link>
		<comments>http://www.signaturestop.com/miscellaneous-tutorials/explosion/#comments</comments>
		<pubDate>Tue, 17 Mar 2009 21:06:41 +0000</pubDate>
		<dc:creator>Base</dc:creator>
				<category><![CDATA[Miscellaneous Tutorials]]></category>
		<category><![CDATA[clone stamp tool]]></category>
		<category><![CDATA[enhance explosion]]></category>
		<category><![CDATA[explosion]]></category>
		<category><![CDATA[wallpaper]]></category>

		<guid isPermaLink="false">http://www.signaturestop.com/?p=423</guid>
		<description><![CDATA[Hey everyone, in this tutorial we will be trying to teach you how to create and enhance a massive explosion in a wallpaper, signature or whatever else you&#8217;re making. The tutorial is divided into a few sections, Creating and enhancing the Explosion Adding Lighting into the canvas Fixing / Removing errors or bad looking sections [...]]]></description>
			<content:encoded><![CDATA[<p>Hey everyone, in this tutorial we will be trying to teach you how to create and enhance a massive explosion in a wallpaper, signature or whatever else you&#8217;re making. The tutorial is divided into a few sections,</p>
<ul>
<li> Creating and enhancing the Explosion</li>
<li>Adding Lighting into the canvas</li>
<li>Fixing / Removing errors or bad looking sections<span id="more-423"></span></li>
</ul>
<p>We will start with a Resistance 2 wallpaper found on Gamewallpapers. I&#8217;ve added a few animated .GIF files to illustrate some steps.</p>
<p>Please do not copy or redistribute this tutorial whatsoever.</p>
<p>The outcome of this tutorial:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/result.jpg" alt="Photoshop Explosion Tutorial result" width="496" height="368" /></p>
<p>This is the wallpaper (resized to 65%) that we will be starting with. Notice how this wallpaper already has a bright light source:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a1start.gif" alt="start with a wallpaper" width="496" height="368" /></p>
<h1>Creating and enhancing an explosion:</h1>
<p>1. First, select your brush tool, and grab a soft brush. We&#8217;re going to use the orange color #F67228 to create the base of the explosion.</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a2brush.gif" alt="Pick a soft brush" width="254" height="305" /></p>
<p>2. Start brushing all around the area where you would like the explosion to happen. This looks best when it&#8217;s around a bright light source. Don&#8217;t worry if you brush over any of the characters on the foreground or other details, we will repair this later.</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a3orangebrushing.gif" alt="Dark orange brushing" width="496" height="368" /></p>
<p>3. Create a new Layer. Grab a lighter orange color, we used #FFC06E, to brush inside of the base explosion we&#8217;ve created in step 2. Make sure you brushing makes sense, brush outwards into the direction of the explosion.</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a4lighterbrush.gif" alt="Lighter orange brushing" width="496" height="368" /></p>
<p>4. Create another new layer. Now use a white brush with a smaller size to brush near the core of your explosion. Once again, brush outwards out of the explosion:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a5whitebrush.gif" alt="white brushing" width="496" height="368" /></p>
<p>5. create a new layer, grab a darker color orange, and brush a little at the end of the flames. The color we&#8217;ve used was #DE5B1F&#8221;</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a6darkorangebrush.gif" alt="dark orange brushing" width="496" height="368" /></p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a7darkorangebrush.gif" alt="More dark orange brushing" width="496" height="368" /></p>
<p>6. We&#8217;re going to blend these flames into eachother using the smudge tool and a chalk brush. I&#8217;ve used the default Photoshop brush set, so you should normallyhave these Chalk brushes. Select the Smudge Tool:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a8smudgetool.gif" alt="Select the smudge tool" width="171" height="100" /></p>
<p>Then click onto the brushes, and select a Chalk Brush (or atleast I believe it&#8217;s a chalk brush):</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a9chalkbrush.gif" alt="pick a chalk brush" width="254" height="305" /></p>
<p>7. Create a new layer, and Apply the image (Image &gt; Apply Image). Now, start smudging the canvas to create an exploding effect. Try using the directions of an explosion like I&#8217;ve done:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a10smudgedirections.jpg" alt="smudge directions" width="496" height="368" /></p>
<p>Our result of the smudging (don&#8217;t worry if you still see all of the brushing at this point, we&#8217;re going to fix this in the following steps):</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a11smudgeresult.jpg" alt="Smudging the explosion" width="496" height="368" /></p>
<p>8. Now grab the Clone Stamp Tool,</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a13clonestamptool.gif" alt="Clone stamp tool" width="217" height="72" /></p>
<p>and hold ALT to define a source point. Select a point in the center if your lightsource with some detail:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a12altclick.gif" alt="clone stamp tool alt click" width="496" height="368" /></p>
<p>9. Now start tapping a few times on top of the flames. Define a new source point every so often to create some different detail:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a14startbrushing.gif" alt="start brushing with the clone stamp tool" width="496" height="368" /></p>
<p>The outcome of our clone stamp tooling at this point:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a15clonestamptooling.gif" alt="Clone stamp tool" width="496" height="368" /></p>
<p>10. Grab the Smudge tool again with the same Chalk brush, and start smudging into the flames:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a8smudgetool.gif" alt="Select the smudge tool" width="171" height="100" /></p>
<p>our outcome:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a16smudgeclones.jpg" alt="Smudge clone stamp tool" width="496" height="368" /></p>
<p>11. Now, make a new layer, and apply the image (Image &gt; Apply Image). Set this layers blending mode to Multiply, and reduce the opacity to reduce its strength slightly. We&#8217;ve set it to 54%:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a17multiply.gif" alt="" width="268" height="293" /></p>
<p>Outcome of setting the layer to multiply:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a18result.gif" alt="" width="496" height="368" /></p>
<p>12. We&#8217;re going to use Layer Masks to only show a small section of the Multiply layer (If you want a more detailed explanation on layer masks, check out <a href="http://www.signaturestop.com/miscellaneous-tutorials/depth-photoshop-signature-tutorial/" target="_blank">this tutorial</a>). While you have the multiply layer selected, go to Layer &gt; Layer Mask &gt; and select Hide All.</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a19layermask.gif" alt="" width="354" height="358" /></p>
<p>13. Click on th elayer mask in your layer panel, and use a white brush to brush slightly into the explosion. This will reveal the layer we&#8217;ve just hidden:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a20layermask.gif" alt="" width="266" height="291" /></p>
<p>Shown below is the selection of the parts where we&#8217;ve brushed to enhance the explosions color:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a21sectionsbrushedwhite.gif" alt="" width="496" height="368" /></p>
<p>14. We&#8217;re going to fix the section inside the explosion which looks kind of odd at this point. Smudging this a little will fix this. Here&#8217;s an animation to illustrate what we&#8217;ve changed:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a22animationburn.gif" alt="" width="496" height="368" /></p>
<p>15. Time to fix the characters on the foreground that we&#8217;ve brushed over. Duplicate the original image ( Right Click &gt; Duplicate Layer) and move this on top:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a23moveuptop.gif" alt="" width="267" height="409" /></p>
<p>16. Now create another layer mask like we did in step 12, and hide everything. Then with a small white brush, brush into the section that you would like to repair. Below is an image showing the selection of the area that we fixed:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a24layermaskbrushing.gif" alt="layer mask brushing" width="496" height="368" /></p>
<p>Result of the characters on the foreground fixed:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a25fixedcharacters.jpg" alt="fixing the characters" width="496" height="368" /></p>
<h1>Adding Lighting</h1>
<p>17. We will be adding extra lighting to enhance the realistic feel. Zoom in, and grab a small white brush. Brush slightly across the edges of our characters where lighting would seem logical:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a26lighting.jpg" alt="adding lighting" width="496" height="368" /></p>
<p>18. Now set this layers blending mode to Soft Light or Overlay depending on how strong you want the lighting to be. Reduce the opacity a little if it looks too strong. We&#8217;ve kept the opacity at 100% and used blending mode Overlay:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a27fixedlightingsoftlight.jpg" alt="changing the blending mode" width="496" height="368" /></p>
<p>19. We&#8217;re going to blur the outlines of the explosion. Create a new layer, and apply the image (Image &gt; Apply Image) and go to Filter &gt; Blur &gt; Motion Blur, and set the angle to 0. Set the distance to about 15 to 25. Our settings:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a28motionblur.gif" alt="motion blur" width="322" height="383" /></p>
<p>Result of this motion blur:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a29blurresult.jpg" alt="result explosion" width="496" height="368" /></p>
<p>20. Now add a layer mask (Layer &gt; Layer Mask &gt; Hide All), and brush a little around the edges of our flames to unhide some of the blurred parts.</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/a30layermaskblur.gif" alt="layer mask the explosion" width="273" height="217" /></p>
<p>The result of our motion blur layer:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/31blurringresult.jpg" alt="result of the blurring" width="496" height="368" /></p>
<p>21. Grab a large brush, and brush with a dark color around our focal point. This is to add some extra lighting around the explosion:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/32blackbrushing.gif" alt="brush with a dark color" width="496" height="368" /></p>
<p>22. Set this layers Opacity to about 30%, our result after fixing the lighting:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/33reducedopacity.gif" alt="reduce the opacity" width="496" height="368" /></p>
<h1>Fixing / Removing details</h1>
<p>We&#8217;re going to remove the character near the explosion, because it just doesn&#8217;t make sense for him to be there. Here&#8217;s an animation to illustrate what we&#8217;re going to do be doing in the following steps:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/34removingcharacter.gif" alt="removing a character" width="496" height="368" /></p>
<p>23. Zoom into the canvas, and hold alt to define a point. Then, start brushing over the character:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/35clonestamp.gif" alt="Clone Stamp Tool" width="496" height="368" /></p>
<p>Keep brushing and defining new areas to brush trough.</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/36removing.gif" alt="Removing the Character" width="496" height="368" /></p>
<p>After removing the character from the canvas, it looks kind of odd.</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/37removed.gif" alt="Character Removed" width="496" height="368" /></p>
<p>24. Brush a little on top of the fire and in the air, and smudge it slightly to fix the background:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/38fixing.gif" alt="Fixing the background" width="496" height="368" /></p>
<h1>Finnishing Touches</h1>
<p>25. We&#8217;re going to add the final finnishing touches. Brush over areas with a soft white brush, and set its blending mode to Overlay. You can reduce the opacity a little if it appears too strong.</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/39brushwhite.gif" alt="Brushing with White" width="496" height="368" /></p>
<p>The result after changing the blending mode an opacity:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/40lighting.jpg" alt="Adding Lighting" width="496" height="368" /></p>
<p>26. Apply the image on a new layer, and sharpen either with the sharpen tool, or Filter &gt; Sharpen &gt; Sharpen. This gives us our final result:</p>
<p><img src="http://www.signaturestop.com/tutorials/explosions/result.jpg" alt="Photoshop Explosion Tutorial result" width="496" height="368" /></p>
<p>We hope you&#8217;ve enjoyed this tutorial. Premium members will be able to download the PSD of this file and the stock in the premium member section. Enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.signaturestop.com/miscellaneous-tutorials/explosion/feed/</wfw:commentRss>
		<slash:comments>28</slash:comments>
		</item>
		<item>
		<title>Large sprite piece photoshop tutorial</title>
		<link>http://www.signaturestop.com/miscellaneous-tutorials/large-sprite-piece-photoshop-tutorial/</link>
		<comments>http://www.signaturestop.com/miscellaneous-tutorials/large-sprite-piece-photoshop-tutorial/#comments</comments>
		<pubDate>Sun, 22 Feb 2009 15:14:41 +0000</pubDate>
		<dc:creator>Base</dc:creator>
				<category><![CDATA[Large Piece Tutorials]]></category>
		<category><![CDATA[Miscellaneous Tutorials]]></category>
		<category><![CDATA[large piece]]></category>
		<category><![CDATA[LP]]></category>
		<category><![CDATA[sprite]]></category>

		<guid isPermaLink="false">http://www.signaturestop.com/?p=333</guid>
		<description><![CDATA[Welcome everyone to this large piece tutorial. For the sake of bandwidth and for everyone to have this tutorial load up faster, we&#8217;ve decided to use an image sized 400 by 400. Obviously, you can use whatever size you like to make a wallpaper. Generally, wallpapers are 1024 by 768 pixels. However if you would [...]]]></description>
			<content:encoded><![CDATA[<p>Welcome everyone to this large piece tutorial. For the sake of bandwidth and for everyone to have this tutorial load up faster, we&#8217;ve decided to use an image sized 400 by 400. Obviously, you can use whatever size you like to make a wallpaper. Generally, wallpapers are 1024 by 768 pixels. However if you would like to create it for higher resolutions, you can try 1280 by 1024 pixels. The bigger your image, the more work it will be though!</p>
<p><span id="more-333"></span></p>
<p>About the author: thanks a lot to Michael over at sp-renders for providing the original tutorial, we will be updating this site with several more tutorials originally written by MichaÃ«l, sliced out and optimized by Base from SignatureStop. One note about the images, for everyones viewing pleasure, the images have been saved as .gif files. This will distort the quality somewhat, however will have this tutorial load up much faster for everyone.</p>
<p>Right, lets start creating the wallpaper shall we. In this tutorial we will be making this (tiny) wallpaper:</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/resulta.jpg" alt="sprite large piece wallpaper tutorial" width="402" height="402" /></p>
<p>1. Right, start with a new file. Like I said in the introduction, if you want to make a wallpaper, pick your size. For the purpose of this tutorial we picked 400 by 400.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/1a.gif" alt="new file" width="525" height="272" /></p>
<p>2. Grab your Paint Bucket Tool, and fill this background with a lightish black color, we picked #0F0F0F.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/2a.gif" alt="bucket tool" width="402" height="366" /></p>
<p>3. We have to find a nice Cinema4D render. You can find plenty of free and good looking renders at our <a href="http://www.signaturestop.com/resources">resources</a> section. Paste the render on your image, and change its blending mode to screen. Move it into a good position:</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/3a.gif" alt="c4d render wallpaper" width="402" height="366" /></p>
<p>You can set the blending mode to screen by going to your Layer pallette and selecting Screen from the dropdown menu.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/blendingmodea.gif" alt="blending mode" width="249" height="103" /></p>
<p>4. To enhance the colors and effect, duplicate the layer (either by pressing CTRL + J, or by going to Layer &gt; Duplicate Layer&#8230;). Remember the blending mode has to be set on screen.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/4a.gif" alt="c4d render wallpaper" width="402" height="366" /></p>
<p>5. Duplicate the layer again, and move it around to fill your canvas a bit more. Remove parts that you don&#8217;t like with your eraser until what you see looks good.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/5a.gif" alt="wallpaper tutorial" width="402" height="366" /></p>
<p>6. Duplicate this layer again to enhance the colors and effect. Do not move this layer.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/6a.gif" alt="c4d render wallpaper" width="402" height="366" /></p>
<p>7. Grab another bubbly Cinema4D render and put it into place. You can use different colors, however you should try to keep the general color scheme somewhat the same. Change its blending mode to screen again.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/7.gif" alt="c4d render wallpaper" width="402" height="366" /></p>
<p>8. We&#8217;re going to repeat the previous steps a few times, untill you get a nice and colorful canvas. Remember to set the layer to screen, duplicate it to enhance the colors and effects, and move and erase it around until you are satisfied.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/8.gif" alt="c4d render wallpaper" width="402" height="366" /></p>
<p>our canvas after duplicating the effect a few times:</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/9.gif" alt="c4d render wallpaper" width="402" height="366" /></p>
<p>9. We&#8217;re now going to smudge our background into a good looking canvas. Make a new layer, and go to Image &gt; Apply Image. This will combine all of our previous layers onto one new layer. Pick your smudging tool, and grab a soft rounded brush (around 30 pixels in size). We have to set a specific smudge setting to our brush. we can do this by clicking on the Brush Preset button found in the top right corner of your toolbar:</p>
<p>The smudge tool:</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/smudgetool.gif" alt="smudge tool" width="51" height="138" /></p>
<p>Brush settings:</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/brushsettings.gif" alt="brush settings" width="106" height="68" /></p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/10.gif" alt="splatter brush styles" width="363" height="443" /></p>
<p>10. Smudging can be a little difficult at first. To make your canvas look good, try making circular movements. Do not overdo this effect, and do not rush this. If you rush the smudging, your canvas will look a bit messy and will not look to good.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/11.gif" alt="smudging wallpaper" width="402" height="366" /></p>
<p>11. Now we have to find a sprite (or render) for our wallpaper. The best sprites for these colourfull wallpapers are the ones that have some sort of action into it. Like the one we picked, he&#8217;s performing some sort of kick or jump, whatever he&#8217;s trying to do, it&#8217;s as if he&#8217;s moving. We can enhance this effect later for a good looking result.</p>
<p>Paste your sprite onto a new layer, close to the middle or wherever you want your focal point to be.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/12.gif" alt="sprite wallpaper" width="402" height="366" /></p>
<p>12. We&#8217;re going to smudge some more. Make a new layer, Image &gt; Apply Image&#8230; and start smudging with your smudge tool. Erase smudging that overlaps your sprite with the eraser tool for now, we&#8217;re going to blend in our sprite in a later step.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/smudgetool.gif" alt="smudge tool" width="51" height="138" /></p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/13.gif" alt="smudging the wallpaper" width="402" height="366" /></p>
<p>13. While smudging, try creating a good looking focal point, and maintain the lighting in that spot. We&#8217;ve picked the spot just above our sprite:</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/14.gif" alt="wallpaper lighting" width="402" height="366" /></p>
<p>14. Add in another bubbly Cinema4D render, and set its blending mode to screen. Move this into position near the focal. If you place it below, you will get too many focals and people will not know where to look at initially.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/15.gif" alt="c4d render wallpaper" width="402" height="366" /></p>
<p>15. Take out your eraser tool, and reduce the opacity to about 40%. We&#8217;re going to blend our character into our background by erasing parts of the sprite. Lower the opacity of the eraser if you&#8217;re erasing too much of your render at once.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/17.gif" alt="brush settings" width="457" height="34" /></p>
<p>16. Grab your smudge tool out, and smudge a bit of your Cinema4D bubbles. Keep smudging untill your background starts to look good. Erase any unwanted parts, and smudge some more.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/18.gif" alt="brushing wallpaper" width="402" height="366" /></p>
<p>Our result after smudging some more, this image is saved in a bit higher quality t osee what ours looks like now:</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/higherqual1.jpg" alt="large piece tutorial" width="402" height="402" /></p>
<p>17. Make a new layer, and once again go to Image &gt; Apply Image&#8230; we&#8217;re going to apply a sharpen effect. Go to Filter &gt; Sharpen &gt; Sharpen, and repeat this several times untill you get an oversharpenned layer.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/20.gif" alt="sharpened large piece" width="402" height="366" /></p>
<p>18. Set this layers blending mode to Lighten, and reduce the opacity to about 25%.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/21.gif" alt="layer settings" width="402" height="366" /></p>
<p>19. We&#8217;re going to add some lighting onto our sprite. Create a new layer, and take out your Brush tool. Select a soft round brush, and set your foreground color to a random color that matches your color scheme (use your eyedropper tool to select a lightish color).</p>
<p>Softly tap your brush around your sprite, and set the layers blending mode to Linear Dodge. In the box next to it you can see what it looks like when set to normal to get an idea of how to tap around your sprite.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/22.gif" alt="lighting the large piece" width="430" height="402" /></p>
<p>20. Apply the image on a new layer (Image &gt; Apply Image&#8230;). Get the sharpen tool, and use a soft rounded brush to sharpen the sprite up a bit. Reduce the opacity of this applied layer afterwards to about 30 to 40%, to have it fade in better with the rest of your image.</p>
<p>sharpening tool:</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/sharpentool.gif" alt="sharpen tool" width="42" height="85" /></p>
<p>sharpened sprite with reduced opacity:</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/23.gif" alt="sharpening large piece" width="440" height="402" /></p>
<p>21. We&#8217;re going to smudge our background some more, apply the image on a new layer and smudge the background a bit. avoid smudging around our sprite for now, focus on the background.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/24.gif" alt="smudging the large piece" width="402" height="366" /></p>
<p>22. We can start adding some hints of lighting and detail now. Simply create a new layer and select your brush tool. Load a soft round brush and set your foreground color to a light color in your canvas. You can use your eyedropper tool to get a nice color. Softly tap your brush in places where you would like to add some detail. Change the blending mode to overlay afterwards, and reduce the opacity between 20 to 30%</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/25.gif" alt="brushing the large piece" width="429" height="402" /></p>
<p>23. Apply the image on a new layer (Image &gt; Apply Image&#8230;). Go to Filter &gt; Render &gt; Lighting Effects, and play aroudn a bit with the settings until you&#8217;re pleased and then hit ok. We&#8217;ve used these settings:</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/26.gif" alt="lighting effects" width="503" height="348" /></p>
<p>Erase spots that came on too strong with your eraser tool.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/27.gif" alt="erasing lighting" width="402" height="366" /></p>
<p>24. We&#8217;re going to add Gradient Maps. These are adjustment layers that can color your canvas. You can either create these by going to Layer &gt; New Adjustment Layer &gt; Gradient Map, or selecting the black/white circle on your layer palette:</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/28.gif" alt="adjustment layers" width="181" height="290" /></p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/29.gif" alt="gradient map" width="401" height="170" /></p>
<p>Set this layers blending mode to screen, and reduce its opacity to about 45 to 55%:</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/30.gif" alt="result gradient map" width="402" height="366" /></p>
<p>25. We&#8217;re going to add another gradient map. Once again select your blue/white circle, or go to Layer &gt; New Adjustment Layer &gt; Gradient map, and select this gradient:</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/31.gif" alt="gradient map two" width="403" height="170" /></p>
<p>Set the layers blending mode to Multiply, and reduce the opacity to 50%</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/32.gif" alt="result dark gradient map" width="402" height="366" /></p>
<p>26. We&#8217;re going to smudge the background some more, however we need to make sure we follow our lighting and flow. Apply the image on a new layer (Image &gt; Apply Image&#8230;) and grab your smudge tool:</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/33.gif" alt="smudging large piece" width="402" height="366" /></p>
<p>27. Apply the image on a new layer, and go to Filter &gt; Blur &gt; Gaussian Blur, and use about 2.5 radius to blur this.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/34.gif" alt="blurring large piece" width="402" height="366" /></p>
<p>28. Set the blurred layers blending mode to screen, and reduce the opacity to 50%. Set the fill of the layer to 80%</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/blendingmode2.gif" alt="blending mode" width="248" height="92" /></p>
<p>result of the blending mode change:</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/35.gif" alt="blending mode" width="402" height="366" /></p>
<p>29. Duplicate this layer, and change its blending mode to soft light. This time however, set the opacity to 20% and leave the fill at 80%:</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/36.gif" alt="blending mode lowered" width="402" height="366" /></p>
<p>30. We have to add some more brushing around our sprite. Grab your brush, and on a new layer, use a soft color to tap on your image. Change the blending mode to color dodge to have it blend in.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/higherqual2.jpg" alt="wallpaper tutorial high quality" width="429" height="417" /></p>
<p>31. We&#8217;re going to add two more adjustment layers. First, a color balance layer. Only the midtones were changed. Go to Layer &gt; New Adjustment Layer &gt; Color Balance&#8230;, and select these settings:</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/38.gif" alt="color balance" width="432" height="215" /></p>
<p>Leave the blending mode and opacity as they are unless it looks really bad, however try not to reduce the opacity too much.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/39.gif" alt="color balance applied" width="402" height="366" /></p>
<p>31. Add a curves layer, Layer &gt; New Adjustment Layer &gt; Curves&#8230;, and toy around with the settings until you&#8217;re pleased with the adjustment layer.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/40.gif" alt="curves adjustment layer" width="342" height="333" /></p>
<p>Don&#8217;t change this adjustment layers blending mode or opacity either.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/41.gif" alt="result curves adjustment" width="402" height="366" /></p>
<p>32. Apply the image on a new layer, and go to Image &gt; Adjustments &gt; Hue/Saturation&#8230; or simply press CTRL + U to open up the adjustment window. Lower the lightness a little to make it look a bit darker.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/42.gif" alt="hue saturation change" width="402" height="366" /></p>
<p>33. We have to add a little more detail into the background, add in a Cinema4D render and set its blending mode to screen. Move it somewhere nice where it follows the flow of your coloring, and possibly interacts with your sprite (like the kick of our sprite in this piece). If needed, erase parts that cover the sprite.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/43.gif" alt="cinema4d render added" width="402" height="366" /></p>
<p>34. Apply the image on a new layer, and grab your smudge tool. Use the same brush settings we used before, and smudge some of your piece again. We smudged some of our newly added Cinema4D render.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/44.gif" alt="cinema 4d render" width="402" height="366" /></p>
<p>35. Duplicate this layer, and set its blending mode to lighten to brighten it up.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/45.gif" alt="smudging" width="402" height="366" /></p>
<p>36. Enhance some of the lighting that we&#8217;ve created in our wallpaper. Create a new layer, grab your brush tool and select a soft rounded brush. Set your foreground color to a pinkish color, and brush over our lighting and change the blending mode to screen:</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/higherqual3.jpg" alt="wallpaper tutorial high quality" width="437" height="402" /></p>
<p>37. Add in another gradient map, either by selection the black/white circle on our layer palette, or by going to Layer &gt; New Adjustment Layer &gt; Gradient Map&#8230; and select the black to white gradient.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/31.gif" alt="gradient map tutorial" width="403" height="170" /></p>
<p>38. Change the blending mode to multiply, and lower the opacity to 15 to 20%.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/48.gif" alt="large piece tutorial" width="402" height="366" /></p>
<p>39. We&#8217;re going to lighten up our focus a bit. Create a new layer, and load your brush tool. Select a soft rounded brush and set your foreground color to a nice pinkish coor. Brush over your sprite, and then change the layers blending mode to lighten. Lower its opacity to 10%.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/49.gif" alt="brushing wallpaper" width="402" height="366" /></p>
<p>40. In this step we&#8217;re going to add some more detail. Make a new layer, and go to Image &gt; Apply Image. Set this new layer to Dissolve. Lower the opacity to 1 or 2%, and you&#8217;ll have your canvas filled with spreckles. Move them around, and erase parts that you dont like. Create some detail around your spreite.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/50.gif" alt="blend mode dissolve" width="402" height="402" /></p>
<p>41. Because our sprite got blended in a bit too much, we&#8217;re going to load our sprite again. Duplicate your sprite and place it on top of your layers. Press CTRL + U (or Image &gt; Adjustments &gt; Hue/Saturation&#8230;) reduce the lightness to -100, all the way black.</p>
<p>Set this layer to soft light, and lower the opacity to 20%. This will make our layer stand out a bit more, yet keep it blended in.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/51.gif" alt="sprite wallpaper" width="446" height="402" /></p>
<p>42. We&#8217;re going to finnish our canvas up with a levels layer. Go to Image &gt; New Adjustment Layer &gt; Levels&#8230; and play around with the settings untill you get a nice looking result.</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/52.gif" alt="levels adjustment layer" width="394" height="272" /></p>
<p>Final result of our tutorial:</p>
<p><img src="http://www.signaturestop.com/tutorials/spritepiece/resulta.jpg" alt="sprite large piece wallpaper tutorial" width="402" height="402" /></p>
<p>We hope that you&#8217;ve enjoyed this tutorial. Feel free to post question, comments and suggestions into our comments. Once again, thanks a lot to <a rel="nofollow" href="http://www.sp-renders.net" target="_blank">MichaÃ«l</a> over at sp-renders for his great work!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.signaturestop.com/miscellaneous-tutorials/large-sprite-piece-photoshop-tutorial/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Cinema4d Render tutorial</title>
		<link>http://www.signaturestop.com/miscellaneous-tutorials/cinema4d-render-tutorial/</link>
		<comments>http://www.signaturestop.com/miscellaneous-tutorials/cinema4d-render-tutorial/#comments</comments>
		<pubDate>Wed, 11 Feb 2009 10:51:09 +0000</pubDate>
		<dc:creator>Base</dc:creator>
				<category><![CDATA[Miscellaneous Tutorials]]></category>
		<category><![CDATA[cinema4d]]></category>
		<category><![CDATA[cinema4d tutorial]]></category>
		<category><![CDATA[render]]></category>
		<category><![CDATA[render tutorial]]></category>

		<guid isPermaLink="false">http://www.signaturestop.com/?p=322</guid>
		<description><![CDATA[In this Cinema4D beginner tutorial I will teach you how to create a cool looking render effect for your tags or other types of art. We will be Loft Nurbs and the Freehand spline tool to create the render, and I&#8217;ll provide a good looking material to use. You can also find some good materials [...]]]></description>
			<content:encoded><![CDATA[<p>In this Cinema4D beginner tutorial I will teach you how to create a cool looking render effect for your tags or other types of art. We will be Loft Nurbs and the Freehand spline tool to create the render, and I&#8217;ll provide a good looking material to use. You can also find some good materials in our Resources section. Lets get started, here&#8217;s what we&#8217;re going to make in this tutorial:</p>
<p><span id="more-322"></span></p>
<p><a href="http://www.signaturestop.com/tutorials/c4drender/result.jpg"><img src="http://www.signaturestop.com/tutorials/c4drender/thumbresult.gif" border="0" alt="result cinema4d render thumbnail" width="400" height="200" /></a></p>
<p>1. First, open up Cinema4D. You&#8217;ll see the standard screen. To get a better view of our area, hit F5 to view 4 different camera angles:</p>
<p><a href="http://www.signaturestop.com/tutorials/c4drender/1allcameras.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/c4drender/1thumb.gif" border="0" alt="camera angles thumbnail" width="400" height="200" /></a></p>
<p>2. Now, select the Freehand Spline tool, and randomly create some lines in different camera angle windows. My result after using the freeform spline tool (note the objects window on the right that says Spline 3 times, which means that I&#8217;ve made 3 different splines):</p>
<p><img src="http://www.signaturestop.com/tutorials/c4drender/2freehandtool.gif" alt="freehand spline tool" width="461" height="138" /></p>
<p><a href="http://www.signaturestop.com/tutorials/c4drender/3randomdrawing.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/c4drender/3thumb.gif" border="0" alt="random splines thumbnail" width="400" height="200" /></a></p>
<p><a href="http://www.signaturestop.com/tutorials/c4drender/4perspectiveview.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/c4drender/4thumb.gif" border="0" alt="perspective view spline" width="400" height="200" /></a></p>
<p>3. Now create a Loft nurb, and drag all 3 spines into the loft nurb by selecting the spines and dragging them under the loft nurb in the objects window. See screenshot below:</p>
<p><img src="http://www.signaturestop.com/tutorials/c4drender/5draganddrop.gif" alt="drag and drop splines" width="235" height="230" /></p>
<p><img src="http://www.signaturestop.com/tutorials/c4drender/5bafterwards.gif" alt="loft NURBS" width="235" height="230" /></p>
<p><a href="http://www.signaturestop.com/tutorials/c4drender/6renderresult.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/c4drender/6thumb.gif" border="0" alt="cinema4d render" width="400" height="200" /></a></p>
<p>4. If you&#8217;re not happy with its current angle, click on the rotate tool in the toolbar above like shown in the screenshot, and twist and turn until you&#8217;re satisfied. My result after turning it around:</p>
<p>The rotate tool:</p>
<p><img src="http://www.signaturestop.com/tutorials/c4drender/7rotatetool.gif" alt="rotate tool" width="245" height="95" /></p>
<p>After rotating my render:</p>
<p><a href="http://www.signaturestop.com/tutorials/c4drender/8rotating.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/c4drender/8thumb.gif" border="0" alt="render rotated" width="400" height="200" /></a></p>
<p>5. Now you have to add a material. This is a very important step, good materials will make this piece look good. You can find some great materials in our <a href="http://www.signaturestop.com/resources/miscellaneous/" target="_blank">Miscellaneous Resources section</a>. In this case, I added BaceMaterial 1. You can leave its settings the way I made it, or you can modify it the way you like.</p>
<p>To load a material, press CTRL + SHIFT + O. Drag and drop the material onto the loft Nurbs like shown in the picture. Your render should change color when you add the material like shown in the picture:</p>
<p><a href="http://www.signaturestop.com/tutorials/c4drender/9draganddrop.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/c4drender/9thumb.gif" border="0" alt="drag and drop thumb" width="400" height="200" /></a></p>
<p>6. Create a Twist object, and change its angle in the bottom right color like shown in the picture. Try to get a view that you like. Remember to change camera angles too if you need a better view. Drag and drop the twist object under your Loft NURBS. My result:</p>
<p><img src="http://www.signaturestop.com/tutorials/c4drender/10atwistobject.gif" alt="twist object" width="270" height="238" /></p>
<p>Drag this underneath the Loft NURBS</p>
<p><img src="http://www.signaturestop.com/tutorials/c4drender/10btwisted.gif" alt="cinema4d twist object" width="260" height="227" /></p>
<p>Change the Twist Objects angle in the bottom right corner:</p>
<p><img src="http://www.signaturestop.com/tutorials/c4drender/10cangle.gif" alt="change angle" width="335" height="168" /></p>
<p>7. Select your Loft NURB, and copy + paste it. (CTRL C + CTRL V). Rotate this layer by pressing the rotate button, and move it around a bit by pressing the Move button in the toolbar. Drag one of the arrows. Place these renders the way you like them. My result:</p>
<p><img src="http://www.signaturestop.com/tutorials/c4drender/11movetool.gif" alt="cinema4d move tool" width="246" height="110" /></p>
<p><a href="http://www.signaturestop.com/tutorials/c4drender/12copiedandtwisted.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/c4drender/12thumb.gif" border="0" alt="copied and twisted" width="400" height="200" /></a></p>
<p>8. You can apply a bend or twist again if your copied Loft NURB looks too much like the other one. Remember to turn and twist it around. Try to create some flow, which I failed to do in this piece:</p>
<p><a href="http://www.signaturestop.com/tutorials/c4drender/13twistedmore.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/c4drender/13thumb.gif" border="0" alt="rotating render" width="400" height="200" /></a></p>
<p>9. Keep moving it around until you see what you like. Now add a few light sources if you like, play around with the light areas. I placed some underneath my piece. You can hit F5 again to get a better view of the light sources:</p>
<p><img src="http://www.signaturestop.com/tutorials/c4drender/14addlightsource.gif" alt="add light source" width="278" height="160" /></p>
<p>After pressing F5 to view different perspective (Stars shown are light sources)</p>
<p><a href="http://www.signaturestop.com/tutorials/c4drender/15lightsourcesview.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/c4drender/15thumb.gif" border="0" alt="light sources" width="400" height="200" /></a></p>
<p>10. Render the image, and you&#8217;re done! Optionally, you can add some more random splines into your piece to create some more items. My result (image downsized, original size is a lot bigger. You can find this one in our resources section very soon):</p>
<p>Here&#8217;s my model before renderring:</p>
<p><a href="http://www.signaturestop.com/tutorials/c4drender/16beforerender.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/c4drender/16thumb.gif" border="0" alt="before renderring" width="400" height="200" /></a></p>
<p>Result Downsized with different lighting settings:</p>
<p><a href="http://www.signaturestop.com/tutorials/c4drender/result.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/c4drender/thumbresult.gif" border="0" alt="result render thumbnail" width="400" height="200" /></a></p>
<p>If you would like to have a transparant background behind your Cinema4D piece, you have to change the render settings. We will post a tutorial on how to do this very soon, so be sure to come back soon!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.signaturestop.com/miscellaneous-tutorials/cinema4d-render-tutorial/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Depth Photoshop Signature Tutorial</title>
		<link>http://www.signaturestop.com/miscellaneous-tutorials/depth-photoshop-signature-tutorial/</link>
		<comments>http://www.signaturestop.com/miscellaneous-tutorials/depth-photoshop-signature-tutorial/#comments</comments>
		<pubDate>Sun, 25 Jan 2009 13:59:00 +0000</pubDate>
		<dc:creator>Base</dc:creator>
				<category><![CDATA[Miscellaneous Tutorials]]></category>
		<category><![CDATA[depth]]></category>
		<category><![CDATA[wallpaper]]></category>

		<guid isPermaLink="false">http://www.signaturestop.com/?p=190</guid>
		<description><![CDATA[In this tutorial I will be explaining some great techniques to create Depth and how to optimize it for your signatures or other types of art, and how it can add a sense of reality to your work. I&#8217;m going to start with this wallpaper from gamewallpapers.com: Creating Depth with Layer Masks: The most common [...]]]></description>
			<content:encoded><![CDATA[<p>In this tutorial I will be explaining some great techniques to create Depth and how to optimize it for your signatures or other types of art, and how it can add a sense of reality to your work.</p>
<p>I&#8217;m going to start with this wallpaper from gamewallpapers.com:</p>
<p><span id="more-190"></span></p>
<p><img src="http://www.signaturestop.com/tutorials/depth/1.gif" alt="adding depth" width="373" height="248" /></p>
<h1>Creating Depth with Layer Masks:</h1>
<p>The most common and easy way to create depth is by blurring. There&#8217;s several ways you can do this. If for example we would like to focus on our main character in this wallpaper, these techniques can be used:</p>
<p>1. Layer Masks. Duplicate your wallpaper, and go to &#8220;Layer &gt; Layer Mask &gt; Reveal All&#8230;&#8221;. This will create a white image next to your layer on the layer window:</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/2.gif" alt="duplicating the layer" width="248" height="259" /></p>
<p>adding the layer mask:</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/3.gif" alt="layer mask" width="376" height="322" /></p>
<p>the layer mask shown at  our layer window:</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/layerpalet.gif" alt="layer window" width="248" height="259" /></p>
<p>2. Now we have to select our actual wallpaper instead of the layer mask, and blur this layer. To do this, click on your wallpaper in the layer window, and go to Filter &gt; Blur&#8230; Now there&#8217;s several blur options we can try. For this example, I&#8217;m going to use Gaussian Blur. The reason for this is because its the easiest effect to work with and makes the most sense for our wallpaper. Set your Gaussian Blur between 1.5 and 3 pixels depending on your wallpaper:</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/layerpicture.gif" alt="layer picture" width="248" height="259" /></p>
<p>Filter &gt; Blur &gt; Gaussian Blur&#8230; and pick your settings:</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/blursettings.gif" alt="gaussian blur settings" width="322" height="337" /></p>
<p>My result after blurring:</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/resultblurring.gif" alt="blurring result" width="373" height="248" /></p>
<p>3. Now we have to mask the background, but have our character stand out in the foreground. Select the layer mask in your layer window, and pick your brush. You will see that your brush will automaticly take on two colors, black and white. If you brush black on the layer mask, the layer will dissapear where you&#8217;ve brushed. For example, I will make a straight line in the middle:</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/layermask.gif" alt="layer mask" width="248" height="259" /></p>
<p>After brushing 2 black lines randomly  onto the canvas:</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/randombrushing.gif" alt="random brushing" width="373" height="248" /></p>
<p>You can see our blurred layer dissapear. We&#8217;re going to use this technique to show our character, but blur the background. If you&#8217;ve experimented with the layer mask, undo your moves, or otherwise select all and fill it with white.</p>
<p>4. Grab your brush, and select a hard round brush. With a black color, brush on top of your character</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/brushsettings.gif" alt="brush settings" width="264" height="311" /></p>
<p>Now remember, if you miss your characters outline and go over it, don&#8217;t worry about it. Just continue brushing. This is the advantage of using a layer mask over erasing, when you&#8217;re done you can simple grab a white brush and show parts that you&#8217;ve missed!</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/brushing1.gif" alt="blur brushing" width="373" height="248" /></p>
<p><img src="http://www.signaturestop.com/tutorials/depth/brushing2.gif" alt="blur brushing 2" width="373" height="248" /></p>
<p><img src="http://www.signaturestop.com/tutorials/depth/brushing3.gif" alt="blur brushing 3" width="373" height="248" /></p>
<p><img src="http://www.signaturestop.com/tutorials/depth/brushing4.gif" alt="blur brushing 4" width="373" height="248" /></p>
<p>5. As you can see, I now have the main outline of our character. However, this looks a bit sketchy and needs fixing. Zoom into areas where you&#8217;ve made mistakes, and brush with a white color:</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/zoomedin.gif" alt="zoom into the wallpaper" width="370" height="235" /></p>
<p>After brushing with a white brush:</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/zoomedinfixed.gif" alt="fixing the wallpaper" width="370" height="235" /></p>
<p>Some brushing tips to improve your result:</p>
<ul>
<li>When you&#8217;re brushing, make sure you don&#8217;t keep your mousebutton held in for too long. If you go over large areas without releasing your mouse button every so often and you make a mistake, you cannot undo your action (CTRL + Z) because the entire area you just brushed will be reset. Try releasing your mouse button now and then so you can reset every action or mistake you make.</li>
<li>Don&#8217;t worry if you&#8217;re not very accurate, most people won&#8217;t notice if you blur the edges a bit.</li>
<li>You can change the opacity of your brushing in the toolbar window on top if you&#8217;re having trouble with hair or other edges.</li>
<li>You can copy/paste your layer mask to see your brushing. To do this, simply press CTRL + A to select all, CTRL + C to copy, and CTRL + V to paste.</li>
</ul>
<p>My layer mask pasted onto a new layer before fixing. This is a good method to check spots that you&#8217;ve skipped or missed:</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/layermaskpasted.gif" alt="layer mask pasted" width="373" height="248" /></p>
<p>My result after fixing the edges:</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/wallpaperbrushed.jpg" alt="blurred wallpaper" width="373" height="248" /></p>
<p>Now as you can see, we created a focal point into our image by adding depth to the background. However we&#8217;re not done yet, we can add some more effects to it. Another method to add depth is to add different lighting:</p>
<h1>Adding Lighting to create depth:</h1>
<p>The best way to add depth with lighting onto your image is by using adjustment layers. The easiest way would be a Levels layer. Another advantage of using layer masks is that we can reuse it with our adjustment layer!</p>
<p>Possible result by using a levels layer:</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/levelslayer.jpg" alt="levels layer full quality" width="373" height="248" /></p>
<p>6. First, create a levels adjustment layer. You can do this by going to Layer &gt; New Adjustment Layer &gt; Levels&#8230; (or pressing the black and white circle on your layer window and selecting Levels). You will see another layer mask on the layer window next to the levels. We&#8217;re going to copy the one we used for the blurring on this new layer mask. Here&#8217;s how it goes:</p>
<p>When you&#8217;ve made a new levels layer, you will see this window appear. If you play around with its settings, the colors will change. I found that the best method to darken while maintaining color is to use the grey handle and move it to the right:</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/levelssettings.gif" alt="levels layer settings" width="263" height="410" /></p>
<p>You will see your entire canvas darken or lighten depending on the levels you&#8217;ve changed. Select the layer mask in your layer window. You can now either brush over the parts that you want to remain in the previous lighting, or you can copy/paste the layer mask we used with the bluring. CTRL + Click on the layer mask, press CTRL + SHIFT + I (or Selection &gt; Inverse Selection&#8230;) and fill this with black:</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/ctrlclick.gif" alt="control clicking the layer mask" width="257" height="212" /></p>
<p>Inverse the selection, and fill this section with black on your layer mask:</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/selection.gif" alt="selection" width="373" height="248" /></p>
<p><img src="http://www.signaturestop.com/tutorials/depth/selectionfilled.gif" alt="selection filled" width="373" height="248" /></p>
<p>our result:</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/levelslayer.jpg" alt="levels layer full quality" width="373" height="248" /></p>
<h1>Combining Lighting and Blurring</h1>
<p>These are just a few out of many techniques you can use to add depth. You can experiment by combining the previous two steps, adding the blurring and lighting together. Also try out different types of blurring, like Lens Blur, Motion Blur, Smart Blur, Radial Blur, Smart Blur, or many other filters. I added the two effects together into this image:</p>
<p><img src="http://www.signaturestop.com/tutorials/depth/finalresult.jpg" alt="final result" width="373" height="248" /></p>
<p>As you can see, we&#8217;ve really put this character into the spotlight! I hope you&#8217;ve enjoyed this tutorial. Feel free to comment or make any suggestions.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.signaturestop.com/miscellaneous-tutorials/depth-photoshop-signature-tutorial/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Text Panel Explained</title>
		<link>http://www.signaturestop.com/miscellaneous-tutorials/text-panel-explained/</link>
		<comments>http://www.signaturestop.com/miscellaneous-tutorials/text-panel-explained/#comments</comments>
		<pubDate>Sun, 25 Jan 2009 13:47:21 +0000</pubDate>
		<dc:creator>Base</dc:creator>
				<category><![CDATA[Miscellaneous Tutorials]]></category>
		<category><![CDATA[text panel]]></category>
		<category><![CDATA[text tutorial]]></category>

		<guid isPermaLink="false">http://www.signaturestop.com/?p=185</guid>
		<description><![CDATA[For a lot of people, placing text in their work is one of the hardest things. Often, the text looks out of place, distorting the flow, or making it look plain bad. The key to good text in your work is creativity. This doesn&#8217;t mean you have to use advanced techniques and fonts to succeed, [...]]]></description>
			<content:encoded><![CDATA[<p>For a lot of people, placing text in their work is one of the hardest things. Often, the text looks out of place, distorting the flow, or making it look plain bad. The key to good text in your work is creativity. This doesn&#8217;t mean you have to use advanced techniques and fonts to succeed, sometimes simple text with the right color placed in the right place will suffice. In this tutorial I will try teaching you some useful photoshop text options a lot of people dont know about.</p>
<p><span id="more-185"></span></p>
<p>First, write your text on your canvas with a random font. The font I used was Fontin, which can be found in the resources section.</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/1text.gif" alt="text tutorial" width="259" height="100" /></p>
<p>If you have your text tool selected (Press T), you will see the Character and Paragraphs Panel toggle button appear on your toolbar:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/2toggleproporties.gif" alt="toggle proporties" width="477" height="60" /></p>
<p>The following panel should appear:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/panelproporties.gif" alt="character panel proporties" width="214" height="214" /></p>
<p>I will explain the options in the panel that you can use to create effective text modifications. Please refer to this image:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/panelsettings.gif" alt="panel proporties" width="214" height="214" /></p>
<p>1. This one is kind of obvious, it sets the character size.<br />
2. This sets the line height of your text. The larger your font size, the higher the line height has to be. If for example we set our size to 20 and line height 18, the text will appear just fine.</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/lineheight.gif" alt="line height" width="259" height="100" /></p>
<p>However, if we change our text size back to 36 without changing the line height, the text will become cluttered:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/cluttered.gif" alt="cluttered line height" width="259" height="100" /></p>
<p>You can create nice text effects with the line height effect without having the hassle of creating tons of text layers. You can add inner strokes that complement eachother for example:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/textlineheight.gif" alt="inner stroke text" width="259" height="100" /></p>
<p>3. Kerning. With this method you can change the kerning between selected characters. In the following image I changed the kerning between every letter next to both of the capital S&#8217;s in the bottom text line:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/kerning.gif" alt="kerning" width="259" height="100" /></p>
<p>4. You can change the character tracking with this setting. This is my favourite character option, if you toy around with this setting, you can almost make it look like an entirely new font and make the letters connect to eachother like I&#8217;ve done in the following image:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/charactertacking.gif" alt="character tracking changed" width="259" height="100" /></p>
<p>The next 4 options in the character panel:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/charactersetting58.gif" alt="character panel" width="214" height="214" /></p>
<p>5. Vertically scale your text. Most of the time, this will not really look good on fonts if you change it, because the designer made it in a fixed size. If you find a font where it works however, you can create an original effect. Vertically styled:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/verticallystyle.gif" alt="vertically style" width="259" height="100" /></p>
<p>6. Horizontally scale your text. Pretty much the same as vertically, looks weird and messy:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/horizontallystyle.gif" alt="horizontally style" width="259" height="100" /></p>
<p>7. Setting a characters baseline shift. Changing this will put your text higher or lower:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/baselineshift.gif" alt="baseline shift" width="259" height="100" /></p>
<p>8. text color, should be pretty obvious, you can change a single characters color if you highlight it, or its entire color if you only select the text layer.</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/color.gif" alt="colorfull text" width="259" height="100" /></p>
<p>With all these methods combined, you can create good looking text with just a single layer. You won&#8217;t have the hassle of selecting individual layers if you want to move all of your text to a different section. The only downside to using just one layer, is that you cannot use different layer styles. Oh well. This is what I came up with after some experimenting (remember, this is just a single text layer):</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/resultmixing.gif" alt="result text" width="259" height="100" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.signaturestop.com/miscellaneous-tutorials/text-panel-explained/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

