<?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>SixCrayons &#187; Tutorial</title>
	<atom:link href="http://sixcrayons.com/tag/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://sixcrayons.com</link>
	<description>non-toxic designing</description>
	<lastBuildDate>Tue, 25 May 2010 16:19:08 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Photoshop Zombie Tutorial</title>
		<link>http://sixcrayons.com/2009/10/29/photoshop-zombie-tutorial/</link>
		<comments>http://sixcrayons.com/2009/10/29/photoshop-zombie-tutorial/#comments</comments>
		<pubDate>Thu, 29 Oct 2009 11:25:59 +0000</pubDate>
		<dc:creator>Harry</dc:creator>
				<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Halloween]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Zombies]]></category>

		<guid isPermaLink="false">http://sixcrayons.com/?p=485</guid>
		<description><![CDATA[As a Halloween treat I thought I&#8217;d create this zombie tutorial using Photoshop. Hope you enjoy creating the undead as much as I did! [...]]]></description>
			<content:encoded><![CDATA[<p class="first">As a Halloween treat I thought I&#8217;d create this zombie tutorial using Photoshop. Hope you enjoy creating the undead as much as I did!</p>
<h3 class="title">Step 1</h3>
<p>First off you grab a few photos of really ugly mates and maybe one of yourself (me far right). Then place them where you like and start cutting them out. I thought I would just use images from the torso up in this post to save me a little time and to concentrate on the facial detail. If you can get your mates in Zombies poses the more it will help the authenticity of the image.</p>
<div id="attachment_1342" class="wp-caption alignnone" style="width: 625px"><a href="http://sixcrayons.com/files/2009/10/step1.jpg"><img class="size-full wp-image-1342" src="http://sixcrayons.com/files/2009/10/step1.jpg" alt="step1" width="615" height="185" /></a><p class="wp-caption-text">Choose your Zombies</p></div>
<h3 class="title">Step 2</h3>
<p>Find yourself a texture for the skin I wanted  a dry peeling skin affect so I used a dry clay texture. Overlay the texture on each zombies skin and cut it out by lowering the opacity of the texture layer.</p>
<div id="attachment_1343" class="wp-caption alignnone" style="width: 625px"><a href="http://sixcrayons.com/files/2009/10/step2.jpg"><img class="size-full wp-image-1343 " src="http://sixcrayons.com/files/2009/10/step2.jpg" alt="step2" width="615" height="185" /></a><p class="wp-caption-text">Choose a good texture and cut it out</p></div>
<div id="attachment_1385" class="wp-caption alignnone" style="width: 625px"><a href="http://sixcrayons.com/files/2009/10/roughtexture.jpg"><img class="size-full wp-image-1385 " src="http://sixcrayons.com/files/2009/10/roughtexture.jpg" alt="roughtexture" width="615" height="185" /></a><p class="wp-caption-text">Lower opacity to see what affect it has on your zombies faces</p></div>
<h3 class="title">Step 3</h3>
<p>Once you have the cut out the texture to fit the faces lower its opacity so that you can only just see it above your zombies skin. Try out a few textures until your happy with one. The one I used was great as it not only made the skin look dry and cracked it also looked sore and rotting. Perfect for zombies :) You can highlight parts of the texture making it look more like cracked skin. Either by using the burn tool lightly or darkening parts with the paintbrush.</p>
<div id="attachment_1344" class="wp-caption alignnone" style="width: 625px"><a href="http://sixcrayons.com/files/2009/10/step3.jpg"><img class="size-full wp-image-1344 " src="http://sixcrayons.com/files/2009/10/step3.jpg" alt="step3" width="615" height="185" /></a><p class="wp-caption-text">Have fun testing different textures and see the awesome effects</p></div>
<h3 class="title">Step 4</h3>
<p>Right now to tidy up cut around your zombies take your time and make sure you have made the right choice with the zombies. No point in going to all the effort when you don&#8217;t really think your zombie is just not zombie enough. Here&#8217;s a few tips on how to place and select the right zombies.</p>
<p>1. Make sure your Zombies aren&#8217;t too over the top. I&#8217;m a traditional zombie guy I like the old style walking dead zombie slow and hungry &#8211; Check out <a title="Dawn of the Dead" href="http://www.imdb.com/title/tt0077402/" target="_blank">Dawn of the Dead</a></p>
<p>2. They are zombies, there dead i.e zombies they don&#8217;t really smile or pull funny faces (so lets dump the funny looking one).</p>
<p>3. Layer your zombies, have a couple in the foreground and one in the background, play around with perspective until you are happy.</p>
<div id="attachment_1345" class="wp-caption alignnone" style="width: 625px"><a href="http://sixcrayons.com/files/2009/10/step4.jpg"><img class="size-full wp-image-1345" src="http://sixcrayons.com/files/2009/10/step4.jpg" alt="step4" width="615" height="185" /></a><p class="wp-caption-text">Make sure you have chosen the right zombies for your image! And get cutting</p></div>
<h3 class="title">Step 5</h3>
<p>To help you choose your perspective sometimes choosing your background can help. A background can give you depth to your image. It will set the scene and give your image the right mood if you choose the right one. Once again take your time use Flickr there are endless amounts of scenarios you can create.</p>
<div id="attachment_1351" class="wp-caption alignnone" style="width: 625px"><a href="http://sixcrayons.com/files/2009/10/step6.jpg"><img class="size-full wp-image-1351" src="http://sixcrayons.com/files/2009/10/step6.jpg" alt="step6" width="615" height="202" /></a><p class="wp-caption-text">Time to select a background</p></div>
<h3 class="title">Step 6</h3>
<p><a href="http://sixcrayons.com/files/2009/10/layers.jpg"><img class="alignleft size-full wp-image-1380" src="http://sixcrayons.com/files/2009/10/layers.jpg" alt="layers" width="208" height="199" /></a>Now to start adding the effects. I use a Wacom to add shading to my image you will find it helps with curves and blurring. Create a new layer for each bit you add too your post. This will stop you from making any mistakes on your actual zombie layer itself.</p>
<p>Use your Wacom to sketch on some rough shadow under the eyes and define the zombies faces i.e cheek bones and chins. Use the blur tool to blue the shadow this will fade it into the faces and make it look more realistic.</p>
<div id="attachment_1353" class="wp-caption alignnone" style="width: 625px"><a href="http://sixcrayons.com/files/2009/10/step7.jpg"><img class="size-full wp-image-1353" src="http://sixcrayons.com/files/2009/10/step7.jpg" alt="step7" width="615" height="202" /></a><p class="wp-caption-text">Right now it&#39;s time to start adding the gory bits</p></div>
<h3 class="title">Step 7</h3>
<p>As you can see in the last step I started to add some wounds to the zombies. As I have a Wacom I can spend lots of time illustrating wounds making them realistic but it takes a looong time. If you haven&#8217;t the time and want pretty much the same outcome search google or Flickr for fake wounds or real ones if you have a very strong belly there is plenty of imagery out there for you to play with. I also started to play with the zombies eyes a little here blanking them all out white gives the effect of death. They say the eyes are the windows to the soul but these guys have no souls so they don&#8217;t really need lovely looking eyes do they. :)</p>
<div id="attachment_1356" class="wp-caption alignnone" style="width: 625px"><a href="http://sixcrayons.com/files/2009/10/step8.jpg"><img class="size-full wp-image-1356" src="http://sixcrayons.com/files/2009/10/step8.jpg" alt="step8" width="615" height="201" /></a><p class="wp-caption-text">Make sure your zombies look rotten!</p></div>
<div id="attachment_1394" class="wp-caption alignnone" style="width: 624px"><a href="http://sixcrayons.com/files/2009/10/harrywound.jpg"><img class="size-full wp-image-1394" src="http://sixcrayons.com/files/2009/10/harrywound.jpg" alt="harrywound" width="614" height="198" /></a><p class="wp-caption-text">Take your time making the wounds look real</p></div>
<p>Use warp on your wounds to get them in the right perspective with enough tweaking and touching up it will look awesome. I used the paintbrush to make slight lines around the wound to make it look risen which then makes the it look as if there are lumps of flesh missing from the zombies face.</p>
<h3 class="title">Step 8</h3>
<div id="attachment_1400" class="wp-caption alignleft" style="width: 314px"><a href="http://sixcrayons.com/files/2009/10/harryblood.jpg"><img class="size-full wp-image-1400" src="http://sixcrayons.com/files/2009/10/harryblood.jpg" alt="harryblood" width="304" height="304" /></a><p class="wp-caption-text">Blood effects can be very cool</p></div>
<p>Adding blood to your image is easy to do. I simply created another layer on top of my zombie and started colouring different shades of blood where I though appropriate. Once your blood is sketched in simply use the blur tool with full opacity to blur your blood to the shirt and face.</p>
<p>I didn&#8217;t find any blood tutorials particularly helpful they all pretty much just embossed a vector layer to make it stand out and wet looking. I wanted the blood to be dry and soaked in apposed to wet and risen.</p>
<div id="attachment_1357" class="wp-caption alignnone" style="width: 625px"><a href="http://sixcrayons.com/files/2009/10/step9.jpg"><img class="size-full wp-image-1357 " src="http://sixcrayons.com/files/2009/10/step9.jpg" alt="step9" width="615" height="202" /></a><p class="wp-caption-text">Right I think it&#39;s time for more blood!</p></div>
<h3 class="title">Step 9</h3>
<div id="attachment_1437" class="wp-caption alignleft" style="width: 188px"><a href="http://sixcrayons.com/files/2009/10/wardyeye.jpg"><img class="size-full wp-image-1437" src="http://sixcrayons.com/files/2009/10/wardyeye.jpg" alt="Burn some eyeballs!" width="178" height="178" /></a><p class="wp-caption-text">Burn some eyeballs!</p></div>
<p>Drawing in blood will take time sketch it in then blur it. Once you have a base coat of blood add a darker layer above it to add depth and age to the blood.</p>
<p>You can also start using the burn tool at this point burn. Use it under your zombies eyes and shaded places to create a darker harder feel to your zombies. Adding red around some of the edges like the nostrils will give a sore, worn effect.</p>
<div id="attachment_1358" class="wp-caption alignnone" style="width: 625px"><a href="http://sixcrayons.com/files/2009/10/step10.jpg"><img class="size-full wp-image-1358" src="http://sixcrayons.com/files/2009/10/step10.jpg" alt="step10" width="615" height="202" /></a><p class="wp-caption-text">Blood is good</p></div>
<h3 class="title">Step 10</h3>
<div id="attachment_1423" class="wp-caption alignleft" style="width: 190px"><a href="http://sixcrayons.com/files/2009/10/stevenosebite.jpg"><img class="size-full wp-image-1423 " src="http://sixcrayons.com/files/2009/10/stevenosebite.jpg" alt="HMMMM tasty!" width="180" height="180" /></a><p class="wp-caption-text">Hmmmm Tasty!</p></div>
<p>I found this dog bit mark on Devient Art so I tweaked it and moved it around to make it look more like a humans bite mark. I sketched a little red around each hole to make the cuts look sore and bloody.</p>
<p>I have also started to add shading to the far left zombie. You add another layer above the face layer and shade in where you want the shadow to be then use blur to heavily meld it into the face. (You can see the technique used more clearly in the next step)</p>
<div id="attachment_1360" class="wp-caption alignnone" style="width: 625px"><a href="http://sixcrayons.com/files/2009/10/step11.jpg"><img class="size-full wp-image-1360 " src="http://sixcrayons.com/files/2009/10/step11.jpg" alt="step11" width="615" height="202" /></a><p class="wp-caption-text">All Zombies must have been bitten at some point! OM NOM NOM </p></div>
<h3 class="title">Step 11</h3>
<p>As you can see I also added a t-shirt graphic on the far right zombie I felt there was too much white space. I thought a zombie graphic would be very fitting. Remeber it takes time to get your zombies looking right keep adding plenty of shadow making them look as gaunt and as hungry as possible.</p>
<div id="attachment_1361" class="wp-caption alignnone" style="width: 625px"><a href="http://sixcrayons.com/files/2009/10/step12.jpg"><img class="size-full wp-image-1361" src="http://sixcrayons.com/files/2009/10/step12.jpg" alt="step12" width="615" height="202" /></a><p class="wp-caption-text">More blood and shadows</p></div>
<h3 class="title">Step 12</h3>
<p>I used the same technique for the highlights here as I used for the shadows. A good thing to do is add more than you actually need then slowly fade it away. As long as you have it on a separate layer as your zombie pictures it will not effect the skin and you can just keep adding highlights and shadows.</p>
<div id="attachment_1362" class="wp-caption alignnone" style="width: 625px"><a href="http://sixcrayons.com/files/2009/10/step13.jpg"><img class="size-full wp-image-1362" src="http://sixcrayons.com/files/2009/10/step13.jpg" alt="step13" width="615" height="202" /></a><p class="wp-caption-text">Zombie highlights</p></div>
<h3 class="title">Step 13</h3>
<p>I found myself repeatedly looking at the big gap in between the the zombie on the far right and the centre one. So I asked someone at work to pose for me and took lots of pictures of their hand. Best thing to do is test out loads of hand shapes. Different angles and shapes of hands can signify different things like anger or desperation. You could even have your zombie holding something like another hand?!</p>
<div id="attachment_1363" class="wp-caption alignnone" style="width: 625px"><a href="http://sixcrayons.com/files/2009/10/step14.jpg"><img class="size-full wp-image-1363" src="http://sixcrayons.com/files/2009/10/step14.jpg" alt="step14" width="615" height="202" /></a><p class="wp-caption-text">Empty space </p></div>
<h3 class="title">Step 14</h3>
<div id="attachment_1364" class="wp-caption alignnone" style="width: 625px"><a href="http://sixcrayons.com/files/2009/10/step15.jpg"><img class="size-full wp-image-1364 " src="http://sixcrayons.com/files/2009/10/step15.jpg" alt="step15" width="615" height="202" /></a><p class="wp-caption-text">Dirty naughty hand!</p></div>
<p>The problem I had with this hand was that it was a slightly different colour to the zombie whom it belonged to. So I had to spend plenty of time adding new layers and putting plenty of fake blood to give it the look that it had been used for grasping eating and fighting.</p>
<h3 class="title">Step 15</h3>
<p>Right we are nearly there now. At this point take a good look around your post. Can any part of it be darkened, does the lighting look right, do my zombies have enough blood on them? (Seriously you can never have too much blood) Once your happy with all of your effects then have a little tidy up of edges. The burn tool makes a useful edge tool I find burning some of the edges will make them sharper and darker giving a much better effect.</p>
<div id="attachment_1365" class="wp-caption alignnone" style="width: 625px"><a href="http://sixcrayons.com/files/2009/10/step16.jpg"><img class="size-full wp-image-1365 " src="http://sixcrayons.com/files/2009/10/step16.jpg" alt="step16" width="615" height="202" /></a><p class="wp-caption-text">The End is Nigh!!!!!!</p></div>
<h3 class="title">Step 16</h3>
<p>There you have it our finished Undead! They do not make a pretty picture but that&#8217;s what makes them dead good. If you are a huge zombie fan I would love to see some of your artwork so post your links up within the comments to show off your Zombie mates!</p>
<div id="attachment_1366" class="wp-caption alignnone" style="width: 625px"><a href="http://sixcrayons.com/files/2009/10/step17.jpg"><img class="size-full wp-image-1366 " src="http://sixcrayons.com/files/2009/10/step17.jpg" alt="step17" width="615" height="202" /></a><p class="wp-caption-text">UGGGAAAAA UGGRRRRR</p></div>
<h3>Happy Halloween Everyone!!!!</h3>
]]></content:encoded>
			<wfw:commentRss>http://sixcrayons.com/2009/10/29/photoshop-zombie-tutorial/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Photoshop Tutorial Site Round-up</title>
		<link>http://sixcrayons.com/2009/10/16/photoshop-tutorial-site-roundup/</link>
		<comments>http://sixcrayons.com/2009/10/16/photoshop-tutorial-site-roundup/#comments</comments>
		<pubDate>Fri, 16 Oct 2009 11:36:38 +0000</pubDate>
		<dc:creator>Harry</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[CS4]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://sixcrayons.com/?p=1177</guid>
		<description><![CDATA[There are plenty of Photoshop tutorial sites about the thing is most of them are pretty lame. Mostly filled with regurgitated tutorials that tend [...]]]></description>
			<content:encoded><![CDATA[<p class="first">There are plenty of Photoshop tutorial sites about the thing is most of them are pretty lame. Mostly filled with regurgitated tutorials that tend to waste your time reading through them than actually teaching you anything.</p>
<p>So once a week I try and find a really compelling tutorial to try out myself and see what I can learn from it. It is a perfect way to keep yourself on your toes with Photoshop. Here is a small roundup of sites I tend to browse weekly for inspiring tutorials.</p>
<h3 class="quote"><a title="PSDTUTS" href="http://psd.tutsplus.com/" target="_blank">PSDTUTS</a></h3>
<p><a title="PSD TUTS" href="http://psd.tutsplus.com/" target="_blank"><img class="aligncenter size-full wp-image-1183" src="http://sixcrayons.com/files/2009/10/psdtuts2.jpg" alt="psdtuts2" width="615" height="300" /></a></p>
<h3 class="quote"><a title="PSHERO" href="http://pshero.com/" target="_blank">PSHERO</a></h3>
<p><a title="PS HERO" href="http://pshero.com/" target="_blank"><img class="aligncenter size-full wp-image-1186" src="http://sixcrayons.com/files/2009/10/pshero.jpg" alt="pshero" width="615" height="300" /></a></p>
<h3 class="quote"><a title="PSDLearning" href="http://psdlearning.com/" target="_blank">PSDLearning</a></h3>
<p><a title="PSD Learning" href="http://psdlearning.com/" target="_blank"><img class="aligncenter size-full wp-image-1193" src="http://sixcrayons.com/files/2009/10/psdlearning.jpg" alt="psdlearning" width="615" height="300" /></a></p>
<h3 class="quote"><a title="Tutorial9" href="http://www.tutorial9.net/" target="_blank">Tutorial9</a></h3>
<p><a title="Tutorial9" href="http://www.tutorial9.net/" target="_blank"><img class="aligncenter size-full wp-image-1194" src="http://sixcrayons.com/files/2009/10/tut9.jpg" alt="tut9" width="615" height="300" /></a></p>
<h3 class="quote"><a title="Good Tutorials" href="http://www.good-tutorials.com/" target="_blank"><strong>Good Tutorials</strong></a></h3>
<p><strong><a title="Good Tutorials" href="http://www.good-tutorials.com/" target="_blank"><img class="aligncenter size-full wp-image-1198" src="http://sixcrayons.com/files/2009/10/goodtutorial.jpg" alt="goodtutorial" width="615" height="300" /></a></strong></p>
<h3 class="quote"><strong><a title="Abduzeedo" href="http://abduzeedo.com/" target="_blank"><strong>Abduzeedo</strong></a></strong></h3>
<p><strong> </strong></p>
<p><strong><strong><a title="Abduzeedo" href="http://abduzeedo.com/" target="_blank"><img class="aligncenter size-full wp-image-1201" src="http://sixcrayons.com/files/2009/10/abduzeedo.jpg" alt="abduzeedo" width="615" height="300" /></a></strong></strong></p>
<h3 class="quote"><strong><strong><a title="PSD Fan" href="http://psdfan.com/" target="_blank">PSD Fan</a></strong></strong></h3>
<p><strong><strong><a title="PSD Fan" href="http://psdfan.com/" target="_blank"><img class="aligncenter size-full wp-image-1204" src="http://sixcrayons.com/files/2009/10/psdfan.jpg" alt="psdfan" width="615" height="300" /></a></strong></strong></p>
<h3 class="quote"><strong><strong><a title="MickM" href="http://www.mickm.com/tutorials" target="_blank">MickM</a></strong></strong></h3>
<p><strong><strong><a title="MickM" href="http://www.mickm.com/tutorials" target="_blank"><img class="aligncenter size-full wp-image-1207" src="http://sixcrayons.com/files/2009/10/mickm.jpg" alt="mickm" width="615" height="300" /></a></strong></strong></p>
<h3 class="quote"><strong><strong><a title="Adobe Tutorials" href="http://www.adobetutorialz.com/" target="_blank">Adobe Tutorials</a></strong></strong></h3>
<p><strong><strong> </strong></strong></p>
<p><strong><strong><a title="Adobe Tutorialz" href="http://www.adobetutorialz.com/" target="_blank"><img class="aligncenter size-full wp-image-1211" src="http://sixcrayons.com/files/2009/10/adobetuts.jpg" alt="adobetuts" width="615" height="300" /></a></strong></strong></p>
<h3 class="quote"><strong><strong><a title="Deviant Art" href="http://www.deviantart.com/" target="_blank">Deviant Art</a></strong></strong></h3>
<p><strong><strong> </strong></strong></p>
<p>Deviant Art may not be the most obvious of choices for Photoshop tutorial sites but I have found some of the most inspirational tutorials, designers and artists through Devient Art. You will not find a site more frequently updated by designers from all around the world than DA. I have also posted an example tutorial by a user below.</p>
<p><a title="Deviant Art" href="http://www.deviantart.com/" target="_blank"><img class="aligncenter size-full wp-image-1214" src="http://sixcrayons.com/files/2009/10/deviantart.jpg" alt="deviantart" width="615" height="300" /></a><br />
<h3 class="quote"><a title="Deviant Art Tutorial" href="http://ashwings.deviantart.com/art/Fox-Fire-Tutorial-18131848" target="_blank">Example Tutorial </a></h3>
<p><strong><strong><a title="Deviant Art Tutorial" href="http://ashwings.deviantart.com/art/Fox-Fire-Tutorial-18131848" target="_blank"><img class="aligncenter size-full wp-image-1215" src="http://sixcrayons.com/files/2009/10/tutorialda.jpg" alt="tutorialda" width="615" height="300" /></a></strong></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://sixcrayons.com/2009/10/16/photoshop-tutorial-site-roundup/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
