<?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>Halo 3 Webcomics &#187; tutorials</title>
	<atom:link href="http://halo3webcomics.com/tag/tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>http://halo3webcomics.com</link>
	<description>You never had it so good.</description>
	<lastBuildDate>Wed, 06 May 2009 13:19:18 +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>HowTo: Planning</title>
		<link>http://halo3webcomics.com/2009/02/howto-planning/</link>
		<comments>http://halo3webcomics.com/2009/02/howto-planning/#comments</comments>
		<pubDate>Mon, 23 Feb 2009 13:00:55 +0000</pubDate>
		<dc:creator>HolyJunkie</dc:creator>
				<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[HowTo]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://halo3webcomics.com/?p=152</guid>
		<description><![CDATA[I at first thought of making a How-to about how to make something original, but it ultimately boils down to &#8220;Has it been done before, and if it&#8217;s actually lame, what can be done to make it not lame?&#8221; Then when I was almost done the strangely long guide (almost 700 words, which is surprising, [...]]]></description>
			<content:encoded><![CDATA[	<p>I at first thought of making a How-to about how to make something original, but it ultimately boils down to &#8220;Has it been done before, and if it&#8217;s actually lame, what can be done to make it not lame?&#8221;</p>
	<p>Then when I was almost done the strangely long guide (almost 700 words, which is surprising, considering the fact that the subject is&#8230;)</p>
	<p>Okay, I&#8217;m done with backstory now. The point is: I erased the work I did to replace with an even better idea: Making a plan for your comic&#8217;s story. It&#8217;s actually pretty easy. Here&#8217;s the first step:</p>
	<p>Open up some text-writing application, like Microsoft Word, or Notepad, or something like that. If you lack any of that (... how is that possible?) then don&#8217;t fret. Just grab a pencil and paper. If you lack the applications, or pencils and paper, or ANY writing skill, I suggest going to school before attempting something like this.</p>
	<p>Anyway, start off with the thing that will allow you to identify it easily: The Title. Also be sure to save it as what you wrote in the title.</p>
	<p>Example: if I&#8217;m writing the Drawl Origins plotline, I call it &#8220;Drawl Origins Plotline&#8221;. If you have more stories, repeat step. If you have too many, just put it all into one document and call it &#8220;SUPER-AWESOME COMIC PLOTLINES&#8221; or something along those lines&#8230; Or you can call it &#8220;HolyJunkie sucks&#8221;, because you can. In fact, I&#8217;ll probably give no dollars to whoever actually calls their &#8220;general plotline list&#8221; as &#8220;HolyJunkie sucks&#8221;, takes a screenshot of it, and then shows it on the forum.</p>
	<p>Of course, it won&#8217;t achieve anything, but it&#8217;ll be fun&#8230; Okay, back off the irrelevance wagon.</p>
	<p>Anyway, after the title, put in a Character list: Example:</p>
	<p>DEAD:<br />
<ul><br />
<li>Jakob Meredith</li><br />
<li>Usne Racot</li><br />
<li>Colonel Harrison</li><br />
<li>Frank</li><br />
<li>Lars</li><br />
<li>Jon</li><br />
<li>Helen</li><br />
<li>Rled Kajalee</li><br />
<li>Philip Mason</li><br />
<li>James Kordak</li><br />
<li>Nurse</li><br />
<li>Sate</li><br />
<li>Advent</li><br />
<li>Yoral</li><br />
<li>Assorted survivors</li><br />
</ul><br />
Next, you write up the location. I&#8217;ll use DEAD again as an example:</p>
	<p>The planet DEAD is based in is a pretty resource-rich planet. If the effort is put up, a single entity can survive on the planet. It&#8217;s not majorly covered in ocean, giving more land for sentient creatures to cultivate. All in all, a resource-rich planet that has yet to be discovered by either the Humans or Covenant. (This is a nutshell, by the way)</p>
	<p>After that, you type out a list of the Prologue, Chapter 1, Chapter 2, all the way to &#8220;Final Chapter&#8221; or &#8220;Epilogue&#8221;. Once you do that, you start writing out a general chapter synopsis for each chapter.</p>
	<p>Once you have the general idea, you can work on the details. In my case, I can&#8217;t really work on the details unless I actually get the characters on Halo 3 and position them. It&#8217;s then that I start getting the real details, mainly because I have the visual.</p>
	<p>Again: Example via DEAD.</p>
	<p>Prologue: N/A</p>
	<p>Chapter 1: Jakob awakens after crash-landing from Anthroforge. Begins land-based exploration of new planet. Ambushed by Usne, saved by Frank and Lars. After a bout of schizophrenia, Jakob splits from the two and attempts to take on Usne. Due to underestimation, Jakob is downed easily. Usne was about to finish off Jakob when Colonel Harrison saves Jakob with a flamethrower. Harrison leads Jakob to Survivor Base Crete</p>
	<p>Chapter 2: They arrive at Survivor Base Crete, a Forerunner facility that has been proven to be Usne-proof.  Whether it&#8217;s the fact that it&#8217;s high on a cliff and an island that I doubt anything, let alone Usne, would be able to reach, or some other happenstance, I actually don&#8217;t care that much. It just works, lol. Anyway, Harrison and Frank discuss Jon and Helen&#8217;s find. Harrison then takes Jakob to Nurse. Jakob and Nurse exchange background stories (takes a while). Harrison and Jakob then join Lars to fly to Helen and Jon&#8217;s position.</p>
	<p>Chapter 3: They arrive at the &#8220;abandoned Covenant Arctic Base&#8221;. The only place that hasn&#8217;t been searched is an underground Forerunner facility below the base. The Crete Survivors don&#8217;t yet know about the Forerunners, considering they&#8217;re been out of the war for over six years. One year before the discovery of Halo (in the Haloverse.) Usne arrives, and wounds Harrison before retreating again. Jakob, unsure of how to get Harrison out of there on his own, is helped by the only survivor of the Arctic Base, who hid in the Forerunner Facility to avoid Usne. Said Elite is Rled.</p>
	<p>I won&#8217;t get into any more details and stuff, but that&#8217;s the actual chapter synopsis I wrote for DEAD. I would show all of the others I have, but I don&#8217;t think I want to. Nyah nyah, lol.</p>
	<p>Being able to write is a must. If you need help writing, just randomly type stuff&#8230; preferrably in a language people can understand. If you just randomly bash your hands on the keyboard, you&#8217;re not learning anything. You get actual technique if you do it right. That&#8217;s something Kung fu taught me.</p>
	<p>Anyway, HJ signing off with his ever-so useless reports of How-to guides.<br />
-HolyJunkie.</p>

 ]]></content:encoded>
			<wfw:commentRss>http://halo3webcomics.com/2009/02/howto-planning/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>HowTo: Screenshots: Part 1</title>
		<link>http://halo3webcomics.com/2009/02/how-to-screenshots-part-1/</link>
		<comments>http://halo3webcomics.com/2009/02/how-to-screenshots-part-1/#comments</comments>
		<pubDate>Mon, 02 Feb 2009 20:09:45 +0000</pubDate>
		<dc:creator>The Catfish</dc:creator>
				<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[how-to]]></category>
		<category><![CDATA[screenshots]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://halo3webcomics.com/?p=78</guid>
		<description><![CDATA[Okay, now I know screenshot guides are a penny a dozen across the net so there&#8217;s probably some other place you could go for this information. This though is a basic screenshot guide for screenshots, and for doing shots for comics so here goes. Nearly everywhere else people always inform you of the rule of [...]]]></description>
			<content:encoded><![CDATA[	<p>Okay, now I know screenshot guides are a penny a dozen across the net so there&#8217;s probably some other place you could go for this information. This though is a basic screenshot guide for screenshots, and for doing shots for comics so here goes.</p>
	<p>Nearly everywhere else people always inform you of the rule of three. This is the basic rule of screenshots, and photography in general. Divide the picture into three sections and there should be something along the lines or at an intersection.</p>
	<p><img class="alignnone size-large wp-image-86" src="http://halo3webcomics.com/wp-content/uploads/2009/01/62144674-full-1024x768.jpg" alt="62144674-full" width="574" height="430" /></p>
	<p>Above you can see how this works. Get a basic idea of where to position your shots for a good one.</p>
	<p>Another thing to do is to get onto the same level as your subject. Don&#8217;t be looking all up and down, it skews it a bit too much. Of course if you need a birds eye view then that is where this doesn&#8217;t really matter as you don&#8217;t notice.</p>
	<p>Now compare the next two images&#8230;</p>
	<p><img class="alignnone size-full wp-image-87" src="http://halo3webcomics.com/wp-content/uploads/2009/01/64305648-full.jpg" alt="64305648-full" width="602" height="451" /></p>
	<p><img class="alignnone size-full wp-image-88" src="http://halo3webcomics.com/wp-content/uploads/2009/01/63624250-full.jpg" alt="63624250-full" width="602" height="451" /></p>
	<p>The first has a lot of dead space. No matter what may be going on in the background it&#8217;s essentially dead. The second shows it off differently; in facing into the shot people follow the eye line of subjects and scan across the image.</p>
	<p>Now tips for comics.</p>
	<p>Here is a comparison of the size of two pictures of mine.</p>
	<p><img class="alignnone size-full wp-image-90" src="http://halo3webcomics.com/wp-content/uploads/2009/01/63624083-full.jpg" alt="63624083-full" width="602" height="451" /></p>
	<p><img class="alignnone size-full wp-image-89" src="http://halo3webcomics.com/wp-content/uploads/2009/01/cropped.jpg" alt="cropped" width="340" height="317" /></p>
	<p>I crop my pictures to be 340&#215;317 pixels. This allows a nice gap of 5 from the side edges and the top, and a gap of 10 from any other picture. I do change it for longer shots by combining and whatnot but that&#8217;s beside the point. The problem with doing this is that if you fill the original shot with your subjects, you invariably cut off some of them. Unless however you want to fully resize the image but you end up with them all squashed up. What I tend to do is leave dead space to one side, or centralise as much as possible.</p>
	<p>That&#8217;s all for now folks. Use those basics as a platform to jump off and develop your own styles. Remember to also leave room for speech otherwise it ends up cramped.</p>
	<p>Next time I&#8217;ll give up a chunk about effects in game. Enjoy and have fun snapping.</p>
	<p><img class="alignnone size-full wp-image-91" src="http://halo3webcomics.com/wp-content/uploads/2009/01/63425513-full.jpg" alt="63425513-full" width="610" height="457" /></p>

 ]]></content:encoded>
			<wfw:commentRss>http://halo3webcomics.com/2009/02/how-to-screenshots-part-1/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>HowTo: Making Good Text Balloons</title>
		<link>http://halo3webcomics.com/2009/01/howto-making-good-text-balloons/</link>
		<comments>http://halo3webcomics.com/2009/01/howto-making-good-text-balloons/#comments</comments>
		<pubDate>Fri, 16 Jan 2009 15:40:52 +0000</pubDate>
		<dc:creator>Jim (TTL Demag0gue)</dc:creator>
				<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[dialogue balloons]]></category>
		<category><![CDATA[how-to]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://halo3webcomics.com/?p=42</guid>
		<description><![CDATA[One of the most important things about making comics is creating good text balloons, and it seems that a lot of webcomics creators have trouble creating balloons that have properly sized flags and that leave enough room for their dialogue. This tutorial will show you how to use Photoshop to create balloons that will look [...]]]></description>
			<content:encoded><![CDATA[	<p><img src="http://halo3webcomics.com/wp-content/uploads/2009/01/balloons.gif" alt="Text Balloons" title="Text Balloons" width="330" height="200" class="alignleft size-full wp-image-40" />One of the most important things about making comics is creating good text balloons, and it seems that a lot of webcomics creators have trouble creating balloons that have properly sized flags and that leave enough room for their dialogue.  This tutorial will show you how to use Photoshop to create balloons that will look sharp and clean and that won&#8217;t crowd out your text.</p>
	<p>Start by creating your canvas.  I filled mine with grey to make it easier to see what&#8217;s happening in each step.  Then, add in your text because you&#8217;re going to need to build your dialogue balloon <em>around</em> it. (The dialogue I&#8217;m using here is from a <a href="http://reclaimercomic.com/2009/01/137-security-feature/">recent Reclaimer comic</a>.)</p>
	<p><img src="http://halo3webcomics.com/wp-content/uploads/2009/01/text.jpg" alt="text" title="text" width="268" height="131" class="alignnone size-full wp-image-59" /></p>
	<p>Create a new layer and put it under your text layer.  Make this new layer your active layer.  All our work from this point forward will be done here.  </p>
	<p>The first part of creating a text balloon is making the flag.  This tutorial will describe how to make a curved flag, since these are more involved than making a simple, straight flag.  Using your pen tool, click right next to your text to set an anchor point, and then click again at the point where you want the point of your flag to be.  Without releasing this second point, drag your mouse to create the curve that you want.</p>
	<p><img src="http://halo3webcomics.com/wp-content/uploads/2009/01/flag-part1.gif" alt="flag-part1" title="flag-part1" width="250" height="177" class="alignnone size-full wp-image-50" /></p>
	<p>You&#8217;ll see that your new point now how two tails coming out from it.  Alt-click on the point of the tail furthest from your text and drag it around so that it lines up with the other tail.  You can lengthen or shorten this tail as you see fit; I usually shorten it up quite a bit.</p>
	<p><img src="http://halo3webcomics.com/wp-content/uploads/2009/01/flag-part2.gif" alt="flag-part2" title="flag-part2" width="250" height="177" class="alignnone size-full wp-image-51" /></p>
	<p>Both tails should now be pointing back in the rough direction of your text.  With the pen tool, click next to your text again near your original anchor point.  The goal for this third point is to set it close to the anchor without being either too close or too far away.  You don&#8217;t want your flag to look too thin, but you don&#8217;t want it to look extremely fat, either.  Once you&#8217;ve made several text balloons, you&#8217;ll start to get an idea for what looks good.  </p>
	<p>Now, again without releasing this point, drag your mouse to make a curve that roughly makes your first curve.  Try not to make it too extreme in either direction since doing so can adversely affect the shape of your flag, especially near the point.</p>
	<p><img src="http://halo3webcomics.com/wp-content/uploads/2009/01/flag-part3.gif" alt="flag-part3" title="flag-part3" width="250" height="177" class="alignnone size-full wp-image-52" /></p>
	<p>Again, you&#8217;ll have two tails for this point.  Alt-Click the upper point and drag it down so that it&#8217;s pointing directly at your original anchor, shortening the tail as you do.</p>
	<p><img src="http://halo3webcomics.com/wp-content/uploads/2009/01/flag-part4.gif" alt="flag-part4" title="flag-part4" width="250" height="177" class="alignnone size-full wp-image-53" /></p>
	<p>Click on the original anchor point to close the path.</p>
	<p><img src="http://halo3webcomics.com/wp-content/uploads/2009/01/flag-part5.gif" alt="flag-part5" title="flag-part5" width="250" height="177" class="alignnone size-full wp-image-54" /></p>
	<p>Now select your Ellipse Tool (U), and make sure that &#8216;Paths&#8217; and &#8216;Add to path area (+)&#8217; are selected on your top options menu.  Here you want to create an elliptical path around your text and overlapping the path you created for your flag.  I usually start my ellipse just above and to the left of my text and drag down to just below and to the right of my text.</p>
	<p><img src="http://halo3webcomics.com/wp-content/uploads/2009/01/paths.jpg" alt="paths" title="paths" width="280" height="195" class="alignnone size-full wp-image-56" /></p>
	<p>As you can see, there is some space between the ellipse path and the text, but even if there wasn&#8217;t, we&#8217;re about to make some adjustments to make everything just right.</p>
	<p>Use your Direct Selection Tool (A) and click on the ellipse path.  You&#8217;ll see a couple of boxes and tails appear on the path.  Click on the top-middle box, then click on the right-hand tail and drag it upward, squaring the top-right corner just a little bit.</p>
	<p><img src="http://halo3webcomics.com/wp-content/uploads/2009/01/stretch.gif" alt="stretch" title="stretch" width="270" height="200" class="alignnone size-full wp-image-58" /></p>
	<p>Repeat for the left-hand tail, then click on the bottom-middle box and repeat the process for the right- and left-hand tails.  When you&#8217;re done, you should have an ellipse that is a bit more squashed-looking than your original round ellipse.  This modified ellipse should leave plenty of room for your text so that your dialogue isn&#8217;t jammed right up against the edges of your balloon.</p>
	<p><img src="http://halo3webcomics.com/wp-content/uploads/2009/01/paths-complete.jpg" alt="paths-complete" title="paths-complete" width="264" height="199" class="alignnone size-full wp-image-57" /></p>
	<p>In your Paths window, you have three tabs &#8211; Layers, Channels, Paths.  Click on the Paths tab, and you&#8217;ll see a box with text &#8216;Work Path&#8217; next to it.  Ctrl-click on the box, and your flag and ellipse paths will turn into the marching ants of an active selection.</p>
	<p><img src="http://halo3webcomics.com/wp-content/uploads/2009/01/marching-ants.gif" alt="marching-ants" title="marching-ants" width="300" height="200" class="alignnone size-full wp-image-55" /></p>
	<p>If you haven&#8217;t done it already, hit &#8216;D&#8217; on your keyboard to reset your color tool to the default (black in the foreground, white in the background).  You can actually use any colors you want, but let&#8217;s use the default colors for now to create a white balloon with a 2-pixel black border.</p>
	<p>Alt+Backspace will fill your selection with black.  Your text isn&#8217;t visible at the moment, but we&#8217;re about to fix that.</p>
	<p><img src="http://halo3webcomics.com/wp-content/uploads/2009/01/fill-black.gif" alt="fill-black" title="fill-black" width="300" height="200" class="alignnone size-full wp-image-48" /></p>
	<p>From your navigation menus, go to Select&#8212;> Modify&#8212;> Contract, and type in &#8216;2&#8217; and click &#8216;Ok&#8217;.  You can make your border any size you like.  I find that 2-pixel borders usually look the best.</p>
	<p><img src="http://halo3webcomics.com/wp-content/uploads/2009/01/contract.gif" alt="contract" title="contract" width="300" height="200" class="alignnone size-full wp-image-46" /></p>
	<p>You&#8217;ll noticed that the marching ants have pulled in by 2 pixels on all sides now.</p>
	<p><img src="http://halo3webcomics.com/wp-content/uploads/2009/01/contracted-ants.gif" alt="contracted-ants" title="contracted-ants" width="300" height="200" class="alignnone size-full wp-image-47" /></p>
	<p>Typing Ctrl-Backspace will fill your new selection with white.  Ctrl-D will turn off your selection, revealing your new text balloon!</p>
	<p><img src="http://halo3webcomics.com/wp-content/uploads/2009/01/finished-balloon.gif" alt="finished-balloon" title="finished-balloon" width="300" height="200" class="alignnone size-full wp-image-49" /></p>
	<p>This is the method I&#8217;ve used for quite some time now to make all my balloons and text boxes, and I find that that it&#8217;s the most flexible for making my balloons fit my text every, single time.  The edges are always crisp and clean, and my flags always have a nice, sharp point.  You can use this method to make just about any shape balloon you want, especially if you don&#8217;t limit yourself to just using the Ellipse Tool.  It&#8217;s a pretty easy method that gets easier the more you use it.</p>

 ]]></content:encoded>
			<wfw:commentRss>http://halo3webcomics.com/2009/01/howto-making-good-text-balloons/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>
