<?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; Halloween</title>
	<atom:link href="http://sixcrayons.com/tag/halloween/feed/" rel="self" type="application/rss+xml" />
	<link>http://sixcrayons.com</link>
	<description>non-toxic designing</description>
	<lastBuildDate>Mon, 12 Apr 2010 14:33:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Creating an isometric Ghostbusters scene (stream crossing optional)</title>
		<link>http://sixcrayons.com/2009/10/30/creating-an-isometric-ghostbusters-scene-stream-crossing-optional/</link>
		<comments>http://sixcrayons.com/2009/10/30/creating-an-isometric-ghostbusters-scene-stream-crossing-optional/#comments</comments>
		<pubDate>Fri, 30 Oct 2009 11:42:01 +0000</pubDate>
		<dc:creator>Nick Haines</dc:creator>
				<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Ghostbusters]]></category>
		<category><![CDATA[Halloween]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Isometric]]></category>

		<guid isPermaLink="false">http://sixcrayons.com/?p=1403</guid>
		<description><![CDATA[Ghostbusters is awesome your Mum knows it, your cat knows it hell anyone vaguely aware of what went on in the eighties knows it. [...]]]></description>
			<content:encoded><![CDATA[<p class="first">Ghostbusters is <strong>awesome</strong> your Mum knows it, your cat knows it hell anyone vaguely aware of what went on in the eighties knows it. With this in mind I wanted to create an Isometric Ghostbusters scene and show you how to create vector isometric illustrations.</p>
<h3 class="title">Step 1 &#8211; Creating basic isometric shapes</h3>
<p>First off lets make a simple isometric cube.</p>
<p><img class="alignnone size-full wp-image-1409" src="http://sixcrayons.com/files/2009/10/square-iso-tile.png" alt="square-iso-tile" width="341" height="135" /></p>
<p>Create a 100 x 100 pixel diamond then using <strong>Transform</strong> reduce the height by half. You now have a simple isometric square.</p>
<p><img class="alignnone size-full wp-image-1523" src="http://sixcrayons.com/files/2009/10/tile-step-1.jpg" alt="tile-step-1" width="450" height="174" /></p>
<p>Once you&#8217;ve done this copy the square and put it underneath the first one using the align tool to keep them both centered.</p>
<p><img class="alignnone size-full wp-image-1524" src="http://sixcrayons.com/files/2009/10/tile-step-2.jpg" alt="tile-step-2" width="450" height="137" /></p>
<p>Using the <strong>Direct Selection tool (A)</strong> delete the top point on the bottom square.</p>
<p><img class="alignnone size-full wp-image-1525" src="http://sixcrayons.com/files/2009/10/tile-step-3.jpg" alt="tile-step-3" width="450" height="184" /></p>
<p>Using the <strong>Pen tool </strong>fill in the space between the two squares and draw a line down the middle of the two shapes.Use the align tool to make sure everything is centered.</p>
<p><img class="alignnone size-full wp-image-1526" src="http://sixcrayons.com/files/2009/10/tile-step-4.jpg" alt="tile-step-4" width="450" height="158" /></p>
<p>Now open the <strong>Pathfinder</strong> menu, select the bottom shape and the line and click the <strong>Divide </strong>button.</p>
<p>Creating cylindrical objects is also pretty easy.</p>
<p><img class="alignnone size-full wp-image-1528" src="http://sixcrayons.com/files/2009/10/circle-step-1.jpg" alt="circle-step-1" width="417" height="140" /></p>
<p>Create an isometric square, select it and then go to <strong>Effect &gt; Stylize &gt; Round corners</strong>. round the corners to around 200 pixels and you should get a perfect circle.</p>
<p><img class="alignnone size-full wp-image-1529" src="http://sixcrayons.com/files/2009/10/circle-step-2.jpg" alt="circle-step-2" width="417" height="152" /></p>
<p>Copy the circle and align it underneath like with the square.</p>
<p><img class="alignnone size-full wp-image-1530" src="http://sixcrayons.com/files/2009/10/circle-step-3.jpg" alt="circle-step-3" width="417" height="136" /></p>
<p>Now create a square the same width as the circles.</p>
<p>Line up the square so the bottom is lined up with the middle of the bottom of the square.</p>
<p><img class="alignnone size-full wp-image-1532" src="http://sixcrayons.com/files/2009/10/circle-step-5.jpg" alt="circle-step-5" width="417" height="111" /></p>
<p>Select both of them and press the <strong>Merge</strong> button on the <strong>Pathfinder.</strong></p>
<p>You now have a perfect cylindrical shape to suit all your trash cans and oil drum needs<strong>.<br />
</strong></p>
<p><strong><br />
</strong></p>
<h3 class="title">Step 2  Fire station</h3>
<p><img class="alignnone size-full wp-image-1486" src="http://sixcrayons.com/files/2009/10/ghostbusters-house.png" alt="ghostbusters-house" width="700" height="700" /></p>
<p>To create the Ghostbuster building I started with a pretty basic cube shape and then used <strong>Divide </strong>to create the bricks and fill in the detail. The hardest bit to get right was the door which was either too small for the building or too small for &#8216;Ecto One&#8217; to fit through.</p>
<h3 class="title">Step 3 -  Ecto One</h3>
<p><strong><img class="alignnone size-full wp-image-1488" src="http://sixcrayons.com/files/2009/10/ecto-one2.png" alt="ecto-one" width="668" height="414" /><br />
</strong></p>
<p>Ecto One was definitely the most fun to make but also the most challenging.</p>
<p>To start with I tried to get as many angles of the real thing as possible then created a basic blocky version to get the get the vehicles proportions right.</p>
<p>I was really tempted to have see through windows so you could see the inside and all the equipment, but decided after how long it took to get the wings right it wasn&#8217;t worth it (next time).</p>
<h3 class="title">Step 4 &#8211; Stay Puft man</h3>
<p><img class="alignnone size-full wp-image-1490" src="http://sixcrayons.com/files/2009/10/Stay-Puft-man-example.png" alt="Stay-Puft-man-example" width="548" height="414" /></p>
<p>The least evil thing in Rays mind was pretty easy to draw, I stacked up a few basic blocks to get the posture and then morphed a few circles to make his body.</p>
<h3 class="title">Step 5 -The Team</h3>
<p><strong><img class="alignnone size-full wp-image-1467" src="http://sixcrayons.com/files/2009/10/ghostbusters.png" alt="ghostbusters" width="415" height="222" /></strong></p>
<p>On the actual picture you cant really see any detail on these guys but I did start big with them (although looking at them now Winston does seem to be having back issues I blame the proton pack).</p>
<div id="attachment_1498" class="wp-caption alignnone" style="width: 610px"><img class="size-full wp-image-1498" src="http://sixcrayons.com/files/2009/10/ghostbusters-21.png" alt="finished ghostbusters scene" width="600" height="741" /><p class="wp-caption-text">finished ghostbusters scene</p></div>
<p>And now heres everything together, I added a few lighting effects for the proton pack using blur and outer glow and created a Taxi using Ecto-one as a base.</p>
<p>Thanks for reading and if you have any questions about anything leave me a comment here and I&#8217;ll be more than happy to get back to you.</p>
<h3>Happy Halloween!</h3>
<p>You can also download the full Ai for Ecto One below as a Halloween treat. <img src='http://sixcrayons.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h3><a title="Ecto One Ai" href="http://sixcrayons.com/files/2009/10/ecto-one-tutorial.ai.zip"><img class="alignleft size-full wp-image-519" src="http://sixcrayons.com/files/2009/09/download.png" alt="download" width="300" height="87" /></a></h3>
]]></content:encoded>
			<wfw:commentRss>http://sixcrayons.com/2009/10/30/creating-an-isometric-ghostbusters-scene-stream-crossing-optional/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<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 Ford</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 <img src='http://sixcrayons.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  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&#039;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. <img src='http://sixcrayons.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </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&#039;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>
	</channel>
</rss>

