<?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; Large Piece Tutorials</title>
	<atom:link href="http://www.signaturestop.com/category/large-piece-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>Retro Large Piece Tutorial</title>
		<link>http://www.signaturestop.com/large-piece-tutorials/retro-large-piece-tutorial/</link>
		<comments>http://www.signaturestop.com/large-piece-tutorials/retro-large-piece-tutorial/#comments</comments>
		<pubDate>Sun, 07 Nov 2010 20:04:23 +0000</pubDate>
		<dc:creator>Base</dc:creator>
				<category><![CDATA[Large Piece Tutorials]]></category>
		<category><![CDATA[large piece tutorial]]></category>
		<category><![CDATA[retro design]]></category>
		<category><![CDATA[wallpaper tutorial]]></category>

		<guid isPermaLink="false">http://www.signaturestop.com/?p=623</guid>
		<description><![CDATA[Hey everyone, it&#8217;s time for a new photoshop large piece tutorial. We&#8217;re going to create this wallpaper called Ideas of the Retro Mind, using some old retro pictures of newspapers, people, and so forth. We will be using some techniques like layer masks, pen tooling and layer adjustments. The Original piece can be found here, [...]]]></description>
			<content:encoded><![CDATA[<p>Hey everyone, it&#8217;s time for a new photoshop large piece tutorial. We&#8217;re going to create this wallpaper called Ideas of the Retro Mind, using some old retro pictures of newspapers, people, and so forth. We will be using some  techniques like layer masks, pen tooling and layer adjustments. The Original piece can be found <a href="http://spraynwipe.deviantart.com/art/Ideas-of-the-Retro-121075448" target="_blank">here</a>, including links to all of the retro stock images. Enjoy this tutorial, you can download the large piece PSD files in the <a href="http://www.signaturestop.com/premium" target="_blank">premium section</a>.<span id="more-623"></span>
</p>
<p>Outcome of the large piece tutorial:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/result.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/ideasoftheretromind.gif" alt="large piece tutorial" width="380" height="201" border="0" /></a></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>
<p>Create a new file (File &gt; New), and select your favourite settings. We&#8217;ve picked 800 pixels by 447 pixels:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/1newfile.png" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/1newfilethumb.gif" alt="Create a new Photoshop File" width="380" height="201" border="0" /></a></p>
<p>Add a background texture, we&#8217;ve picked this photo of a stoney and grassy texture (Try <a href="http://ro-stock.deviantart.com/" rel="nofollow" title="Deviantart" target="_blank">This DeviantArt </a>for stock photos for large pieces):</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/2add_background_texture.png" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/2backgroundtexturethumbnail.gif" alt="Add Background texture" width="380" height="201" border="0" /></a></p>
<p>Reduce the fill of this texture to 17%, you do this by setting it down on your layer panel which is in the bottom right corner of your screen by default:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/3reducefill.png" width="235" height="213" alt="Reduce the fill" /></p>
<p>By reducing the fill a lot, your background should be similar to this:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/3setfillto17.png" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/3setfillthumbnail.gif" alt="Reduce the fill" width="380" height="201" border="0" /></a></p>
<p>We&#8217;re going to use a picture of this old newspaper. We&#8217;re going to resize it, and flip it over vertically. First, grab an old retro picture (Download one of <a href="http://markopolio-stock.deviantart.com/gallery/#Papers" rel="nofollow" title="Stock Photos" target="_blank">these retro stock papers</a>), and paste it on your canvas:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/4addpaper.png" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/4thumbnail.gif" alt="add a retro picture" width="380" height="201" border="0" /></a></p>
<p>Then, select Edit &gt; Transform &gt; 90 degrees ClockWise or CounterClockWise:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/5rotate.png" width="434" height="241" alt="Edit Rotate" /></p>
<p>Now Flip it vertically, by selecting Edit &gt; Transform &gt; Flip Vertical:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/6flipvertical.png" width="410" height="280" alt="Flip Vertically" /></p>
<p>We&#8217;re going to chop a part out of the newspaper, make a selection with the rectangular marquee tool and press delete:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/7makeselection.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/7makeselectionthumb.gif" alt="Make a selection" width="380" height="201" border="0" /></a></p>
<p>Change the layers blending mode to Multiply in the layer panel, and reduce the fill a little bit:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/8settomultiply.gif" width="236" height="238" alt="Multiplay blending mode" />
</p>
<p>This is what our current large piece looks like:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/9resultwallpaper.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/9thumbnail.gif" alt="Large piece Photoshop" width="380" height="201" border="0" /></a></p>
<p>Now find a good looking render that you&#8217;d like to use, we&#8217;ve used the skeleton model that is going to be the center piece of our artwork. You can find skeleton stock pieces <a href="http://salsolastock.deviantart.com/gallery/#Objects" target="_blank" rel="nofollow">here</a>, or elsewhere on deviantart. Place it into your large piece, and resize it properly. You can do this by pressing CTRL + T.</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/10addskeleton.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/10skeletonthumb.gif" alt="add a retro stock" width="380" height="201" border="0" /></a></p>
<p>We&#8217;re going to put three skeletons on top of eachother, and change the color of each skeleton with the use of Color Overlay. First, select Layer &gt; Duplicate Layer:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/13duplicatelayer.gif" width="238" height="108" alt="Duplicate the layer" /></p>
<p>Then, select Color Overlay by pressing the fx button on your layer panel, or by going Layer &gt; Layer Style &gt; Color Overlay:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/11coloroverlay.gif" width="380" height="233" alt="Color Overlay settings" /></p>
<p>The following settings were used to give the skeleton a white color:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/12overlaysettings.gif" width="425" height="122" alt="Photoshop overlay settings" /></p>
<p>Outcome of the skeleton:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/whiteskeleton.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/whiteskeletonthumbnail.gif" alt="White retro skeleton" width="380" height="201" border="0" /></a></p>
<p>Duplicate this white skeleton layer:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/13duplicatelayer.gif" width="238" height="108" /></p>
<p>Go back to the color overlay, and change the white color to another bright color, we&#8217;ve used a greenish blue:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/14overlaysettings.gif" width="425" height="122" alt="Blue Overlay Settings" /></p>
<p>Now with the blue skeleton layer selected, tap the arrow keys on your keyboard. It&#8217;s up to you to pick a direction, we&#8217;ve set it 2 pixels down, and 2 pixels to the left:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/15skeleton.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/blueskeletonthumb.gif" alt="Blue retro skeleton" width="380" height="201" border="0" /></a></p>
<p>Place the original skeleton model on top (like shown below in the picture), and with the arrow keys once again move it a little to the same direction that you moved the blue skeleton to:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/coloroverlays.gif" width="354" height="270" alt="Layer Order" /></p>
<p>This is what the three skeleton layers now look like:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/16skeleton.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/retrolargepiece.gif" alt="retro skeleton" width="380" height="201" border="0" /></a></p>
<p>Duplicate the original skeleton layer (Layer &gt; Duplicate Layer):</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/13duplicatelayer.gif" width="238" height="108" alt="Duplicate the layer" /></p>
<p>Then Press CTRL + T (or select Edit &gt; Free Transform) to change its size, and rotate it forward a little bit:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/17duplicatetransform.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/duplicate_photoshop_largepiece.gif" alt="Duplicate the retro piece" width="380" height="201" border="0" /></a></p>
<p>This is the outcome after rotating the skeleton:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/18duplicated.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/rotatedthumb.gif" alt="result after rotating the render" width="380" height="201" border="0" /></a></p>
<p>We&#8217;re going to repeat the previous process, except we&#8217;re going to put the blue one at the bottom this time. Duplicate the skeletons, use the Color Overlay function, and nudge them a few pixels to the right and bottom:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/14overlaysettings.gif" width="425" height="122" alt="Blue Overlay Settings" /></p>
<p>White color overlay settings:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/12overlaysettings.gif" width="425" height="122" alt="Photoshop overlay settings" /></p>
<p>This is what your result should look like in the following order;</p>
<p>Blue Color Overlay:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/19lightblueoverlay.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/2ndblueskeletonthumb.gif" alt="color overlay instructions" width="380" height="201" border="0" /></a></p>
<p>White Color Overlay:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/20whiteoverlay.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/skeletonsthumb.gif" alt="retro picture creation step 20" width="380" height="201" border="0" /></a></p>
<p>Outcome after putting the third skeleton back on top without a color overlay:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/21skeletonresult.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/21skeletonthumbnail.gif" alt="Retro large piece tutorial step 22" width="380" height="201" border="0" /></a></p>
<p>Repeat this same process with a third model, rotated and decreased in size once again, placed a little more to the right overlapping the second skeleton like shown in the large piece below:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/22repeatskeleton.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/skeletonmodelsfinished.gif" alt="Skeleton models placed on the canvas" width="380" height="201" border="0" /></a></p>
<p>We&#8217;re going to use a picture of this old television to cover up their heads, and to give it an awesome retro look. We will then cut out the screen, and put an old image on top. You can copy this image, or use a model of your own. Remember, you&#8217;re not limited to a television, you can use basicly anything. A fish bowl perhaps, or the face of some celebrity. Be creative!</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/23television.png" width="235" height="163" alt="retro television stock image" /></p>
<p>Try being creative with the objects you&#8217;re using. Ours was placed as followed:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/24photoshopcover.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/24thumbnail.gif" alt="Cover the face with the stock image" width="380" height="201" border="0" /></a></p>
<p>We&#8217;re going to use a retro picture to fill up the television screen. Find a nice picture, <a href="http://www.deviantart.com/download/75284502/50s_Stock_Images_by_ka05.zip" target="_blank">this 50&#8242;s stock images pack</a> has a nice compilation of retro images. Place it on top of the television screen. By using layer masks, we will carefully place the retro poster inside in the next few steps:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/25retroposter.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/25thumbnail.gif" alt="retro poster image" width="380" height="201" border="0" /></a></p>
<p>Select Layer &gt; Layer Mask &gt; Hide All:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/26layermask.gif" width="362" height="265" alt="Create a layer mask" /></p>
<p>Now grab the pen tool, and select the following settings:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/27pentool.gif" width="48" height="129" alt="Pen tool " /></p>
<p>Toolbar settings:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/27pentoolsettings.gif" width="422" height="28" alt="Pen tool settings" /></p>
<p>Create anchor points, and create a section that covers the television screen. however, using the pen tool may require some practise, don&#8217;t give up if you don&#8217;t get it the first time.</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/28pentooltv.gif" width="418" height="338" alt="Pen tooling the television" /></p>
<p>We&#8217;re going to create a selection from the anchor points we created with the pen tool. We can do this by going to Paths on the layer window, and creating a selection from the work path. Select Paths, then right click the Work Path and press Make Selection:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/29makeselection.gif" width="234" height="173" alt="Make a selection in the paths window" /></p>
<p>We have to fill the selection with white, it will turn our selected area in our layer mask visible again. Select the Paint Bucket Tool, and fill the selection with White:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/29bucketfill.gif" width="50" height="107" alt="use the bucket tool to fill the layer mask" /></p>
<p>This is what it should look like on your layer window:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/26layerpanel.gif" width="236" height="267" alt="Layer panel mask" /></p>
<p>This is what our result looks like. If you dont like the position, you can select the layer and move it around underneath the layer mask.</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/30fill.gif" width="254" height="181" alt="Result after filling the layer mask" /></p>
<p>Now Select your television layer, and duplicate it. We&#8217;re going to cover the other skeletons with television screens as well, duplicate the previous steps, and use the Free Transform tool (by pressing CTRL + T or by going to Edit &gt; Transform&gt; Free Transform):</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/31transformtelevision.gif" width="281" height="230" alt="Transform tool on the retro television" /></p>
<p>Our result after duplicating the television:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/32pentool.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/32pentoolthumbnail.gif" alt="Use the pen tool to cut out the television" width="380" height="201" border="0" /></a></p>
<p>By clicking on the layer next to the layer mask on the layer window, we can move the retro picture on the television to show the different characters:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/33renderunderneath.gif" width="236" height="294" alt="You can move the render underneath" /></p>
<p>Duplicate the proces on the other skeleton until you are satisfied, try to variate the sizes, angles and maybe even use different images instead of the television, be creative.</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/34transformtv.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/34transformthumbnail.gif" alt="Transform the third television" width="380" height="201" border="0" /></a></p>
<p>Cut out with the pen tool, create a selection in the Paths window again, and place your character inside the screen.</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/35workpath.jpg" width="349" height="288" alt="Outcome pen tooling the retro picture" /></p>
<p>We&#8217;re nearly done with the large piece, all that&#8217;s left now is adjusting levels and textures and add finishing touches. If you&#8217;ve created your own artwork with different retro pictures, the following layer adjustment settings might not work out. You should use settings that will make your images blend in together a little. To create a Levels Adjustment layer, you can click the little black and white circle on the layer panel and pick Levels, or select Layer &gt; New Adjustment Layer &gt; Levels.</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/36levelsadjustmentlayer.gif" width="272" height="323" alt="Levels adjustment layer" /></p>
<p>Here&#8217;s an animation showing our settings of the Levels adjustment layer.</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/37levelsadjustmentlayer.gif" width="233" height="356" alt="Levels adjustment layer settings" /></p>
<p>This is the result of the adjustment layer. As you can see, the retro pictures now blend in together properly. Don&#8217;t be afraid to use multiple adjustment layers to make the images blend.</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/38levelsresult.jpg"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/38levelsresultthumb.gif" alt="Levels adjustment layer retro result" width="380" height="201" border="0" /></a></p>
<p>To create final texture, we add a starry space stock image on top of the picture. You can find plenty of nice sky imagery on DeviantArt stock pages, here&#8217;s <a href="http://riztwist.deviantart.com/art/Space-stock-image-172627713" rel="nofollow" target="_blank">a stock image </a>of a sky space you can use. Place it on top of your image, and use the eraser tool to remove some parts that are too bright or detailed. Our outcome:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/39starrysky.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/39starrythumb.gif" alt="Starry sky wallpaper" width="380" height="201" border="0" /></a></p>
<p>Now set this layer to lighten on the layer panel. If this setting doesn&#8217;t look good on your piece, experiment with the layer settings:</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/40lighten.jpg" width="233" height="254" alt="Set the layer to lighten on the layer panel" /></p>
<p>Our outcome after setting the layer to Lighten:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/40settolighten.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/40retrosky.gif" alt="Retro sky thumbnail" width="380" height="201" border="0" /></a></p>
<p>We&#8217;re going to finish the piece by adding details and extra imagery on the large piece, try to make it look good. We&#8217;ve made it appear as if the birds were flying out of his hands. The birds were made by the use of bird brushes, but anything works:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/41birdbrushes.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/41photoshopbirdbrushes.gif" alt="Photoshop bird brushes" width="380" height="201" border="0" /></a></p>
<p>We&#8217;re adding a light bulb stock inside his hand, and with the use of the Free Transform tool (Edit &gt; Transform &gt; Free Transform or CTRL + T) we can rotate and change the size to match the size of the hand.</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/42lamp.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/retrolamp.gif" alt="Retro lamp edit" width="380" height="201" border="0" /></a></p>
<p>We&#8217;re going to use a soft brush to create a light spot on top of the light bulb. Select a light yellowish color (We picked #FFFDC6), and tap once on top of the light bulb. This is the brush shown on a black background:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/43blubn.gif" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/43lightbulb.gif" alt="Adding light to the Lightbulb" width="380" height="201" border="0" /></a></p>
<p>If you want a more transparant lightbulb you can experiment with the layer style, set it to Lighten perhaps. This is our result, with the layer style kept on normal:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/43lampglow.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/43lampglowthumb.gif" alt="Lightbulb photoshopped" width="380" height="201" border="0" /></a></p>
<p>We need some more detail in the light grey area, and are going to fill this up with a fractal render. Find a good fractal render (<a href="http://www.google.nl/search?q=deviantart+fractal+render+stock" title="google fractal renders" target="_blank">Try these</a>, however make sure you have the right to use them), and place it on top of the picture. Resize it, and place it somewhere nice.</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/44renderresize.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/44renderthumb.gif" alt="Fractal Render large piece" width="380" height="201" border="0" /></a></p>
<p>Now set the fractals layer style to exclusion. If this doesn&#8217;t look good on your large piece, experiment with the settings.</p>
<p><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/45layerstyle.jpg" width="236" height="231" alt="Layer style set to exclusion" /></p>
<p>our result after placing the fractal:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/46settoexclusion.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/46largepiece.gif" alt="Fractal layer style" width="380" height="201" border="0" /></a></p>
<p>The right side is still a bit empty, so we&#8217;re going to duplicate the fractal and put it on the right side:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/47render.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/47fractal.gif" alt="fractal rander duplicated" width="380" height="201" border="0" /></a></p>
<p>Set to exclusion again:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/48exclusion.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/48sectoexclusion.gif" alt="set the fractal to exclusion" width="380" height="201" border="0" /></a></p>
<p>We&#8217;re adding another render effect on top of the lightbulb to enhance the lighting effect. Use your eraser tool properly, and change the layer styles to whatever looks best. Ours was set to Lighten:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/49texture.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/49thumbtxture.gif" alt="Lightbulb Radiance" width="380" height="201" border="0" /></a></p>
<p>The result:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/50settolighten.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/50thumblighten.gif" alt="set the fractal to lighten" width="380" height="201" border="0" /></a></p>
<p>This brings us to our final result, we&#8217;ve sharpened some areas. This is easily done by applying the image on a new layer (Image &gt; Apply Image), then using the sharpen tool. Alternately, you could just select Filter &gt; Sharpen, however this will sharpen the entire large piece and might not be the best option. Our outcome:</p>
<p><a href="http://www.signaturestop.com/tutorials/ideas_of_the_mind/result.jpg" target="_blank"><img src="http://www.signaturestop.com/tutorials/ideas_of_the_mind/51thumbsharpen.gif" alt="Sharpen the image" width="380" height="201" border="0" /></a></p>
<p>We hope you enjoyed this tutorial. You can download the PSD File, and much more in our Premium section!</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>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.signaturestop.com/large-piece-tutorials/retro-large-piece-tutorial/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<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>Abstract Design Composition tutorial</title>
		<link>http://www.signaturestop.com/large-piece-tutorials/abstract-design-composition-tutorial/</link>
		<comments>http://www.signaturestop.com/large-piece-tutorials/abstract-design-composition-tutorial/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 22:00:54 +0000</pubDate>
		<dc:creator>Base</dc:creator>
				<category><![CDATA[Large Piece Tutorials]]></category>
		<category><![CDATA[abstract]]></category>
		<category><![CDATA[abstract composition]]></category>
		<category><![CDATA[gradients]]></category>
		<category><![CDATA[rainbow]]></category>
		<category><![CDATA[woman]]></category>

		<guid isPermaLink="false">http://www.signaturestop.com/?p=514</guid>
		<description><![CDATA[In this tutorial we will be making a beautiful abstract composition, starting with a woman with some sort of paint on her face, and using some stock photos to add an abstract feel to it. We will be teaching you an awesome coloring technique with the gradient tool to achieve a unique abstract outcome. This [...]]]></description>
			<content:encoded><![CDATA[<p>In this tutorial we will be making a beautiful abstract composition, starting with a woman with some sort of paint on her face, and using some stock photos to add an abstract feel to it. We will be teaching you an awesome coloring technique with the gradient tool to achieve a unique abstract outcome. This awesome design was created by an awesome artist called Neuron. You can check out all of his work on his <a rel="nofollow" href="http://n3ur0n.deviantart.com/" target="_blank">DeviantArt,</a> be sure to have a look!<span id="more-514"></span></p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/result.jpg" alt="Abstract art tutorial" width="215" height="525" /></p>
<p>Before we start, I will first explain the gradient tool. We will be using this excessively to achieve a good looking abstract effect. We&#8217;re using a special good looking gradient, which is in fact an edited version of the default gradient that comes with Photoshop. If you select the Gradient Tool:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/28gradienttool.gif" alt="Gradient Tool" width="196" height="88" /></p>
<p>And click the preferences, you should see the gradient highlighted below (if you don&#8217;t, press the arrow and select Reset Gradients. Make sure you save your older ones first if you want to keep them). We&#8217;ve edited the colors slightly, with the hex codes shown below. Optionally, you can <a href="/http://www.signaturestop.com/tutorials/abstrax/signaturestoprainbowgradients.grd" target="_blank">download this gradient here</a>.</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/16_gradient.jpg" alt="Gradient settings" width="430" height="497" /></p>
<p>Now that we have that covered, let&#8217;s get started with the tutorial. Open a new file with whichever size you prefer, our size was set to 215 by 525 pixels.</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/1newfile.gif" alt="Create a new file" width="215" height="525" /></p>
<p>We&#8217;re going to use this abstract stock photo of a woman covered with some sort of paint. Put her somewhere on the canvas:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/2_pastestock.gif" alt="paste an abstract stock" width="215" height="525" /></p>
<p>We&#8217;re going to add some sort of warp lines behind this character. You can do this by selecting a premade shape that comes with Photoshop. Select the shapetool (press <a href="http://www.signaturestop.com" target="blank">U</a>), and if you don&#8217;t see the shape appear, load all shapes by pressing the arrow button shown below, and load &#8220;All&#8221; shapes:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/3loadshapes.gif" alt="load preset shapes" width="327" height="333" /></p>
<p>If you scroll down, you should see this icon appear. Select it:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/4selectshape.gif" alt="abstract pattern" width="321" height="208" /></p>
<p>And use this shape to cover your canvas</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/5applypattern.gif" alt="apply the pattern" width="215" height="525" /></p>
<p>Reduce the opacity of this layer. The opacity was set to 11% (the blending mode was kept on normal):</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/6reduceopacity.gif" alt="reduce the opacity" width="215" height="525" /></p>
<p>We&#8217;re going to create a layer mask to hide the Warp beams covering the woman. Do this by creating a Layer Mask (Layer &gt; Layer Mask &gt; Reveal All):</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/7addlayermask.gif" alt="Add a layer mask" width="350" height="308" /></p>
<p>Then brush with a dark brush on the Layer Mask. This should hide the warp beam layer. Optionally, you can outline her with the pentool to get a more exact result. Here&#8217;s a selection showing which area we&#8217;ve kept brushed white, the other selection was brushed black on the layer mask:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/8_selection.gif" alt="Selection layer mask" width="215" height="524" /></p>
<p>We&#8217;re going to add a grunge material on top to texture the background a little. Add a grunge material on top, and create another layer mask:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/9materialontop.gif" alt="Add a material" width="215" height="525" /></p>
<p>Select your brush tool, and brush with a black color on the layer mask over the female character. This should hide the texture:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/11layermaskresult.gif" alt="Layer mask result" width="215" height="525" /></p>
<p>As you can see in this screenshot of the layer panel, this is what the Layer Mask looks like. Brushed black on top of the female character, and white on the background to blend the warped beams:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/10materiallayermask.gif" alt="Apply a layer mask" width="268" height="249" /></p>
<p>Create a new layer, and select your brush tool. Reduce the opacity of your brush tool a little on the Brush Toolbar:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/brushtoolbar.gif" alt="Brush toolbar" width="445" height="30" /></p>
<p>And start brushing some dark colors on top to create some depth and shades:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/12greybrushing.gif" alt="apply shading" width="215" height="525" /></p>
<p>We reduced the opacity of this brushing down to about 20%:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/13reduceopacity.gif" alt="reduce the opacity" width="215" height="525" /></p>
<p>Grab an abstract stock image, and add it on the canvas. Our result has some twigs and branches carefully placed behind the character. This stock could be anything, just use something nice that adds some detail and texture into the background:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/14addflowerstock.gif" alt="Add a flower abstract stock" width="215" height="525" /></p>
<p>Set this layers blending mode to Soft Light, and reduce the opacity (ours was set on 16%):</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/15settosoftlight.gif" alt="Set the blending mode to soft light" width="215" height="525" /></p>
<p>Pick  the gradient tool and select the gradient I&#8217;ve shown you at the beginning of the tutorial. Drag a horizontal line from right to left covering the canvas:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/selectgradient.gif" alt="Select the gradient" width="430" height="193" /></p>
<p>The gradient tool used horizontally:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/17gradientused.gif" alt="Gradient on the canvas" width="215" height="525" /></p>
<p>Use the eraser tool to erase around and above the female character (or do this with a layer mask, up to you):</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/18erase.gif" alt="Erase the gradient" width="215" height="525" /></p>
<p>Set the layers blending mode to Soft Light, and reduce the opacity down to about 10-20%. This shold add a little color:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/19reduceopacity.gif" alt="Reduce the opacity" width="215" height="525" /></p>
<p>Notice that we still had a white section on top of the stock photo, so fill this with a color from your canvas using the eyedropper tool. Don&#8217;t worry about the bland colors, we will fill and texture this section later:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/20filltop.gif" alt="Fill the top section" width="215" height="525" /></p>
<p>Add some depth with a few Curves Adjustment Layers. These are some example settings that we&#8217;ve used to add depth, however make sure you experiment with the settings and use your own to achieve the outcome you like. To create a curve Adjustment Layer, select Layer &gt; New Adjustment Layer &gt;Curves&#8230;</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/21curvesadjustment.gif" alt="Curves adjustment layer" width="265" height="329" /></p>
<p>Another set of settings:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/22curveslayertwo.gif" alt="Second curves adjustment layer" width="265" height="329" /></p>
<p>Though you can&#8217;t see the difference between this image and the previous image due to the quality of the .gif files, the lighting has changed a little and has added some darkness around the female character.</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/23lightingcorrected.gif" alt="Lighting correction" width="215" height="525" /></p>
<p>We&#8217;re going to add the rainbow colors to her skin. Hopefully, the stock image you selected has some unique abstract areas that you can use to color, be it the body, arms, areas around the character, etcetera. Use the pentool to outline the areas:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/24pentool.gif" alt="Pen tool" width="236" height="94" /></p>
<p>Make sure you&#8217;ve set the correct settings in your toolbar:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/24pentoolsettings.gif" alt="Pen tool settings" width="475" height="29" /></p>
<p>Zoom in, and start outlining the areas that you want to add the effect to (and put a little more effort into it than I did *wink*):</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/25zoominpentool.gif" alt="Zoom in" width="362" height="312" /></p>
<p>Zoomed out, this is what it looks like after pen tooling the areas:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/26pentooled.gif" alt="Use the pen tool to cover the sections" width="222" height="529" /></p>
<p>On your layer panel, click on Paths. If you&#8217;ve selected the right settings at the start, you should now see your Work Path or Path 1 available. Right Click it, and select &#8220;Make Selection&#8221;.</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/27makeselection.gif" alt="Create a selection" width="268" height="170" /></p>
<p>Now grab the Gradient tool, and use the gradient settings that I have explained at the start:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/28gradienttool.gif" alt="select the gradient ool" width="196" height="88" /></p>
<p>The gradient settings:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/29gradient.gif" alt="pick the gradient" width="430" height="177" /></p>
<p>Use the gradient tool inside these selections several times, just keep going untill you get a result you like. If it doesn&#8217;t look good, use the smudge or eraser tool to edit the result:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/30gradiented.jpg" alt="abstract art tutorial" width="215" height="525" /></p>
<p>Add an inner shadow by going to Layer &gt; Layer Style &gt; Inner Shadow, and change the angle to match your lighting and reduce the opacity slightly.</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/31innershadow.gif" alt="Apply inner shadow" width="473" height="185" /></p>
<p>We&#8217;ve set this layers blending mode to Overlay, and reduced the opacity slightly:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/32result.jpg" alt="Abstract art tutorial" width="215" height="525" /></p>
<p>We&#8217;ve used a stock photo of an eye to add some &#8220;life&#8221; to her eyes, as hers are kind of dark. You can use your own favourite method to change the colors of an eye since there are so many ways to do it. The method I am explaining requires a stock photo of an eye. Place it on the canvas, and resuze it properly:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/33pasteeye.gif" alt="Paste eye stock" width="151" height="135" /></p>
<p>To blend it a little, we&#8217;ve added a Photo Filter (Layer &gt; New Adjustment Layer &gt; Photo Filter) and added a Clipping Mask afterwards. The density was set to 25%:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/34photofilter.gif" alt="Create a Photo Filter" width="266" height="209" /></p>
<p>Add a clipping mask by pressing CTRL + ALT + G , or selecting Layer &gt; Create Clipping mask. We then set the blending mode to color dodge and reduced the opacity slightly.</p>
<p>If you&#8217;ve done the clipping mask part correctly, it should only color the eye. Your layer panel should look like this:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/35layerpalette.gif" alt="Layer Palette" width="268" height="319" /></p>
<p>Let&#8217;s continue with the left eye. Duplicate the layer, and move it to the left.</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/36lefteye.gif" alt="Abstract tag" width="215" height="525" /></p>
<p>Add a Photo Filter, and this time set the density to a 100% to give the eye a different color.</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/37photofilter.gif" alt="Photo Filter adjustment layer" width="268" height="260" /></p>
<p>Outcome (remember to change the Photo Filter into a clipping mask by pressing CTRL + ALT + G):</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/38photofilterresult.jpg" alt="abstract tag eye retouching" width="215" height="525" /></p>
<p>We&#8217;re going to add a paint drip in the corner of her eye. We will do this one, and continue with the final effects of the paint dribs in the end.</p>
<p>Zoom into your character, and grab a small brush. Draw two lines down from the corner of her eye, and tap it once or twice here and there:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/58brushsetting.gif" alt="Brush settings" width="255" height="304" /></p>
<p>Brushing the paint drip:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/39blood.gif" alt="Drip near the eye" width="104" height="144" /></p>
<p>Zoomed out, this is what it looks like:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/40dripresult.jpg" alt="Abstract drip" width="215" height="525" /><br />
Time to fix her hair, we&#8217;re going to plant a tree on top of her head, but we need her head to be a little more flat. So create a new layer, and either brush with a color used picking the eyedropper tool, or apply the image (Image &gt; Apply Image) and use the CloneStamp tool. Here&#8217;s an animation to illustrate the hair change:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/41hairfix.gif" alt="Fixing the hair" width="215" height="525" /></p>
<p>We will be using stock to create an effect on top of her head. You can find many stockphotos on <a rel="nofollow" href="http://www.sxc.hu/index.html" target="_blank">sxc.hu</a> or similar stock photo websites. Try not to copy this effect, instead, think of something creative of your own. The following steps will all be about adding stock onto the canvas. The stockphoto was added on top of the womans head in this design:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/42tree.gif" alt="Adding an abstract stock" width="215" height="525" /></p>
<p>A different type of tree stock added onto the canvas:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/43treetexture.gif" alt="tree texture" width="215" height="525" /></p>
<p>We&#8217;ve added a waterfall coming out of the tree. You don&#8217;t need a stock for this type of additions, you can zoom in and manually create it with your brush tool. Experiment with all kinds of techniques:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/44waterfall.gif" alt="Add a waterfall" width="215" height="525" /></p>
<p>A second waterfall added on top of the tree, try to maintain harmony and flow when you add stock photos:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/45waterfall.gif" alt="Add another abstract texture" width="215" height="525" /></p>
<p>Keep adding some good looking stock. We&#8217;ve placed a house into the tree. Remember that when resizing, the stock could lose its sharpness, or become too sharp. Use the sharpen or blur tool to fix this:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/46chinesehouse.gif" alt="Adding a small chinese house" width="215" height="525" /></p>
<p>We&#8217;ve added these twirl effects behind the trees:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/47twirlstock.gif" alt="Abstract twirl stock" width="280" height="82" /></p>
<p>If your stock has a black background, you can change the blending mode to screen, this will blend the signature into the background:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/47twirleffect.gif" alt="Twirl effect" width="215" height="525" /></p>
<p>Adding a rainbow on top of the tree:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/48rainbow.gif" alt="Rainbow stock" width="215" height="525" /></p>
<p>Adding clouds out of which the rainbow appears:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/49clouds.jpg" alt="Clouds" width="215" height="525" /></p>
<p>The final addition to the tree collage, an Elephant standing nearby the waterfall:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/50elephantstock.jpg" alt="Elephant stock" width="215" height="525" /></p>
<p>We&#8217;re going to start with adding the proper lighting into the composition. Create a new gradient map (Layer &gt; New Adjustment Layer &gt; Gradient Map), and select a good color from the canvas. We&#8217;ve used a red, orange, yellow to white gradient map. Set the blending mode to Multiply, and reduce the opacity to about 30%-40%:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/51gradientmap.gif" alt="Gradient map settings" width="266" height="172" /></p>
<p>We&#8217;ve made a selective color adjustment layer to enhance the red colors. To create a Selective Color layer, select Layer &gt; New Adjustment Layer &gt; Selective Color. Here are the settings we&#8217;ve used. Set the opacity down to about 20%:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/52selectivecolors.gif" alt="Selective Color" width="267" height="333" /></p>
<p>The outcome after fixing the colors:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/53signature.jpg" alt="Abstract design" width="215" height="525" /></p>
<p>We&#8217;re going to start darkening the top area. First, grab a dark color from your canvas with the eyedropper tool. We&#8217;ve brushed on a new layer. Afterwards, change the blending mode to Multiply, and reduce the opacity if needed:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/54brushbrown.gif" alt="Brown Brushing and shading" width="215" height="525" /></p>
<p>After changing the blending mode to Multiply<a href="http://www.signaturestop.com" target="blank">:</a></p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/55settomultiply.gif" alt="Set the blending mode to multiply" width="215" height="525" /></p>
<p>Find a nice starry sky stock photo. We&#8217;re going to use a sky stock photo to add some detail. Here&#8217;s a photo of a starry sky you can use:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/spacestock.gif" alt="Space stock photo" width="210" height="420" /></p>
<p>Paste the sky layer on top of the canvas. We&#8217;re going to blend this in using a layer mask.</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/layermask.gif" alt="Add a layer mask" width="350" height="308" /></p>
<p>Now select the gradient tool, and select the Foreground to Transparant gradient. Make sure your foreground color is white:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/transparant.gif" alt="Transparant Gradient" width="430" height="233" /></p>
<p>Now use the gradient tool from bottom to top, this will blend the starry sky. If it doesn&#8217;t do the job, set the blending mode to Screen as well:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/56addspacestock.gif" alt="Add a space stock" width="215" height="525" /></p>
<p>We can detail the starry sky by adding stock photos of planets, shiny stars, and so forth (and if you&#8217;re feeling creative, you can create your own planets like Neuron does to his work!):</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/57addplanetsdetail.gif" alt="Add planets with detail" width="215" height="525" /></p>
<p>Time to finnish up the paint drips. Select a small brush size 2 or 3, and use the eyedropper tool to select a color.</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/58brushsetting.gif" alt="Brush settings" width="255" height="304" /></p>
<p>Now paint a few drips down from her chin,</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/59drip.gif" alt="Paint drip" width="192" height="208" /></p>
<p>Adding drips to her eyes,</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/60drip.gif" alt="Zoom in" width="193" height="219" /></p>
<p>And perhaps her left cheek and mouth:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/61drip.gif" alt="Paint drip" width="131" height="153" /></p>
<p>Result of the paint drips zoomed out:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/62dripresult.jpg" alt="Abstract art result" width="215" height="525" /></p>
<p>We want to enhance her eye color a little, it&#8217;s not light enough. Select a bright pink and blue color from the canvas (we&#8217;ve used: #CC0161 for pink and #029FD0 for the blue):</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/62pinkbluedot.gif" alt="Bright pink and blue dots" width="215" height="525" /></p>
<p>Set this layer to Overlay, and reduce the opacity a little:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/63overlay.gif" alt="blending mode on overlay" width="215" height="525" /></p>
<p>Time to finnish up the lighting. Create a curves adjustment layer (Layer &gt; New Adjustment Layer &gt; Curves), and experiment with the settings (you want to try to use this layer to create some more depth). Reduce the opacity if necessary (ours was set on 90%):</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/64curves.gif" alt="Curves adjustment layer" width="268" height="317" /></p>
<p>A gradient map adjustment layer (Layer &gt; New Adjustment Layer &gt; Gradient Map). The black to white should be the default settings. The blending mode was set to Multiply with the opacity down to 15%:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/65gradientmap.gif" alt="Gradient map adjustment layer" width="268" height="178" /></p>
<p>Outcome after fixing the lighting:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/66lightingfix.jpg" alt="Lighting fixed" width="215" height="525" /></p>
<p>Apply the Image on a new layer (Image &gt; Apply Image). We&#8217;re going to sharpen the canvas a little. You can do this by either going to Filter &gt; Sharpen &gt; Sharpen, or using the sharpen tool to manually sharpen areas:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/67sharpen.jpg" alt="Sharpen the art" width="215" height="525" /></p>
<p>Add in some text or text effects, This is some chinese font added on the left side that we&#8217;re going to apply a gradient onto:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/68text.gif" alt="Add text" width="215" height="525" /></p>
<p>Select Layer &gt; Layer Style &gt; Gradient Overlay, and select the gradient that I&#8217;ve explained in the beginning of the tutorial. Make sure you set the angle to 90 degrees:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/69gradienttext.gif" alt="Gradient effect" width="431" height="195" /></p>
<p>Outcome:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/70gradienttext.gif" alt="Gradient text" width="215" height="525" /></p>
<p>Add some more text with perhaps some effects like transparant blocks. Set these blocks to Overlay or reduce the opacity, whichever looks best:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/71textdecoration.gif" alt="Text Decoration" width="215" height="525" /></p>
<p>At this point you are basicly done. Optionally, you can use the Burn and Dodge tool to finnish up the lighting.</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/72burndodge.jpg" alt="Burn and Dodge tool" width="215" height="525" /></p>
<p>Which brings us to our final result:</p>
<p><img src="http://www.signaturestop.com/tutorials/abstrax/result.jpg" alt="Abstract art tutorial" width="215" height="525" /></p>
<p>We hope you&#8217;ve enjoyed this tutorial. As a premium member, you will be able to download the PSD file and other helpfull files. Only $6 for a membership!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.signaturestop.com/large-piece-tutorials/abstract-design-composition-tutorial/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
		<item>
		<title>Abstract Space Tag design tutorial</title>
		<link>http://www.signaturestop.com/full-signature-tutorials/abstract-space-tag-design-tutorial/</link>
		<comments>http://www.signaturestop.com/full-signature-tutorials/abstract-space-tag-design-tutorial/#comments</comments>
		<pubDate>Wed, 25 Mar 2009 15:35:20 +0000</pubDate>
		<dc:creator>Base</dc:creator>
				<category><![CDATA[Full Signature Tutorials]]></category>
		<category><![CDATA[Large Piece Tutorials]]></category>
		<category><![CDATA[abstract]]></category>
		<category><![CDATA[hourglass]]></category>
		<category><![CDATA[tag]]></category>

		<guid isPermaLink="false">http://www.signaturestop.com/?p=478</guid>
		<description><![CDATA[In this tutorial we will be making this very creative abstract space design tag. It uses various space stocks and some materials to texture the canvas. What&#8217;s important is that you don&#8217;t want to try to recreate this exact image. Rather learn the techniques used to make this design, then apply your creativity to your [...]]]></description>
			<content:encoded><![CDATA[<p>In this tutorial we will be making this very creative abstract space design tag. It uses various space stocks and some materials to texture the canvas. What&#8217;s important is that you don&#8217;t want to try to recreate this exact image. Rather learn the techniques used to make this design, then apply your  creativity to your own work of art. This was designed by Neuron, he&#8217;s an awesome designer. Check out his <a rel="nofollow" href="http://n3ur0n.deviantart.com/" target="_blank">deviantart</a> for more of his awesome work. Let&#8217;s get started, here&#8217;s the final result:<span id="more-478"></span></p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/result.jpg" alt="Abstract space design tutorial" width="210" height="420" /></p>
<p>We&#8217;re starting out with this hourglass stock image:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/1hourstock2.gif" alt="abstract art design start" width="210" height="420" /></p>
<p>We&#8217;re going to blur the hourglass a little. Duplicate the layer, and select Filter &gt; Blur &gt; Smart Blur. Grab the eraser tool, and erase the blurred layer in front to create some extra depth:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/2blurdistance2.jpg" alt="abstract art design tutorial step 2" width="210" height="420" /></p>
<p>We&#8217;re going to grab some materials to texture the canvas. You can find plenty of good materials everywhere, we&#8217;re going to start by using this grungy material and setting the blending mode to soft light:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/3addmaterial2.jpg" alt="material stock image" width="210" height="420" /></p>
<p>Blending mode set to soft light and opacity reduced to about 30%:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/4softlight.jpg" alt="" width="210" height="420" /></p>
<p>Another Material. Play around with the blending mode, and reduce the opacity. Our blending mode was set to multiply:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/5material.jpg" alt="material stock image" width="210" height="420" /></p>
<p>The result after adding the material (image saved in low quality so might effect outcome):</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/6multiply.jpg" alt="material added" width="210" height="420" /></p>
<p>We&#8217;re going to start changing the color. Create a Curves adjustment layer by going to Layer &gt; New Adjustment Layer &gt; Curves&#8230;</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/7adjustmentlayer.gif" alt="layer proporties" width="381" height="293" /></p>
<p>Play around with the settings. Here are the settings used in this tag, however you should experiment with the settings to get the result you want.</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/8curves.gif" alt="curves adjustment layer" width="268" height="333" /></p>
<p>Our outcome:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/9curvesresult.jpg" alt="abstract design" width="210" height="420" /></p>
<p>Adding a color balance adjustment layer by going to Layer &gt; New Adjustment Layer &gt; Color Balance. Here&#8217;s the settings used in the tag. Once again, try not to copy these, use your own settings.</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/10colorbalance.gif" alt="color balance adjustment layer" width="268" height="356" /></p>
<p>Our result:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/11colorbalance.jpg" alt="" width="210" height="420" /></p>
<p>We&#8217;re going to add a stock on the image. First we&#8217;re going to place the stock in a good location, afterwards we will start coloring the hand and blending it into the background using adjustment layers.</p>
<p>The stock:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/handstock2.png" alt="hand stock image" width="172" height="102" /></p>
<p>Placed onto the canvas:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/12addstock.jpg" alt="" width="210" height="420" /></p>
<p>We&#8217;re going to blend the hand into the background with a Color Balance adjustment layer, and adjust the Color Balance</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/13blendinghand.gif" alt="Color balance adjustment layer" width="268" height="356" /></p>
<p>Result after this Color Balance layer:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/14handnoblending.jpg" alt="Abstract artwork tutorial" width="210" height="420" /></p>
<p>We&#8217;re using this color balance layer to give his arm some shadow, however the top should not be affected because well, a blue arm looks weird. So select the layer mask, and brush with a black brush on the top of his arm and hand:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/15brushed.jpg" alt="" width="210" height="420" /></p>
<p>We&#8217;re going to duplicate the hand layer, flip it vertically, and place it higher up on the canvas. Select the hand layer, then go to Leyer &gt; Duplicate Layer:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/duplicate.gif" alt="Duplicate abstract layer" width="284" height="110" /></p>
<p>Now select Edit &gt; Transform &gt; Flip Vertical:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/flipertical.gif" alt="flip vertical" width="412" height="584" /></p>
<p>We&#8217;ve placed the hand higher up on the canvas, our result:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/16duplicatearm.png" alt="" width="210" height="420" /></p>
<p>We&#8217;re going to add a tree stock into the hand we duplicated. We will have to flip this stock vertically as well before we add it. You can use any stock image you like, we decided to use this stock image:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/17tree.png" alt="tree stock image" width="99" height="127" /></p>
<p>Paste the stock onto the canvas:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/18pastetree.jpg" alt="" width="210" height="420" /></p>
<p>Press CTRL + T to rotate it or select Edit &gt; Transform &gt; Flip Vertically</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/19treetransform.jpg" alt="" width="210" height="420" /></p>
<p>Place in into the palm of the hand, our result:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/20treeresult.jpg" alt="abstract art tutorial" width="210" height="420" /></p>
<p>We&#8217;re going to brighten the tree and the arm a little by adding a curves layer. (Layer &gt; New Adjustment Layer &gt; Curves) Play around with the graph, switching between RBG, red blue and green to change settings slightly.</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/21curves.gif" alt="curves layer" width="268" height="356" /></p>
<p>We only want to color the tree and the arm, so CTRL + Click onto the layer image of the tree and arm (it&#8217;s merged to 1 layer in our PSD), this should make a selection. Then press CTRL + SHIFT + I to inverse it, and fill this with a black color. This will hide the curves layer to the rest of the image and just color the hand:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/22layerpanel.gif" alt="" width="267" height="283" /></p>
<p>Selection we&#8217;ve filled with black:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/23fillwithblack.jpg" alt="abstract selection" width="210" height="420" /></p>
<p>Time to start creating the final background colors. Create a gradient map, (Layer &gt; New Adjustment Layer &gt; Gradient Map) and select settings you like. We&#8217;ve set the blending mode to Multiply, and reduced the opacity to 81%:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/24gradientmap.gif" alt="" width="268" height="356" /></p>
<p>Blending mode on multiply and opacity on 81%:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/24layerpanel.gif" alt="layer pallette" width="267" height="287" /></p>
<p>Result:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/25result.jpg" alt="" width="210" height="420" /></p>
<p>We&#8217;re going to fix some stock sections that look weird or need fixing. We&#8217;re going to use the clone stamp tool to fix the bottom right section outlined below:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/26corner.jpg" alt="" width="210" height="140" /></p>
<p>Select the clone stamp tool, and press ALT to define an area that you want to clone:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/27clonestamptool.gif" alt="" width="210" height="94" /></p>
<p>Define a clone section, then start brushing over the area you want to fix. Our result:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/28cornerfix.gif" alt="" width="210" height="132" /></p>
<p>Apply a gradient map, and play around with the colors. We want to use some bright colors, and change its blending mode afterwards. Our gradient map:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/29gradientmap.gif" alt="gradient map adjustment layer" width="268" height="356" /></p>
<p>Blending mode set to soft light with opacity down to about 20%-30%:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/30gradmapresult.jpg" alt="" width="210" height="420" /></p>
<p>Adding a curves adjustment layer (Layer &gt; New Adjutsment Layer &gt; Curves&#8230;), we want to light up the bottom a little:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/31curves.gif" alt="" width="268" height="356" /></p>
<p>Result of the curves adjustment layer:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/32curvesresult.jpg" alt="abstract curves adjustment layer" width="210" height="420" /></p>
<p>Adding a Photo Filter, pick a matching color from your canvas with the eyedropper tool, don&#8217;t just copy ours because your outcome won&#8217;t be the same:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/33fotofilter.gif" alt="Photo Filter" width="268" height="356" /></p>
<p>Result of the photo filter layer (blending mode was kept on normal and opacity on 100%):</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/34fotofilterresult.jpg" alt="" width="210" height="420" /></p>
<p>This is where your creativity has to come in. We&#8217;re going to add space stocks and images and change the blending mode to create some awesome lighting effects, and try to make it seem as if it&#8217;s coming out of the soil. Find different space stocks, resize, crop, place it around. Try <a rel="nofollow" href="http://www.google.com/search?hl=en&amp;client=firefox-a&amp;rls=org.mozilla%3Anl%3Aofficial&amp;hs=WaY&amp;q=planet+stock+images&amp;btnG=Search" target="_blank">this</a> for space stock images (make sure you&#8217;re allowed to use them!). You can also do some light brushing and experiment with that. Try creating some flow, start inside the hand and move up widening the effects a bit, this will make it seem as if the effect is coming out of the hand:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/35addspacestock.jpg" alt="" width="210" height="420" /></p>
<p>As you could see in the previous image, theres no need to cut out the planet from its dark background. You can change the blending mode to Linear Dodge, Color dodge, Screen, or Linear Light and play around with the opacity. You can also use small soft brush and brush with a bright light color and change the blending mode to add some lighting.</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/36spacestockresult.jpg" alt="" width="210" height="420" /></p>
<p>Repeat the same process on the top next to your tree, try to create some flow thats coming out of the hand floating down:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/37spaceontop.jpg" alt="" width="210" height="420" /></p>
<p>Outcome after changing the layers blending modes to Linear Dodge, Color Dodge, Screen, Linear Light, and so forth:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/38spacetopresult.jpg" alt="" width="210" height="420" /></p>
<p>Add a space stock/material on top of the image. This tag used a starry sky image:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/39spacestock.gif" alt="" width="210" height="420" /></p>
<p>Grab the eraser tool and select a hard brush. Reduce the flow a little, because we&#8217;re going to remove some parts of the starry sky.</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/40erasersettings.gif" alt="" width="409" height="84" /></p>
<p>This is our starry sky after erasing, shown with a white background underneath. The entire area covering the top hand and tree we&#8217;re removed, because we didn&#8217;t want any stars covering that.</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/40erasing.jpg" alt="" width="210" height="420" /></p>
<p>Set this layer to Linear Dodge, and if needed reduce the opacity. Ours was kept on 100%:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/41aftererasing.jpg" alt="" width="210" height="420" /></p>
<p>Paste some more bright stars on top of the tree, alternately you can use a small soft brush to achieve the same effect:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/42starsontop.jpg" alt="" width="210" height="420" />.</p>
<p>Set these stars to Linear Dodge:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/42lineardodge.jpg" alt="linear dodge" width="210" height="420" /></p>
<p>Tap with a large soft brush on top of the stars and hands on a new layer:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/43softbrushtap.jpg" alt="soft brush" width="210" height="420" /></p>
<p>Set this layers blending mode to Linear Dodge:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/44settolineardodge.jpg" alt="" width="210" height="420" /></p>
<p>Go back to the star layer, and hide it.</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/hidelayer.gif" alt="hide star layer" width="267" height="286" /></p>
<p>Now, Create a new layer, and select Image &gt; Apply Image:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/45hidegalaxy.jpg" alt="" width="210" height="420" /></p>
<p>Unhide the starry sky layer again, and set the applied image layer to screen:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/46settoscreen.jpg" alt="" width="210" height="420" /></p>
<p>Create a new layer, and apply the image. Now select Image &gt; Adjustments &gt; Exposure&#8230; and play around with the Offset settings:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/47exposure.gif" alt="" width="451" height="167" /></p>
<p>Result:</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/48exposureresult.jpg" alt="" width="210" height="420" /></p>
<p>Add some text and finnishing touches, and you&#8217;re done!</p>
<p><img src="http://www.signaturestop.com/tutorials/hourglass/result.jpg" alt="" width="210" height="420" /></p>
<p>We hope you&#8217;ve enjoyed this tutorial. Once again, make sure you check out <a rel="nofollow" href="http://n3ur0n.deviantart.com/" target="_blank">Neurons </a>deviantart page if you&#8217;re interested in more of his work. Thanks a lot for allowing us to write the tutorial!<a href="http://www.signaturestop.com/join/" target="_blank"><br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.signaturestop.com/full-signature-tutorials/abstract-space-tag-design-tutorial/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Arctic Monkeys Photoshop Wallpaper Tutorial</title>
		<link>http://www.signaturestop.com/large-piece-tutorials/arctic-monkeys-photoshop-wallpaper-tutorial/</link>
		<comments>http://www.signaturestop.com/large-piece-tutorials/arctic-monkeys-photoshop-wallpaper-tutorial/#comments</comments>
		<pubDate>Thu, 19 Mar 2009 22:29:57 +0000</pubDate>
		<dc:creator>Base</dc:creator>
				<category><![CDATA[Large Piece Tutorials]]></category>
		<category><![CDATA[Arctic monkeys]]></category>
		<category><![CDATA[brushes]]></category>
		<category><![CDATA[grunge]]></category>
		<category><![CDATA[wallpaper]]></category>
		<category><![CDATA[wings]]></category>

		<guid isPermaLink="false">http://www.signaturestop.com/?p=441</guid>
		<description><![CDATA[Today we will be making this awesome grunge Arctic Monkeys Wallpaper. It&#8217;s not that difficult with the right resources and stock images. Remember you are not trying to recreate the exact same wallpaper, so try to be creative and create your own type of wallpaper. Use your imagination! First you will need the Destroyed Heralty [...]]]></description>
			<content:encoded><![CDATA[<p>Today we will be making this awesome grunge Arctic Monkeys Wallpaper. It&#8217;s not that difficult with the right resources and stock images. Remember you are not trying to recreate the exact same wallpaper, so try to be creative and create your own type of wallpaper. Use your imagination! <span id="more-441"></span>First you will need the <a rel="nofollow" href="https://bittboxllc.box.net/shared/static/p5mpfrgvpg.zip" target="_blank">Destroyed Heralty Brushes</a> and <a rel="nofollow" href="https://bittboxllc.box.net/shared/static/21et12um7z.zip" target="_blank">Romantic Disaster brushes</a> we found on the Bittbox website. We&#8217;re also going to use some <a href="http://www.signaturestop.com/tutorials/arcticmonkeys/splatter.abr">splatter brushes</a>, you can download and use these or pick your own splatter brushes. Remember you are not trying to recreate the exact same wallpaper, so try to be creative and create your own type of image. Use your imagination!</p>
<p><a href="http://www.signaturestop.com/join/" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/advertisement/downloadpsd.gif" alt="Join SignatureStop Premium" width="389" height="66" /></a></p>
<p>The outcome of this tutorial:</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/final2.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/t1final.gif" alt="arctic monkeys wallpaper tutorial" width="448" height="358" /></a></p>
<p>Or if you think the red wings are distracting, here&#8217;s a version  of the Arctic Monkeys Wallpaper without the red grunge wings:</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/final1.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/t2final.gif" alt="arctic monkeys wallpaper tutorial" width="448" height="358" /></a></p>
<p>We&#8217;ve resized the original images all troughout the tutorial as to not screw up the layout. You can click the images for a full sized version.</p>
<p>1. Start by opening a new canvas ( wallpaper sized prefered). We picked 1280 x 1024. Fill it with black ( #000000 )</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/final2.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/1.jpg" alt="" width="448" height="358" /></a></p>
<p>2. Now get your stock image, below one is the one we&#8217;re using. If you want to use a different stock image but want to have the same effect, make sure you Desaturate the image first. To do this, go to Image &gt; Adjustments &gt; Desaturate, or press SHIFT + CTLR + U.</p>
<p><img src="http://www.signaturestop.com/tutorials/arcticmonkeys/desaturate.gif" alt="desaturate image adjustment" width="447" height="449" /></p>
<p>Our Arctic Monkeys stock image (Resized):</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/stock.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/stock.jpg" alt="arctic monkeys stock photo" width="350" height="355" /></a></p>
<p>3. Place it in the middle of the canvas (Make sure you keep a backup of this layer hidden underneath the rest of your layers, this will come in handy in case you make any mistakes.)</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/2.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/2.jpg" alt="" width="448" height="358" /></a></p>
<p>4. We used their logo from the <a rel="nofollow" href="http://www.arcticmonkeys.com" target="_blank">Arctic Monkeys</a> website.(Remember you can use any text you like).Cut out any parts you dont need. It doesn&#8217;t matter if there is still some white space left around the text, we will fix this in the next few steps.</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/4.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/4.jpg" alt="arctic monkeys text" width="448" height="358" /></a></p>
<p>5. We would like the text to be white. So make sure your text is desaturated (or simply black and white like ours) and select Image &gt; Adjustments &gt; Invert (or press CTRL + I):</p>
<p><img src="http://www.signaturestop.com/tutorials/arcticmonkeys/invert.gif" alt="Invert " width="435" height="365" /></p>
<p>Your text shold now look like this. Notice that we still have the black section around the text, we will fix this by simply changing the blending mode in the next step.</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/3.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/3.jpg" alt="add arctic monkeys text" width="448" height="358" /></a></p>
<p>6. Select your text layer, and set its blending mode to Lighten:</p>
<p><img src="http://www.signaturestop.com/tutorials/arcticmonkeys/lighten.gif" alt="layer panel" width="268" height="246" /></p>
<p>This will blend the black background:</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/5.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/5.jpg" alt="set to lighten" width="448" height="358" /></a></p>
<p>7. We&#8217;re now going to blend our stock into the background. Create a new layer, and take a white splatter brush. Brush around the right of your stock with a white color:</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/6.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/6.jpg" alt="" width="448" height="358" /></a></p>
<p>8. Create a new layer (make a habit of creating a new layer everytime you brush, this will give you the option to modify it more easily afterwards) and select a big brush from the set we provided above. Here&#8217;s where your creativity should come in, start brushing, and erase parts that you don&#8217;t like. Keep switching the brushes to get cool effects. The following steps are all brushing to cover and blend the stock:</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/7.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/7.jpg" alt="" width="448" height="358" /></a></p>
<p>9. Again create a new layer and now use black brushes, brush the bottom part blend in the stock with our current canvas. Use black to hide away parts you don&#8217;t want to be displayed. Zoom into the canvas, and erase any brushing you made over the main character in the middle to make him stand out:</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/9.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/9.jpg" alt="" width="448" height="358" /></a></p>
<p>10. Take a black small splatter brush and brush the left side over the far left guy.</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/10.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/10.jpg" alt="splatter brush" width="448" height="358" /></a></p>
<p>11. Now get a white brush  and brush over the top. Try switching a lot between different brushes, so people won&#8217;t be able to identify what brush you used, but will still be able to see the brush styles.</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/11.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/11.jpg" alt="white top brushing" width="448" height="358" /></a></p>
<p>12. Brush the top some more until you are satisfied. Don&#8217;t worry if you brush over our Arctic Monkeys characters, we&#8217;re going to fix this in the next step. Notice we did most of the brushing on the right side, this was intentional so we can mirror it later:</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/12.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/12.jpg" alt="white grunge brushing" width="448" height="358" /></a></p>
<p>13. In case you accidentally brushed over the characters, we will now fix it. If you made a backup of your stock like we mentionned in step 3, duplicate this and move it to the top. Erase any section that you want to be more visible.</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/13.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/13.jpg" alt="fixing arctic monkeys character" width="448" height="358" /></a></p>
<p>14. We&#8217;re going to make the Arctic Monkeys text stand out a little more. Make a layer underneath the text layer, and brush with a black brush under the text to make the logo more visible:</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/14.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/14.jpg" alt="arctic monkeys text" width="448" height="358" /></a></p>
<p>15. We took a huge splatter brush (around size 1200) and brushed under the very first brush layer.</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/15s.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/15s.jpg" alt="big splatter brush" width="448" height="358" /></a></p>
<p>After you&#8217;ve done it should look like the image below. Notice how it made the black and white brushing on right side of the stock a little more viewable. Here&#8217;s an animation to show the brushing:</p>
<p><img src="http://www.signaturestop.com/tutorials/arcticmonkeys/animation.gif" alt="animation arctic monkeys" width="448" height="358" /></p>
<p>16. We&#8217;re going to detail the left side of the image now. Create a new layer on top, and go to Image &gt; Apply Image. Then, select Edit &gt; Transform &gt; Flip Horizontally, it shold now look like this:</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/16.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/16.jpg" alt="horizontally flipped arctic monkeys wallpaper" width="448" height="358" /></a></p>
<p>17. Set this flipped layers blending mode to Lighten, and erase anything that covers the Arctic Monkeys characters and the text.</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/17.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/17.jpg" alt="" width="448" height="358" /></a></p>
<p>18. If there are any areas that look a little rigged, create a new layer and tap with a large brush a few times to get a better flow in the image:</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/18.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/18.jpg" alt="" width="448" height="358" /></a></p>
<p>19. We&#8217;re nearly done brushing our image, add your last pieces of brushing before we&#8217;re going to make the finnishing touches:</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/20.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/20.jpg" alt="" width="448" height="358" /></a></p>
<p>20. We&#8217;re going to sharpen our image. Create a new layer, and select Image &gt; Apply Image, and either sharpen by going to Filter &gt; Sharpen &gt;Sharpen, or by doing it manually with the sharpen tool. The sharpen tool is probably the best method, as you can select which areas you&#8217;d like to sharpen and which sections to leave untouched:</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/22.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/22.jpg" alt="sharpened image" width="448" height="358" /></a></p>
<p>21. Final finnishing touches, we grabbed a splatter brush which looks like paint dripping down. We tapped this in the left side of the image. This adds some variation and gets rid of the bad symmetry in the image.</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/23.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/23.jpg" alt="" width="448" height="358" /></a></p>
<p>22. To edit the lighting a little, we&#8217;ve added a Curves Adjustment layer (Layer &gt; New Adjutsment Layer &gt; Curves). Modify the settings slightly until you&#8217;re satisfied. Here&#8217;s the setting we&#8217;ve used:</p>
<p><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/curves.jpg" alt="curves adjustment layer" width="326" height="339" /></p>
<p>Our result at this point:</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/24aftercurves.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/24aftercurves.jpg" alt="result after curves adjustment layer" width="448" height="358" /></a></p>
<h1>Adding Wings</h1>
<p>We&#8217;ve added wings to the frontman in the stock, you will need <a rel="nofollow" href="http://www.box.net/shared/static/iw6t1zrc44.zip" target="_blank">Grungy Wing Brushes.</a></p>
<p>23. Select a wing brush that you like, and set the color to red (or whatever color you prefer). Change the size of the brush to match the stock, and tap once to create a wing. Do not make the second wing yet, we will duplicate the first one after adding some depth into the wing:</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/25.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/25.jpg" alt="" width="448" height="358" /></a></p>
<p>24. Now we will shade the wing to look more realistic, a 3D look. Select the Burn or Dodge tool, and start editing your wing. Our result (more detail in the next step) :</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/26.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/26.jpg" alt="" width="448" height="358" /></a></p>
<p>Zoom into the wing, burn the middle part of the wing with burn tool, and set the midtones with exposure around 30%. Then grab your dodge tool which is set to highlights at 10-20% ratio and dodge the upper part of the wing and the left ends of the feathers, (all of this is done with a soft brush, change the size while doing so, dodge first with a 30 sized soft brush and the lower it to around 10 and give the tiny details</p>
<p>Here are some close ups of the wing</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/zoom1.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/zoom1.jpg" alt="" width="420" height="306" /></a></p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/zoom2.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/zoom2.jpg" alt="" width="425" height="275" /></a></p>
<p>25. Select the wing layer, and right click &gt; Duplicate Layer. Now select Edit &gt; Transform &gt; Flip Horizontally, and move it to the other side of the main Arctic Monkeys character:</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/tutorials/arcticmonkeys/27.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/27.jpg" alt="arctic monkeys wallpaper" width="448" height="358" /></a></p>
<p>This brings us to our final result, we hope you enjoyed this tutorial. If you have any questions, feel free to ask these in the comments.</p>
<p><a style="border: 0px;" href="http://www.signaturestop.com/http://www.signaturestop.com/tutorials/arcticmonkeys/final2.jpg" target="_blank"><img style="border: 0px;" src="http://www.signaturestop.com/tutorials/arcticmonkeys/t1final.gif" alt="arctic monkeys wallpaper tutorial" width="448" height="358" /></a></p>
<p><a href="http://www.signaturestop.com/join/" target="_blank"><img style="border: 0px;" 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/large-piece-tutorials/arctic-monkeys-photoshop-wallpaper-tutorial/feed/</wfw:commentRss>
		<slash:comments>24</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>
	</channel>
</rss>

