<?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>Draw Furry -  how to draw furry art, photoshop tutorials, comics and manga tips</title>
	<atom:link href="http://www.drawfurry.com/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.drawfurry.com</link>
	<description>Tutorials, tips and how-to advice for drawing anthropomorphic animal characters.</description>
	<lastBuildDate>Thu, 06 May 2010 04:08:43 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>How to Draw Shiny Eyes by Farore</title>
		<link>http://www.drawfurry.com/?p=126</link>
		<comments>http://www.drawfurry.com/?p=126#comments</comments>
		<pubDate>Thu, 06 May 2010 04:08:43 +0000</pubDate>
		<dc:creator>Farore</dc:creator>
				<category><![CDATA[Digital tutorials]]></category>

		<guid isPermaLink="false">http://www.drawfurry.com/?p=126</guid>
		<description><![CDATA[Notes from the artist:
All done in Paint Tool Sai, with the pen tool, on low density / no size sensitivity. Some of the hard-edges stuff is the ink pen tool. Other than that there&#8217;s blur and airbrush, which I note when they turn up.
Important things to remember: the eyeBALL is a sphere, even though the [...]]]></description>
			<content:encoded><![CDATA[<p>Notes from the artist:<br />
<em>All done in Paint Tool Sai, with the pen tool, on low density / no size sensitivity. Some of the hard-edges stuff is the ink pen tool. Other than that there&#8217;s blur and airbrush, which I note when they turn up.<br />
Important things to remember: the eyeBALL is a sphere, even though the lids cover most of it. Shade it like one. Eyelids and eyelashes cast shadows that cut into the highlight/reflection. The main highlight is a reflection of the light source and as such will be roughly the same shape, applied across the curvature of the cornea.</em></p>
<p><img src="http://www.drawfurry.com/wp-content/uploads/farore_eyes-e1273118323905.jpg" alt="" width="499" height="3704" class="aligncenter size-full wp-image-123" /></p>
<p><a href="http://www.furaffinity.net/view/3552509/">Originally posted on FurAffinity</a>.</p>
<p class="akst_link"><a href="http://www.drawfurry.com/?p=126&amp;akst_action=share-this"  title="E-mail this, post to del.icio.us, etc." id="akst_link_126" class="akst_share_link" rel="nofollow">Share This</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.drawfurry.com/?feed=rss2&amp;p=126</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Paint Tool SAI : Affordable Art Software</title>
		<link>http://www.drawfurry.com/?p=112</link>
		<comments>http://www.drawfurry.com/?p=112#comments</comments>
		<pubDate>Sat, 13 Mar 2010 04:39:44 +0000</pubDate>
		<dc:creator>Kelly</dc:creator>
				<category><![CDATA[Digital tutorials]]></category>
		<category><![CDATA[Resources]]></category>

		<guid isPermaLink="false">http://www.drawfurry.com/?p=112</guid>
		<description><![CDATA[Everytime I post a Photoshop tutorial, there are loads of comments complaining, &#8220;I don&#8217;t have Photoshop! It&#8217;s too expensive!&#8221;  You can get a student version of PS for a reduced price, but it&#8217;s still pretty steep if you are a poor student or don&#8217;t plan on being a professional artist. Well, I feel your [...]]]></description>
			<content:encoded><![CDATA[<p>Everytime I post a Photoshop tutorial, there are loads of comments complaining, &#8220;I don&#8217;t have Photoshop! It&#8217;s too expensive!&#8221;  You can get a student version of PS for a reduced price, but it&#8217;s still pretty steep if you are a poor student or don&#8217;t plan on being a professional artist. Well, I feel your pain. </p>
<p>In addition to the free <a href="http://www.drawfurry.com/?p=42">Open Canvas beta</a>, I use another Japanese art program called <a href="http://www.systemax.jp/en/sai/">Paint Tool SAI</a> (or Easy Paint Tool SAI, or SAI Paint Tools). Unlike Photoshop, this software is designed specifically for digital art and illustration. It&#8217;s affordable too &#8211; the cost is around $50 US. SAI is my go-to program for digital inking, for example see Chapter 3 from my <a href="http://www.junglestudio.com/roza/">Roza webcomic</a>.<br />
<center><br />
<div id="attachment_113" class="wp-caption aligncenter" style="width: 262px"><img src="http://www.drawfurry.com/wp-content/uploads/rozabonus_317-252x300.jpg" alt="Roza panel, inked with SAI" title="rozabonus_317" width="252" height="300" class="size-medium wp-image-113" /><p class="wp-caption-text">Roza panel, inked with SAI</p></div><br />
</center></p>
<h2>Paint Tool SAI: Pros and Cons</h2>
<p>Pros:</p>
<ul>
<li>Loads almost instantly</li>
<li>Preview PSD thumbnails in file browser</li>
<li>Customizable brushes</li>
<li>Customizable hotkeys</li>
<li>Smart color blending</li>
<li>Load and save PSD files</li>
<li>Can load corrupted PSD files</li>
<li>Brush smoothing option</li>
<li>Magic wand tool is more accurate</li>
</ul>
<p>Cons:</p>
<ul>
<li>Can&#8217;t load very large image files</li>
<li>No support for fonts or text</li>
<li>Less brush options than PS</li>
<li>Max brush size is not that big</li>
<li>No gradients, vectors in v1.0.1</li>
<li>Fewer layer blending options and color adjustments than PS</li>
</ul>
<p>As you can see, most of the cons are things that SAI lacks compared to Photoshop. For a program that&#8217;s less than 1/10th the price, it&#8217;s not that bad at all. There are other cool SAI features I haven&#8217;t mentioned, but here I&#8217;ll focus on my primary use: digital inking.</p>
<h2>Inking with SAI</h2>
<p><center><div id="attachment_118" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.drawfurry.com/wp-content/uploads/how_sai.jpg"><img src="http://www.drawfurry.com/wp-content/uploads/how_sai-300x248.jpg" alt="The SAI interface is fairly intuitive" title="how_sai" width="300" height="248" class="size-medium wp-image-118" /></a><p class="wp-caption-text">The SAI interface is fairly intuitive</p></div></center></p>
<p>For basic inking, you just need to find the following:<br />
1. Adjust smoothing &#8211; makes your lines less wobbly. I usually set it between 5 and 9.<br />
2. Pen tool &#8211; the default works fine for me<br />
3. Layers &#8211; similar to most image editing software, add new layers and adjust opacity here<br />
4. Brush size &#8211; adjust here to presets, or use the slider or hotkeys to scale more gradually</p>
<p>Once your art is inked, you can easily color with SAI or another program that supports PSD.<br />
Please note that in the example above, I&#8217;ve customized the placement and settings for the control panels. You&#8217;ll find them pretty easily and can arrange them however suits you.</p>
<h3>Conclusion</h3>
<p>I&#8217;ve used SAI mostly for inking, so there are plenty of other features I&#8217;m skipping over here. Still I&#8217;m confident that this software will do most of what any artist needs, and at a very good price.<br />
If you&#8217;d like to give it a try, there&#8217;s a <a href="http://www.systemax.jp/en/sai/">free 30 day demo</a>.</p>
<p>Happy painting!</p>
<p class="akst_link"><a href="http://www.drawfurry.com/?p=112&amp;akst_action=share-this"  title="E-mail this, post to del.icio.us, etc." id="akst_link_112" class="akst_share_link" rel="nofollow">Share This</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.drawfurry.com/?feed=rss2&amp;p=112</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>Recommended Reading</title>
		<link>http://www.drawfurry.com/?p=14</link>
		<comments>http://www.drawfurry.com/?p=14#comments</comments>
		<pubDate>Sat, 30 Jan 2010 05:32:10 +0000</pubDate>
		<dc:creator>Kelly</dc:creator>
				<category><![CDATA[Resources]]></category>

		<guid isPermaLink="false">http://www.drawfurry.com/?p=14</guid>
		<description><![CDATA[You really can&#8217;t learn everything you need to know about art or animation from internet tutorials. Here I&#8217;ve gathered a list of books that may help you in your quest for better art. These are the books in my library that I refer to again and again.
Purchasing the books from these links will support this [...]]]></description>
			<content:encoded><![CDATA[<p>You really can&#8217;t learn everything you need to know about art or animation from internet tutorials. Here I&#8217;ve gathered a list of books that may help you in your quest for better art. These are the books in my library that I refer to again and again.<br />
Purchasing the books from these links will support this site through our <a href="http://www.amazon.com/exec/obidos/redirect-home/thejungle07" target="resource window">Amazon.com</a> affiliation, at no extra cost to you. You should also check your local library or bookstore, where you may be able to peruse them for free.</p>
<p><center></p>
<table border="0" cellpadding="5" cellspacing="5">
<tr>
<td width="80"><center><a href="http://www.amazon.com/gp/product/1600614175?ie=UTF8&#038;tag=thejungle07&#038;link_code=as3&#038;camp=211189&#038;creative=373489&#038;creativeASIN=1600614175" target="resource window"><img src="http://drawfurry.com/images/b-drawfurries.jpg" alt="Draw Furries" /></a></center></td>
<td><center><strong><em><a href="http://www.amazon.com/gp/product/1600614175?ie=UTF8&#038;tag=thejungle07&#038;link_code=as3&#038;camp=211189&#038;creative=373489&#038;creativeASIN=1600614175" target="resource window">Draw Furries: How to Create Anthropomorphic and Fantasy Animals</a></em><br /> by Lindsay Cibos and Jared Hodges</strong></center><br />
Known for their manga-style illustrations and comics, Lindsay and Jared have teamed up again for this book aimed at aspiring furry artists. This is the definitive furry art book available &#8211; chock full of diagrams and full-color illustrations, with clear instructions for beginning and intermediate artists. They even have a section dedicated to bird anthros! The art is done in a mostly anime/manga style, which may discourage some. You&#8217;ll also have to look elsewhere for more detailed tips on human anatomy &#8211; check further down the list for book recommendations. Still, if you&#8217;re looking for furry art books, I recommend you start here.</td>
</tr>
</table>
<p>
<center></p>
<table border="0" cellpadding="5" cellspacing="5">
<tr>
<td width="80"><center><a href="http://www.amazon.com/gp/product/0740785508?ie=UTF8&#038;tag=thejungle07&#038;link_code=as3&#038;camp=211189&#038;creative=373489&#038;creativeASIN=0740785508" target="resource window"><img src="http://drawfurry.com/images/b-gurney.jpg" alt="Imaginative Realism" /></a></center></td>
<td><center><strong><em><a href="http://www.amazon.com/gp/product/0740785508?ie=UTF8&#038;tag=thejungle07&#038;link_code=as3&#038;camp=211189&#038;creative=373489&#038;creativeASIN=0740785508" target="resource window">Imaginative Realism: How to Paint What Doesn&#8217;t Exist</a></em><br /> by James Gurney</strong></center><br />
Award-winning artist and author of &#8220;Dinotopia&#8221; James Gurney has again put pen to paper to give us insight into his techniques. Followers of his blog <a href="http://gurneyjourney.blogspot.com/">Gurney Journey</a> will find similar material in this book. You&#8217;ll see the behind-the-scenes details of Gurney&#8217;s work- his sketches, studies, miniatures and models. Gurney is strongly influenced by the masters of painting and illustration, and relies heavily on traditional techniques. This is not an in-depth study of any particular method, but rather a sample of problem-solving tricks and approaches to different kinds of illustrations. Great inspiration and reference for intermediate to advanced artists.
</td>
</tr>
</table>
<p>
<center></p>
<table border="0" cellpadding="5" cellspacing="5">
<tr>
<td width="80"><center><a href="http://www.amazon.com/exec/obidos/ASIN/097103141X/thejungle07" target="resource window"><img src="http://fern.junglestudio.com/images/b-weatherly.jpg" alt="The Weatherly Guide to Drawing Animals" /></a></center></td>
<td><center><strong><em><a href="http://www.amazon.com/exec/obidos/ASIN/097103141X/thejungle07" target="resource window">The Weatherly Guide to Drawing Animals</a></em> by Joe Weatherly</strong></center><br />
My new favorite animal drawing book! This is, in fact, the best guide to drawing animals I&#8217;ve yet seen. Includes some great advice on pose, construction, technique and anatomy of a wide variety of animals. Good balance of helpful text and illustrative sketches. Artists looking for more detailed animal anatomy will have to do further research, but this is the place to start.</td>
</tr>
</table>
<p></center><br />
<br />
 <center></p>
<table border="0" cellpadding="5" cellspacing="5">
<tr>
<td width="80"><center><a href="http://www.amazon.com/exec/obidos/ASIN/0399508066/thejungle07" target="resource window"><img src="http://fern.junglestudio.com/images/b-hammlandscape.gif" alt="Drawing Scenery: Landscapes and Seascapes" /></a></center></td>
<td><center><strong><em><a href="http://www.amazon.com/exec/obidos/ASIN/0399508066/thejungle07" target="resource window">Drawing Scenery: Landscapes and Seascapes</a></em> by Jack Hamm</strong></center><br />
This book, cleverly disguised as a dull grayscale exploration of landscape drawing, is in fact an awesome resource for the fundamentals of composition, value and form. Hamm&#8217;s text is clear and concise with plenty of diagrams. Great for building or returning to foundation skills. For best results, study the text and do the suggested excercises, and return occassionally to brush up your knowledge. Hamm&#8217;s &#8220;Still Life Drawing and Painting&#8221; is also a great fundementals resource, but is unfortunately out of print.</td>
</tr>
</table>
<p></center><br />
<br />
 <center></p>
<table border="0" cellpadding="5" cellspacing="5">
<tr>
<td width="80"><center><a href="http://www.amazon.com/exec/obidos/ASIN/0571202284/thejungle07" target="resource window"><img src="http://fern.junglestudio.com/images/b-animators.jpg" alt="The Animator's Survival Kit" /></a></center></td>
<td><center><strong><em><a href="http://www.amazon.com/exec/obidos/ASIN/0571202284/thejungle07" target="resource window">The Animator&#8217;s Survival Kit</a></em> by Richard Williams</strong></center><br />
All-in-one resource for animators. Contains all the basics with descriptive text, lots of nice sketches and diagrams, up to more advanced technical info. Not just for animators- if you&#8217;re troubled by stiff or awkward poses this book can really help.</td>
</tr>
</table>
<p></center><br />
<br />
<center></p>
<table border="0" cellpadding="5" cellspacing="5">
<tr>
<td width="80"><center><a href="http://www.amazon.com/exec/obidos/ASIN/0399507914/thejungle07" target="resource window"><img src="http://fern.junglestudio.com/images/b-dhedfig.gif" alt="Drawing the Head and Figure" height="90" width="68" /></a></center></td>
<td><center><strong><em><a href="http://www.amazon.com/exec/obidos/ASIN/0399507914/thejungle07" target="resource window">Drawing the Head and Figure</a></em> by Jack Hamm</strong></center><br />
The style is dated, but this book covers everything from basic construction, to the details of the eyes and hair. There&#8217;s even a section near the end for drawing realistic clothing! Lots of diagrams and sketches, in a variety of techniques- so if one method doesn&#8217;t click with you, there&#8217;s usually another way to try. This is a nice tangible alternative to the out-of-print Andrew Loomis books.</td>
</tr>
</table>
<p></center><br />
<br />
 <center></p>
<table border="0" cellpadding="5" cellspacing="5">
<tr>
<td width="80"><center><a href="http://www.amazon.com/exec/obidos/ASIN/0486274268/thejungle07" target="resource window"><img src="http://fern.junglestudio.com/images/b-dartanimal.gif" alt="The Art of Animal Drawing" align="absmiddle" height="90" width="69" /></a></center></td>
<td><center><strong><em><a href="http://www.amazon.com/exec/obidos/ASIN/0486274268/thejungle07" target="resource window">The Art of Animal Drawing</a></em> by Ken Hultgren</strong></center><br />
I often refer to this book when I have trouble or need some reference. Includes basic info on line, weight, stretch and sag, composition, tension, and caricature. The fantastic section on horses is reason enough to get this book. The only thing it lacks is info on more obscure species. However, you can apply these techniques to almost any animal. Although now I prefer the Weatherly book as a more complete reference for animal drawing, this old standby has solid info and is well worth the price.</td>
</tr>
</table>
<p></center><br />
<br />
 <center></p>
<table border="0" cellpadding="5" cellspacing="5">
<tr>
<td width="80"><center><a href="http://www.amazon.com/exec/obidos/ASIN/1560100842/thejungle07" target="resource window"><img src="http://fern.junglestudio.com/images/b-cartoon.jpg" alt="Cartoon Animation" align="middle" /></a></center></td>
<td><center><strong><em><a href="http://www.amazon.com/exec/obidos/ASIN/1560100842/thejungle07" target="resource window">Cartoon Animation</a></em> by Preston Blair</strong></center><br />
You&#8217;ll likely find a copy of this text in every animator&#8217;s library. It&#8217;s full of great advice for cartoonists and animators, most of which is conveyed in illustration with some textual notes. The first half deals with cartooning techniques- building and rotating figures and heads, facial expressions, and the like. The last half focuses on animation, with rough sketch examples and different movement cycles. There are several partial editions, so be sure you get the complete text.</td>
</tr>
</table>
<p></center><br />
</center><br />
<strong>Some other excellent books:</strong><br />
<iframe src="http://rcm.amazon.com/e/cm?t=thejungle07&#038;o=1&#038;p=8&#038;l=as1&#038;asins=0786860707&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?t=thejungle07&#038;o=1&#038;p=8&#038;l=as1&#038;asins=0966211731&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?t=thejungle07&#038;o=1&#038;p=8&#038;l=as1&#038;asins=0961472812&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?t=thejungle07&#038;o=1&#038;p=8&#038;l=as1&#038;asins=0240808452&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
<p><iframe src="http://rcm.amazon.com/e/cm?t=thejungle07&#038;o=1&#038;p=8&#038;l=as1&#038;asins=0810995212&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?t=thejungle07&#038;o=1&#038;p=8&#038;l=as1&#038;asins=0785132368&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?t=thejungle07&#038;o=1&#038;p=8&#038;l=as1&#038;asins=0486200248&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><iframe src="http://rcm.amazon.com/e/cm?t=thejungle07&#038;o=1&#038;p=8&#038;l=as1&#038;asins=1933784245&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
<p><strong>Find used/out of print/obscure books:</strong><br />
<a href="http://www.half.ebay.com/">half.com</a><br />
<a href="http://budplant.com/Default.asp?bhcd2=1156308865">Bud Plant Books</a><br />
<a href="http://www.stuartngbooks.com/">Stuart Ng Books</a></p>
<p></center></center></center></p>
<p class="akst_link"><a href="http://www.drawfurry.com/?p=14&amp;akst_action=share-this"  title="E-mail this, post to del.icio.us, etc." id="akst_link_14" class="akst_share_link" rel="nofollow">Share This</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.drawfurry.com/?feed=rss2&amp;p=14</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>How to Draw Comic Panels in Photoshop</title>
		<link>http://www.drawfurry.com/?p=89</link>
		<comments>http://www.drawfurry.com/?p=89#comments</comments>
		<pubDate>Mon, 09 Nov 2009 04:59:12 +0000</pubDate>
		<dc:creator>Kelly</dc:creator>
				<category><![CDATA[Comic tutorials]]></category>

		<guid isPermaLink="false">http://www.drawfurry.com/?p=89</guid>
		<description><![CDATA[The most common question I recieve about making comics is, &#8220;How to you draw the panels in Photoshop?&#8221;
There are actually several ways to do it, depending on the look you want. My examples are made in Photoshop CS2, but any recent version works almost the same way.
Use the Line tool

It&#8217;s probably the simplest way to [...]]]></description>
			<content:encoded><![CDATA[<p>The most common question I recieve about making comics is, &#8220;How to you draw the panels in Photoshop?&#8221;<br />
There are actually several ways to do it, depending on the look you want. My examples are made in Photoshop CS2, but any recent version works almost the same way.</p>
<h1>Use the Line tool</h1>
<p><img src="http://www.drawfurry.com/wp-content/uploads/how-panel1.gif" alt="how-panel1" title="how-panel1" width="400" height="423" class="aligncenter size-full wp-image-90" /></p>
<p>It&#8217;s probably the simplest way to make a panel border- drawing a straight line.<br />
Select the <strong>Line</strong> tool from the Shape button on the toolbar, or press &#8216;u&#8217; and choose it from the icons at the top. Make sure <strong>arrows are turned off</strong> on the dropdown. Set the weight however you like- for the Roza comic, I&#8217;ve been using 4 px for all panel borders. Click and drag to create the line you want- holding shift forces a horizontal or vertical line. Disable &#8216;anti-alias&#8217; if your lines look too blurry. I tend to leave it enabled, especially for diagonal lines.</p>
<h1>Use Stroke on Selections</h1>
<p><img src="http://www.drawfurry.com/wp-content/uploads/how-panel2.gif" alt="how-panel2" title="how-panel2" width="420" height="330" class="aligncenter size-full wp-image-93" /></p>
<p>Another handy way to create a panel border is to use &#8216;Stroke&#8217; on a selected area.<br />
Make a selection using the <strong>Marquee</strong> tool (shortcut- m) or lasso tool, any shape of selection will work. From the top menus choose Edit, Stroke &#8211; and adjust the settings as need. I always set location to <strong>&#8216;inside&#8217;</strong> because it results in neat, square corners &#8211; center and outside create a rounded corner effect. You can use this method to outline odd shapes, circles, and characters that pop out of panel frames.</p>
<h1>Use Stroke on a Path</h1>
<p><img src="http://www.drawfurry.com/wp-content/uploads/how-panel3.gif" alt="how-panel3" title="how-panel3" width="450" height="311" class="aligncenter size-full wp-image-96" /></p>
<p>Similar to the selection method, but paths allow you to use custom brushes to stroke the edge.<br />
Use the <strong>Pen</strong> tool (p) to create a path around the area you want to outline. Click on each corner of the box you want to create. Holding shift will create straight lines here as well. If you need to edit the path, hold <strong>&#8216;a&#8217;</strong> and select the point to move it around. Once you&#8217;re done with the path, hold &#8216;a&#8217; and drag over the path to make sure all points are selected. Then from the Paths palette menu, choose the empty circle option to <strong>Stroke Path with Brush</strong>. Whichever brush and color you&#8217;ve got set currently will draw along the path you&#8217;ve selected. A square brush will create a box with neat corners. Use other brushes to create different effects &#8211; rounded, wobbly, grungey, dashed or dotted lines. You can use Edit > Stroke the same way as with a selection (see previous tip). Convert paths into a selection by pressing CTRL-ENTER.</p>
<h1>Use Stroke as a Layer Style</h1>
<p><img src="http://www.drawfurry.com/wp-content/uploads/how-panel4.gif" alt="how-panel4" title="how-panel4" width="500" height="316" class="aligncenter size-full wp-image-99" /></p>
<p>A little trickier, but this method works if you&#8217;re already making your panels as separate layers.<br />
Select your layer and choose the <strong>layer styles</strong> button from the Layers palette (it looks like a cursive f). Choose the &#8217;stroke&#8217; option and configure it how you like &#8211; as with the first tip, an Inside stroke is the only way to get sharp corners. A handy trick &#8211; if your comic art is flattened and you just want easy panels, create a new layer with a white square. Add the stroke effect outline, then set the layer to &#8216;multiply&#8217; mode. Only the stroke is visible!</p>
<p>I&#8217;ve used a combination of all of the above methods in my comics, so it&#8217;s simply a matter of choosing the one that&#8217;s right for you. The important thing is to keep your style consistent &#8211; use the same line weight, and save your layer styles or brushes for stroking. Good luck and happy comicking! <img src="images/endbullet.gif"></p>
<p class="akst_link"><a href="http://www.drawfurry.com/?p=89&amp;akst_action=share-this"  title="E-mail this, post to del.icio.us, etc." id="akst_link_89" class="akst_share_link" rel="nofollow">Share This</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.drawfurry.com/?feed=rss2&amp;p=89</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Roza webcomic walk-through, 2009 edition</title>
		<link>http://www.drawfurry.com/?p=72</link>
		<comments>http://www.drawfurry.com/?p=72#comments</comments>
		<pubDate>Tue, 18 Aug 2009 04:36:40 +0000</pubDate>
		<dc:creator>Kelly</dc:creator>
				<category><![CDATA[Comic tutorials]]></category>

		<guid isPermaLink="false">http://www.drawfurry.com/?p=72</guid>
		<description><![CDATA[<a href='http://www.drawfurry.com/?p=72' title='Roza webomic walk-through'><img src='http://www.drawfurry.com/wp-content/uploads/t-rozanew.jpg' alt='Roza webomic walk-through' /></a>]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s a quick look at how pages for my webcomic<a href="http://www.junglestudio.com/roza">Roza</a> are made. This tutorial is an update to the older <a href="http://www.drawfurry.com/?p=12">Roza walk-through</a>. Two years have passed since that tutorial was made, and some of my methods and materials have changed.</p>
<p>Tools used:<br />
<a href="http://www.dokuwiki.org/dokuwiki">DokuWiki (story)</a><br />
<a href="http://www.systemax.jp/en/sai/">PaintTool SAI (sketch, inks)</a><br />
<a href="https://www.photoshop.com/">Adobe Photoshop CS2 (cleanup, color, text)</a><br />
<a href="http://www.wacom.com/index2.php">Wacom Intuos 2 tablet (for digital drawing/painting)</a></p>
<p><center><br />
<img src="http://www.junglestudio.com/roza/images/how-roza01.jpg"/></center><br />
For the first step, I grab the script for the next two pages and rough out the basic panels and flow. I like to work 2 at the same time in case the comic is printed, that way I know it&#8217;ll flow nicely with each pair of pages. Since I&#8217;m working digitally I can move, resize, and redraw each panel until I&#8217;m content.</p>
<p><center><br />
<img src="http://www.junglestudio.com/roza/images/how-roza02.jpg"/></center><br />
Next, I use Photoshop to lay out the panel borders cleanly. Each page follows the same template to make sure proportions and line weight are consistent.</p>
<p><center><br />
<img src="http://www.junglestudio.com/roza/images/how-roza03.jpg"/></center><br />
Using SAI, I start inking each individual panel. Characters and background lineart are on separate layers. The lineart is enclosed so that I can easily flood-fill it later.</p>
<p><center><br />
<img src="http://www.junglestudio.com/roza/images/how-roza03b.jpg"/></center><br />
With the inks completed on separate layers, I can use them to create a selection. All I need to do then is flood-fill the selection, giving me basic flats. This is also a good stage to check the values before adding any color.</p>
<p><center><br />
<img src="http://www.junglestudio.com/roza/images/how-roza04.jpg"/></center><br />
Next I add correct colors to each layer of flats, using character model sheets and previous pages for reference. </p>
<p><center><br />
<img src="http://www.junglestudio.com/roza/images/how-roza05.jpg"/></center><br />
Character shading is done on another layer, set to &#8216;multiply&#8217;. This example shows how the shade layer looks in normal mode instead of multiply.</p>
<p><center><br />
<img src="http://www.junglestudio.com/roza/images/how-roza06.jpg"/></center><br />
As the last step, I add some bounce lighting, special effects like snow or fire, and a subtle texture effect that makes the final page feel more organic.</p>
<p>You can see the final version of this page <a href="http://www.junglestudio.com/roza/?date=2009-05-18">here</a>.</p>
<p class="akst_link"><a href="http://www.drawfurry.com/?p=72&amp;akst_action=share-this"  title="E-mail this, post to del.icio.us, etc." id="akst_link_72" class="akst_share_link" rel="nofollow">Share This</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.drawfurry.com/?feed=rss2&amp;p=72</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Top 10 Photoshop Tips</title>
		<link>http://www.drawfurry.com/?p=23</link>
		<comments>http://www.drawfurry.com/?p=23#comments</comments>
		<pubDate>Sun, 07 Dec 2008 21:49:01 +0000</pubDate>
		<dc:creator>Kelly</dc:creator>
				<category><![CDATA[Tips and tricks]]></category>

		<guid isPermaLink="false">http://www.drawfurry.com/?p=23</guid>
		<description><![CDATA[<a href='http://www.drawfurry.com/?p=23' title='Top 10 Photoshop Tips'><img src='http://www.drawfurry.com/wp-content/uploads/t-10tips.jpg' alt='Top 10 Photoshop Tips' /></a>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve got to confess- I&#8217;m a Photoshop addict. After so many years of using the software, there&#8217;s just some tricks I can&#8217;t live without. Here, I&#8217;ll share with you my favorites.</p>
<h1>1. Actions</h1>
<p><center><img src="images/how-actions.gif"></center><br />
Actions are custom scripts that run within Photoshop. Almost anything Photoshop can do, you can program into an action. Scanned a bunch of sketches? Set up an action to scale them down and save them as web-ready JPG files. I use actions to remove blue construction lines (see <a href="http://www.drawfurry.com/?p=36">inking with pencil</a>) and to resize my comic pages. Actions can be applied to all images currently open, or all images in a certain folder as well. Use actions when you find a boring series of tasks that require repetition, or when you want to edit a lot of files at once.<br />
To view the Action panel, go to Window > Actions, or hit ALT-F9.</p>
<p>For an example of how to use Actions to create thumbnail images, <a href="http://www.tutorialsroom.com/tutorials/graphics/photoshop_actions.html" TARGET="new">check this tutorial</a>.</p>
<h1>2. HSB Sliders</h1>
<p><center><img src="images/how-hsb.gif"></center><br />
Photoshop doesn&#8217;t have the nifty triangular color palette that Painter has, but you don&#8217;t have to rely on Photoshop&#8217;s color picker palette. Instead, use the sliders (Window > Color or F6). Click on the arrow in the Color menu to see your slider options. I prefer the HSB (Hue/Saturation/Black) because it&#8217;s closer to how artists mix paints. You can also set colors for CMYK if you&#8217;re working on a print project.</p>
<h1>3. Color Balance</h1>
<p>Use Image > Adjustments > Color Balance or CTRL-B to access the Color Balance controls. Use Color Balance to tweak washed-out or bland images.</p>
<p><center><img src="images/how-abekiss1.gif"></center><br /><i>This image has an overall warmer hue because it was drawn on yellowish paper.</i></p>
<p><center><img src="images/how-abekiss2.gif"></center><br /><i>By adjusting the shadows to be cooler by adding more blue and cyan, the warmer highlights &#8216;pop&#8217; against the cool shadows.</i></p>
<h1>4. Adjustment Layers</h1>
<p>Adjustment layers work differently in Photoshop CS4. If you&#8217;re using an earlier version, you&#8217;ll find them immensely handy. Adjustment layers allow you to do all the usual color tweaking without committing the changes to your art. The layer sits above any art you want to affect. You can also adjust the layer mode and opacity or edit the mask of these layers. To create a new one, go to Layers > New Adjustment Layer and select the adjustment you want.<br />
That color balance thing from tip #3? Try doing it as an adjustment layer!</p>
<h1>5. Layer Styles</h1>
<p><center><img src="http://www.drawfurry.com/images/how-balloon07e.gif"></center><br />
Layer styles are another great way to tweak art or text without permanent changes. They work best on layers with transparency &#8211; I use them for text and special effects mostly. Bevel and Emboss can add depth to details, and quick shading for simple shapes. Favorite style settings can be saved by selecting the layer, then clicking on the Styles palette when your cursor appears as a paint bucket. To apply saved styles, select the layer you like and then click the icon for the saved style. For an example of layer styles in action, see the <a href="http://www.drawfurry.com/?p=32">How to Draw Word Balloons for Comics</a> tutorial.</p>
<h1>6. Layer Blend Modes</h1>
<p>Blend modes are another way to adjust color and add effects without doing any irreversible damage to your art (noticing a trend here?)<br />
Set layers to &#8216;Multiply&#8217; to darken the layers beneath &#8211; great for coloring scanned drawings. An example of this in action can be found in the <a href="http://www.drawfurry.com/?p=36">Inking with Pencil</a> tutorial. Experiment with other layer modes to add interesting effects to your art.</p>
<p><center><img src="http://www.drawfurry.com/images/how-layermode.gif"></center><br />
<i>Some applications for layer modes : &#8216;Multiply&#8217; for lineart with color layer underneath; orange layer above set to &#8216;Linear Dodge&#8217; adds a warm glow</i></p>
<h1>7. Magnetic Lasso Tool</h1>
<p><center><img src="http://www.drawfurry.com/images/how-lasso.gif"></center><br />
You may be familiar with the freehand or the polygonal lasso. They&#8217;re handy tools, but my new favorite is magnetic lasso. It detects contrast and snaps to edges to create quick, organic selections. Select the magnetic lasso, and move the mouse along the lineart you want to color. Points are added automatically to the selection edges, you can also add them yourself by click the mouse. Fill your selection, and set the lineart layer mode to multiply.</p>
<p><center><img src="http://www.drawfurry.com/images/how-lasso2.gif"></center><br />
<i>Coloring weird fire shapes? Piece of cake!</i></p>
<h1>8. Dodge for Sketch Cleanup</h1>
<p>Ever scan in a pencil sketch, only to notice it&#8217;s covered with eraser doodles, smudges, and other random gunk? There&#8217;s a quick Photoshop trick to clean all that up.<br />
Select the Dodge tool, set your paint color to black, and then lightly airbrush out the smudgy stuff. Using dodge gets rid of the lighter gunk, without lightening your lines too much. It can be hard to see depending on the lighting in your work area and your monitor settings. To double-check for gunk, invert the colors of the sketch (CTRL-I) and look for light grain and edges.</p>
<p><center><img src="http://www.drawfurry.com/images/how-dodge.gif"></center></p>
<h1>9. Layer Masks</h1>
<p>Layer Masks are yet another way to edit your art without doing anything irreversible. Masks affect layer transparency- &#8216;masked&#8217; areas are hidden. The mask itself can be edited at any time. You can even use masks to create animations!<br />
To mask a bird out of this sketch, I create a selection around it, and then use that selection as the basis for a new mask.<br />
<center><img src="http://www.drawfurry.com/images/how-mask1.gif"></center></p>
<p>My sketch now appears, minus bird. The mask appears next to the layer it affects in the layers palette. By holding ALT and clicking the mask icon, I can see and edit the mask itself. Masks also work on adjustment layers (tip #4).</p>
<p><center><img src="http://www.drawfurry.com/images/how-mask2.gif"></center></p>
<h1>10. Desaturate and Flip</h1>
<p>And now, my final tip. This one isn&#8217;t as Photoshop-specific, but it&#8217;s a great way to double-check your work as you progress.<br />
First, create a black-and-white version of your art- you can use an hue/saturation adjustment layer with saturation set to 0. That should show you the value range of your work. Is the focal point obvious? Does the character stand out from the background? You may want to adjust the levels of your layers with the desaturate layer still on to check your work. The second check is flipping. If you horizontally flip the image, does everything still look ok? Do characters or trees tilt or seem off-balance? Are facial features symmetrical?<br />
Try these tricks a couple times as you progress on your art to nip problems early.<br />
<center><img src="http://www.drawfurry.com/images/how-flip.jpg"></center></p>
<p>That&#8217;s all the tips for now!<br />
Feel free to try these in other digital art software- the names may be different but they often have similar features to Photoshop.</p>
<p>Good luck and happy arting! <img src="images/endbullet.gif"></p>
<p class="akst_link"><a href="http://www.drawfurry.com/?p=23&amp;akst_action=share-this"  title="E-mail this, post to del.icio.us, etc." id="akst_link_23" class="akst_share_link" rel="nofollow">Share This</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.drawfurry.com/?feed=rss2&amp;p=23</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>How to Write a Character Profile by Steve Dougherty</title>
		<link>http://www.drawfurry.com/?p=71</link>
		<comments>http://www.drawfurry.com/?p=71#comments</comments>
		<pubDate>Fri, 13 Jun 2008 13:04:36 +0000</pubDate>
		<dc:creator>stevedougherty</dc:creator>
				<category><![CDATA[Resources]]></category>

		<guid isPermaLink="false">http://www.drawfurry.com/?p=71</guid>
		<description><![CDATA[Kirin&#8217;s Note: This tutorial is courtesy of guest contributor Steve Dougherty. A few edits have been made to this tutorial so that it fits the Drawfurry.com format.

Cute kitty girl right? Well unfortunately this is all she is right now. You&#8217;ve most likely read &#8220;How to Make a Web Comic Part 1&#8221; and you have a [...]]]></description>
			<content:encoded><![CDATA[<p><i>Kirin&#8217;s Note: This tutorial is courtesy of guest contributor <a href="http://sd2522.deviantart.com/">Steve Dougherty</a>. A few edits have been made to this tutorial so that it fits the Drawfurry.com format.</i></p>
<p><img src="http://www.drawfurry.com/images/sd-eleanor-sitting.jpg"></p>
<p>Cute kitty girl right? Well unfortunately this is all she is right now. You&rsquo;ve most likely read &ldquo;<a href="http://www.drawfurry.com/?p=43">How to Make a Web Comic Part 1</a>&rdquo; and you have a basic idea who the characters are.  But who exactly is your character? All we know is that they&rsquo;re a person. But what&rsquo;s their driving force? What keeps them going? Who are they? If you don&rsquo;t consider this then you won&rsquo;t get very far in the writing process of your story. Remember the character pushes the story forward, not the other way around. </p>
<h2>Basic Info: </h2>
<p>Alright, so let&rsquo;s start with this young lovely lady. Let&rsquo;s go for some very basic things for right now. </p>
<p><strong>Name: Eleanor Young </strong></p>
<p>Okay, so she has a name now. This can either be the easiest or hardest part of making a character. When considering a name you should think about what you&rsquo;re story is about. In Eleanor&rsquo;s case I&rsquo;m going for a &ldquo;real world&rdquo; story. If you&rsquo;re writing more of a fantasy or science fiction story, something a little more complicated would be appropriate. Just try not to go overboard.<br />
<strong><br />
Gender: Female </strong></p>
<p>Pretty much a no brainer, your character is either going to be a guy or girl. </p>
<p><strong>Species: Black and white cat </strong></p>
<p>It&rsquo;s not really difficult to pick out a species or race for your character when you&rsquo;re writing out a profile for them. Just keep in mind your rough draft of your story. It may force you to make your character something other then what you want them to be. In Eleanor&rsquo;s case, it really doesn&rsquo;t matter what she is, and I decided on a feline since they tend to be smaller and I wanted a small character </p>
<p><strong>Age: 20 (As of 01/16/08)</strong></p>
<p><strong>Birth date: January, 16, 1988 </strong></p>
<p>Birthday&rsquo;s are important whether you make up the dates or not. They place your character in the time of the story. It also gives you a time table to work with.<br />
<strong><br />
Astrological Sign: Capricorn</strong><br />
<strong><br />
Chinese Zodiac Sign: Rabbit </strong></p>
<p>If you&rsquo;re having a hard time coming up with your character&rsquo;s personality consider their signs.  You can either use this, or work against it. It&rsquo;s your call. </p>
<p><strong>Height: 5&rsquo;3&rsquo;&rsquo;<br />
</strong><br />
<strong>Measurements: 32-24-32 </strong></p>
<p>Your character&rsquo;s size. I&rsquo;m glad I picked a woman so explaining measurements will be easier. Basically the measurements are in inches and go, from left to right, bust, waist, hips. Ideally a woman&rsquo;s bust and hips should be equal while their waist is about ten inches smaller, thus forming the infamous &ldquo;hour glass&rdquo; figure. Generally men have a wider bust then both their waist and hips (Don&rsquo;t be afraid to make it all even though, it could make for an interesting character). </p>
<p><strong>Background Information: </strong></p>
<p>Alright we got the bare bones of Eleanor. Let&rsquo;s work on some background information. </p>
<p><strong>Family Background: Orphan, adopted by Young family.</strong><br />
<strong><br />
History, background: Was left on the door steps of the Young family. Was raised with the knowledge she&rsquo;s adopted. A good childhood, but made frustrating with the lack of knowledge of her birth parents. </strong></p>
<p>Whoa! Now we have something we can write about. Eleanor&rsquo;s an orphan so there&rsquo;s a number of possible stories right there. It also helps explain why she&rsquo;s so reserved.<br />
<strong><br />
Home: Newark, Delaware USA</strong></p>
<p><strong>Birth place: Unknown </strong></p>
<p>You&rsquo;re character is going to need a place to live. And usually you know where they were born. But for Eleanor&rsquo;s case we&rsquo;re not sure.<br />
<strong><br />
Physical Description: </strong></p>
<p>Alright time to move on to a more in-depth physical description. It&rsquo;s at this point you might want to break out a Sketch pad or piece of paper while you write down the description. </p>
<p><strong>Hair style: short, frayed but organized </p>
<p>Eyes: Gold </p>
<p>Body: Short, thin. </p>
<p>Physical condition: In shape, small all around. </p>
<p>Marks, scar, tattoo: Odd scar on the left side of her stomach, barely noticeable. </p>
<p>Clothing: Dark clothes. A couple of large sized boots. </p>
<p>Possessions, make-up, jewelry, etc: Choker, with a purple button on the front. Chained bracelet. </strong></p>
<p>Well now Eleanor has shape. She&rsquo;s an actual physical person in a story. But well, we&rsquo;re still not sure WHO she is. </p>
<p><strong>Personality: </strong></p>
<p>Everybody says that personality is the most important feature in a person and they&rsquo;re right. Without it you would just interact with the same boring persons over and over again.  </p>
<p><strong>Likes: Scott, her adopted parents. </p>
<p>Dislikes: Her birthparents for abandoning her. </strong></p>
<p>Oh, who&rsquo;s Scott? Character interaction is a nice thing to have, and it also builds up your cast. So Eleanor already interacts with at least three other characters. It looks like she doesn&rsquo;t want to have anything to do with her birth parents though. Hmm, I smell a conflict in the story. </p>
<p><strong>Fears: Meeting her birth parents. </strong></p>
<p>Ah the conflict, at least something for the future. Maybe Eleanor will meet her birth parents. That would make for an interesting drama. </p>
<p><strong>Goals: To get through life. Stay in a relationship with Scott. </strong></p>
<p>What you&rsquo;re character&rsquo;s driving force is. She wants to be with this Scott fellow. So when writing out a story think of different things that might drive them apart. Remember this Desire+Conflict=Drama. </p>
<p><strong>Vernacular (way of speaking): Quite, but sweet. </strong></p>
<p>The way your character talks. Pretty simple at this point. You can either make it something expected or unexpected. Accents are a nice touch to have sometimes, just try to be careful with them. </p>
<p><strong>Psychological condition: Stable. </strong></p>
<p>Your character&rsquo;s mind set. What they&rsquo;re really thinking. Eleanor really doesn&rsquo;t have any problems that she hasn&rsquo;t come to terms with. So she&rsquo;s stable. </p>
<p><strong>Character behavior: Withdrawn to most, but extremely friendly to her friends. </strong></p>
<p>Character behavior, this will affect interaction with other characters in your story, whether they are small secondary characters, major supporting characters. </p>
<p><strong>Positive characteristics: Overall nice person. Cares for her friends. </p>
<p>Negatives characteristics: Quiet and reserved. Usually doesn&rsquo;t talk. Holds scorn for her birth parents </strong></p>
<p>Positive and Negative characteristics will impact the way your audience feels about your character. Generally, whether your character is &ldquo;good&rdquo; or &ldquo;bad&rdquo; you should fill this out. Character flaws make the protagonist feel more appealing, and something positive for the antagonist might make us hate them more. </p>
<p>At this point your character is pretty much ready to go into your story and do their job. You may want to consider adding &ldquo;fluff&rdquo;, basically information that isn&rsquo;t one hundred percent necessary, but would make for interesting moments in the story. Also if you&rsquo;re writing a fantasy story consider adding an abilities section, maybe your character has super strength, is a pyromancer, can transform into animals, or has magic blood&hellip;&hellip;.right. </p>
<p>It may seem like a lot of work, but really once you write a couple of character sheets out you shouldn&rsquo;t have a problem. It&rsquo;s always a good idea to have a written out profile over a reference sheet any day. Simply put the more you draw the better you get, and you&rsquo;ll have to update your reference sheet if you go through any major style changes. With a Character Profile you won&rsquo;t have to update it so often. Really the only time you should update your character&rsquo;s profile is when they go through a rather involved event that may change their way of thinking or life. <img src="images/endbullet.gif"></p>
<p class="akst_link"><a href="http://www.drawfurry.com/?p=71&amp;akst_action=share-this"  title="E-mail this, post to del.icio.us, etc." id="akst_link_71" class="akst_share_link" rel="nofollow">Share This</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.drawfurry.com/?feed=rss2&amp;p=71</wfw:commentRss>
		<slash:comments>28</slash:comments>
		</item>
		<item>
		<title>How to Make a Web Comic, Part 2 : Drawing and Publishing</title>
		<link>http://www.drawfurry.com/?p=45</link>
		<comments>http://www.drawfurry.com/?p=45#comments</comments>
		<pubDate>Sun, 06 Apr 2008 17:52:22 +0000</pubDate>
		<dc:creator>Kelly</dc:creator>
				<category><![CDATA[Comic tutorials]]></category>

		<guid isPermaLink="false">http://www.drawfurry.com/?p=45</guid>
		<description><![CDATA[<a href='http://www.drawfurry.com/?p=45' title='How to Make a Web Comic, Part 2 : Drawing and Publishing'><img src='http://www.drawfurry.com/wp-content/uploads/t-nymph2.jpg' alt='How to Make a Web Comic, Part 2 : Drawing and Publishing' /></a>]]></description>
			<content:encoded><![CDATA[<p>This in-depth tutorial covers the stages of creating a web comic, from start to finish. As an example I&#8217;ll be using my short comic <a href="http://fern.junglestudio.com/comics/nymph/">Nymph</a>. Be sure to read <a href="http://www.drawfurry.com/?p=43">Part 1 of How to Make a Webcomic</a> for a detailed look at the first few steps.</p>
<p>The process can be broken down into 8 stages:</p>
<ul>
<li>1. Brainstorm</li>
<li>2. Rough Story</li>
<li>3. Character Design and Planning</li>
<li>4. Final Script</li>
<li>5. Drawing the Comic</li>
<li>6. Get it Online</li>
<li>7. Get it Seen</li>
<li>8. Profit?</li>
</ul>
<p>Part 2 of this tutorial covers steps 5-8: Drawing the Comic, Get it Online, Get it Seen, and Profit(?).</p>
<h1>5. Drawing the Comic</h1>
<p>The first steps laid all the groundwork so that I can quickly and efficiently draw my webcomic. With the characters designed, story plotted, and script complete, the next step is to start sketching layouts for my pages.</p>
<p><center><img src="http://www.drawfurry.com/images/how-nymphlayout.gif" alt="null" /></center></p>
<p>I created a layout template file to help at this stage. The script for two pages is printed at top, and the boxes are the same aspect ratio as the final comic page. If you&#8217;d like to use my template, <A href="http://www.drawfurry.com/images/layout_page_df.psd">download the PSD file here</a>. Print the template page in &#8216;landscape&#8217; mode for the best results.</p>
<p>I can loosely sketch out my pages in the boxes. The benefit of having two on each page is that, if the comic is printed, the two facing pages of the book can be planned and laid out in a complementary fashion. You probably will want to avoid, for example, two pages with the same layout side-by-side. There are no unbreakable rules for layout, but keep in mind that for western readers, the eye moves from top to bottom, and from left to right. Your first panel should begin at the top left, and lead the eye in a zig-zag across and down the rest of the page by use of panel shapes and composition.</p>
<p><center><img src="http://www.drawfurry.com/images/how-nymphlayout2.gif" alt="null" /></center></p>
<p>Above are some examples of page layouts I frequently use. My webcomics usually have 5-6 panels per page, which I find suits the size and pacing for my stories. Feel free to experiment with the size, shape, and number of panels to best suit your comic!</p>
<p><center><img src="http://www.drawfurry.com/images/how-nymphlayout3.gif" alt="null" /></center></p>
<p>As you can see from the example, my layout drawings are really rough. It&#8217;s essentially a stick figure, with some attention to pose and facial expression. It&#8217;s ok to draw rough, because you can just toss the rough layout and draw a new one if you want to change things up. The final page has a somewhat different layout from the initial rough sketches above.</p>
<p>If you&#8217;re interested in learning more detail about comic page layouts and storytelling, I highly recommend <A href="http://www.amazon.com/exec/obidos/ASIN/0961472812/thejungle07">Will Eisner&#8217;s Comics and Sequential Art</a>.  A good companion is <A href="http://www.amazon.com/Understanding-Comics-Invisible-Scott-Mccloud/dp/006097625X/thejungle07">Scott McCloud&#8217;s Understanding Comics</a>. Both books can be had very cheaply as used copies, or in the local library.</p>
<p><center><img src="http://www.drawfurry.com/images/how-nymphlayout4.gif" alt="null" /></center></p>
<p>After completing layouts, I draw the final page artwork, then clean up and color it in <A href="http://www.amazon.com/Adobe-23102480-Photoshop-CS3/dp/B000NDIBYG/thejungle07">Photoshop</a>. A more detailed walk-through of my process can be found <A href="http://www.drawfurry.com/?p=12">in this tutorial</a>. Use whichever style and color scheme best suit the theme of your comic.</p>
<p><center><img src="http://www.drawfurry.com/images/how-nymphpage.jpg" alt="null" /></center></p>
<p>Tada! Finished page. Now, I&#8217;m going to assume that you know how to draw your comic the way you&#8217;d like, so I won&#8217;t discuss how to finish up the page. There&#8217;s <a href="http://www.drawfurry.com/?cat=6">plenty of other tutorials</a> to cover that if you still feel unsure. </p>
<h1>6. Get it Online</h1>
<p>Great! Now you have a comic, but how will anyone ever read it?<br />
The internet makes it easy to get an audience &#8211; don&#8217;t worry about printing or conventions, just get a website. There are several web communities dedicated to webcomics, which provide free hosting (web page server space) as well as the scripts that will automatically update your comic.</p>
<p><A href="http://www.webcomicsnation.com/">Webcomics Nation</a> has a free membership option, as well as a beefier premium mode for about $10/month.</p>
<p><a href="http://www.comicgenesis.com/">Comic Genesis</a> appears to be the new incarnation of KeenSpace, a longtime free webcomic host. Popular comics can get listed on their premium site, <A href="http://www.keenspot.com/">Keenspot.</a></p>
<p><a href="http://www.drunkduck.com/">Drunk Duck</a> has a spotty track record, but appears to be reborn as a solid option for budget-conscious comicers.</p>
<p>These sites are great for testing the waters with a new webcomic, but be cautious as any free online service can up and disappear with a moment&#8217;s notice. If you can&#8217;t afford much else, you can register a domain name for your webcomic, and have it redirect to the free webcomic site. If the site dies or your comic moves, you can simply change the URL that your domain points to, and your viewers won&#8217;t notice the difference. </p>
<p><center><img src="http://www.drawfurry.com/images/how-nymphlayout5.gif"><br />
<i>example of the Wordpress control panel</i></center></p>
<p>The more advanced option is to pay for webhosting (generally $5-15 a month) which usually guarantees your comic won&#8217;t disappear abruptly. However, you&#8217;ll have to design a website, and install any scripts needed to update comic pages automatically. </p>
<p>The design and updates can be combined in one package by using blog software such as <a href="http://wordpress.org/">Wordpress</a>. There&#8217;s even a popular webcomic variation called <a href="http://mindfaucet.com/comicpress/">ComicPress</a> that can be installed. These scripts require a web host with PHP and mySQL, and can be intimidating to less tech-savvy artists. The benefit is that you have full control of the site, and that comic pages can be scheduled to appear on dates in advance. </p>
<p>An easy alternative is <a href="http://www.walrusphp.com/">Walrus</a>, a php webcomic script that can be incorporated into any php pages. It has a lot of the same functionality as the blog scripts, but lacks the more advanced (and complex) features. There are plenty of similar php scripts floating around online, so there&#8217;s always an alternative if you hit a wall trying to install one.</p>
<p>Photoshop also has a function for generating image galleries in html, which you can use to make your comic website. Chose the option File > Automate > Web Photo Gallery, and set up the options as you like. More advanced users can create a custom template to change the style of the web pages. To update these sites quickly, for example to add or remove some images, just run the script again to overwrite the old pages. Then you can upload the files Photoshop creates onto your webserver.</p>
<p>Or, as I did in the case of &#8216;Nymph&#8217;, you can just use good ol&#8217; fashioned HTML to code your page, and do all the updates manually. For short or infrequently updated sites, this is the simplest and most elegant solution. I like to use <A href="http://htmlgoodies.com/">html goodies</a> to refresh my memory for html tags and css tricks.</p>
<h1>7. Get it Seen</h1>
<p>So, your comic is online now, but will anyone see it? And how will you know if they do?</p>
<p>Let&#8217;s tackle the second question first. Once we know how visitors arrive to the comic website, we can analyze how to direct more and better traffic there. <a href="http://www.google.com/analytics/">Google Analytics</a> is a great free tool for traffic analysis. By pasting the analytics code on every webpage you want to track, you can see detailed statistics for your site visitors.<br />
<center><img src="http://www.drawfurry.com/images/how-analytics.jpg"><br />
<i>example of the Google Analytics dashboard screen</i></center></p>
<p>Some important factors to consider:<br />
<b>Usability</b> : which browser and screen resolution is most common? You can find out under &#8220;visitors &#8211; browser capabilities&#8221;<br />
<b>Keywords</b> : which search engine terms are most popular for your website? You can find out under &#8220;traffic sources &#8211; keywords&#8221;<br />
<b>Referring sites</b>: which webpages are linking to your website? You can find out under &#8220;traffic sources &#8211; referring sites&#8221;</p>
<h2>Usability</h2>
<p>The web browser and screen resolution used by visitors to your website is important. If folks can&#8217;t see your comic properly the first time, they might not come back! Make sure your website looks good in a variety of web browsers and screen resolutions. For Nymph, almost 50% of visitors use third-party web browser <A href="http://www.mozilla.com/en-US/firefox/">Mozilla Firefox</a>. 30% used the latest version of Internet Explorer. 12% used the older IE 6 browser. The rest use Safari or other less mainstream browsers. There&#8217;s a handy tutorial <a href="http://www.thesitewizard.com/webdesign/multiplebrowsers.shtml">here</a> that explains how to test your site in various browsers. To test how it looks in different resolutions, go <a href="http://www.unk.edu/website/index.php?id=2184#">here</a>. 1024&#215;768 is a pretty safe resolution these days. Try to design your website to maximize the number of visitors that can see it properly.</p>
<h2>Keywords</h2>
<p>Keywords are the terms users type into a search engine (like Google) to find your website. Google uses data from meta tags as well as content from the webpage itself. Meta tags are information embedded into the website itself. While these are used less and less by search engines lately, it&#8217;s still good to include. Try to find the most precise phrases to describe your site, as well as terms you think users would input to find it. It might help to check a similarly-themed webcomic and see which meta data they&#8217;ve included.<br />
Here&#8217;s an example from Nymph:</p>
<p><XMP><META NAME="title" CONTENT="Nymph ~ a dream of gold and flowers"></XMP></p>
<p><XMP><META NAME="description" CONTENT="Original webcomic by Kelly Hamilton."></XMP></p>
<p><XMP><META NAME="keywords" CONTENT="kelly, hamilton, comic, fantasy, art, nymph, farie, faerie, fairy, webcomic"></XMP></p>
<p><XMP><META NAME="copyright" CONTENT="Copyright Â© Kelly Hamilton 2008"></XMP></p>
<p>It&#8217;s helpful to think of keywords as phrases &#8211; &#8216;kelly hamilton webcomic&#8217; is more likely to pull up my Nymph site than just &#8216;nymph&#8217;. Since many search engines give higher priority to page content than to meta tags, be sure to include the keywords in the body of your page as well. Use plain text instead of images, or image alt tags when you can. Don&#8217;t overdo it, though- google with punish sites that try to work the system, by giving them low priority in search results. Play fair and it will work to your advantage!</p>
<p><center><img src="http://www.drawfurry.com/images/how-nymphsite.jpg"><br />
<i>nymph website &#8211; a simple navigation system and uncluttered design</i></center></p>
<h2>Referring Sites</h2>
<p>Sites that link your pages are referrers. By using Google Analytics, or alternatives such as <a href="http://www.cpanel.net/index.html">Cpanel</a>, you can find out what site your visitors were at previously. This is handy to figure out not only which sites link to yours, but also what kind of sites your visitors tend to like. You can use this info for advertising (more on that later). But how can you get other sites to link to yours?</p>
<p>First, create a few ad banners and include them on your site. You&#8217;d be surprised at the number of folks who will link to your site with an ad banner, because they like your comic and want to share it.<br />
<center><img src="http://fern.junglestudio.com/comics/nymph/images/b_nymph234x60.gif"><br />
<i>nymph banner example</i></center><br />
Popular sizes are 200&#215;40 pixles, 88&#215;31, and 468&#215;60. Chose a colorful or appealing image from your comic to catch a viewer&#8217;s eye. </p>
<p>Next, why not include links to some of your favorite webcomics as well? They may notice and return the favor. Be sure to warn your visitors before they head off to websites with adult content (unless, of course, your site is adults-only as well).</p>
<p>Request a &#8216;link exchange&#8217; with other webcomics. Many popular comics won&#8217;t bother with this, but if you contact smaller sites or more niche interest comics (furry, for example) you may get a positive response. Webcomicers are a generally friendly bunch, so don&#8217;t be afraid to ask. You could alternatively contact the webmaster simply to let them know you like their comic and have linked them. They may respond positively and link you in return, but would ignore a &#8216;cold call&#8217; link exchange request. Remember that nobody &#8216;owes&#8217; you a link, so mind your manners. And don&#8217;t ask permission to link to another website, it&#8217;s proper &#8216;netiquette&#8217; just to link them without the bother.</p>
<p>Get your comic listed on the many webcomic directories online. Be sure to read the requirements of each site and make sure your comic qualifies.<br />
<a href="http://www.onlinecomics.net">Online Comics</a><br />
<a href="http://www.belfry.com/comics/">Belfry Webcomics Index</a><br />
<a href="http://www.thewebcomiclist.com/">The Webcomic List</a><br />
<a href="http://choicecomics.net">ChoiceComics</a><br />
<a href="http://tomgeeks.com/geeks.html">TomGeeks</a><br />
<a href="http://www.comicspace.com/">ComicSpace</a><br />
<a href="http://topwebcomics.com/">TopWebComics</a><br />
<a href="http://buzzcomix.net/">BuzzComics</a></p>
<p>Be sure to promote your webcomic on your blog, personal website, and online art gallery as well. Check the <a href="http://www.drawfurry.com/?p=27">Art Online tutorial</a> for some examples of where you can post your artwork online to get more exposure. </p>
<h1>8. Profit?</h1>
<p>Your comic is online, and people are reading it! Great, right? but how will you pay the hosting bill? and why bother with the effort of making a webcomic anyway?<br />
If you want to turn your passion into profits, then you&#8217;ll need to figure out ways to gain revenue from the webcomic. Advertisements have been a long-time source of revenue for many sites. When the ad market crashed, many relied on profits from merchandise. Some earn money from print editions of their comics. You&#8217;ll have to find the right balance on your own, but here are some options that can help repay your efforts.</p>
<p><a href="https://www.google.com/adsense">Google Adsense</a> : displays flash, image and text ads based on your site meta data and content.<br />
<a href="http://publisher.yahoo.com/">Yahoo Publisher Network</a> : similar to google ads. You won&#8217;t get paid for non-USA visitor views and clicks.<br />
<a href="http://associates.amazon.com">Amazon Associates</a> : earn a percentage of sales by advertising Amazon products.<br />
<a href="http://www.projectwonderful.com/">Project Wonderful</a> : banner ad network, created by a group of webcomic artists. Mostly webcomics participate.<br />
<a href="http://www.lulu.com/">Lulu.com</a> : Print-on-demand books, comics, and artwork.<br />
<a href="https://www.paypal.com/">Paypal</a> : Sell subscriptions, merchandise, or solicit donations without need for a credit card merchant account.<br />
<a href="http://www.ebay.com/">Ebay</a> : Sell original artwork or commissions.<br />
<A href="http://www.furbid.ws/cgi-bin/auction/main.pl">Furbid</a> : it&#8217;s like ebay, for furries.<br />
<a href="http://www.cafepress.com/">CafePress</a> : Print-on-demand merchandise like shirts, mousepads, posters, etc<br />
<a href="http://www.zazzle.com/?ckt=true">Zazzle</a> : similar to cafepress, POD merchandise</p>
<p>I&#8217;ve tested all these services and found them honest and easy to use. </p>
<p><center><img src="http://www.drawfurry.com/images/how-pw.jpg"><br />
<i>project wonderful ad management page</i></center></p>
<p>Some other ideas:<br />
<A href="http://www.dieselsweeties.com/">Diesel Sweeties</a> has a newspaper deal, in addition to revenue from PW ads and merchandise.<br />
<A href="http://www.penny-arcade.com/">Penny Arcade</a> does commissioned print comics for various game publishers. They only advertise products they personally test and approve, ensuring visitors can trust the integrity of third party merchandise advertised on their site.<br />
<a href="http://www.jaynaylor.com/">Jay Naylor</a> offers two free PG-13 webcomics with regular updates, but the adults-only spinoffs and side projects have to be purchased. He also has a subscription-based sketchblog- again, adults only.<br />
<a href="http://www.wowio.com/index.asp">Wowio</a> offers participants a piece of the profits from downloads of PDF webcomic ebooks. Membership seems to be invite-only now, though.</p>
<h2>In Conclusion&#8230;</h2>
<p>Don&#8217;t forget that the sky is the limit for webcomics. There&#8217;s no right or wrong way to draw, host, or publicize your comic. That mysterious charm that launches certain webcomics to fame and fortune can&#8217;t be formulated. Hopefully, though, this tutorial will help your webcomic reach the quality and recognition it deserves.</p>
<p>Happy comicking!<img src="images/endbullet.gif"></p>
<p class="akst_link"><a href="http://www.drawfurry.com/?p=45&amp;akst_action=share-this"  title="E-mail this, post to del.icio.us, etc." id="akst_link_45" class="akst_share_link" rel="nofollow">Share This</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.drawfurry.com/?feed=rss2&amp;p=45</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>How to Draw Fur by Farore</title>
		<link>http://www.drawfurry.com/?p=46</link>
		<comments>http://www.drawfurry.com/?p=46#comments</comments>
		<pubDate>Sun, 24 Feb 2008 05:08:23 +0000</pubDate>
		<dc:creator>Farore</dc:creator>
				<category><![CDATA[Digital tutorials]]></category>

		<guid isPermaLink="false">http://www.drawfurry.com/?p=46</guid>
		<description><![CDATA[<a href='http://www.drawfurry.com/?p=46'><img src='http://www.drawfurry.com/wp-content/uploads/t-farore_fur.jpg' alt='t-farore_fur.jpg' /></a>

]]></description>
			<content:encoded><![CDATA[<p><i>Kirin&#8217;s Note: This tutorial is courtesy of guest artist <a href="http://the-burning-claw.deviantart.com/">Farore</a>. You can see this tutorial, and more of Farore&#8217;s art, in her <a href="http://the-burning-claw.deviantart.com/">Deviant Art gallery</a>. A few edits have been made to this tutorial so that it fits the Drawfurry.com format.</i></p>
<p>Ok, so I&#8217;ve been trying and trying to find a good fur texture that works.  But much to my dismay, I can only find one or two tutorials out there on fur texture, and they&#8217;re not very detailed.  So, I thought I&#8217;d make my own. After much testing and redoing and trying and tears, this is what I came up with. I hope you can learn something from it too.</p>
<p><img src="http://www.drawfurry.com/images/farore_fur_1.jpg"></p>
<p><img src="http://www.drawfurry.com/images/farore_fur_2.jpg"></p>
<p class="akst_link"><a href="http://www.drawfurry.com/?p=46&amp;akst_action=share-this"  title="E-mail this, post to del.icio.us, etc." id="akst_link_46" class="akst_share_link" rel="nofollow">Share This</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.drawfurry.com/?feed=rss2&amp;p=46</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>Inking with Illustrator by Farore</title>
		<link>http://www.drawfurry.com/?p=44</link>
		<comments>http://www.drawfurry.com/?p=44#comments</comments>
		<pubDate>Thu, 14 Feb 2008 14:02:47 +0000</pubDate>
		<dc:creator>Farore</dc:creator>
				<category><![CDATA[Digital tutorials]]></category>

		<guid isPermaLink="false">http://www.drawfurry.com/?p=44</guid>
		<description><![CDATA[<a href='http://www.drawfurry.com/?p=44' title='Inking with Illustrator by Farore' BORDER=0><img src='http://www.drawfurry.com/wp-content/uploads/t-farore_ink.jpg' alt='Inking with Illustrator by Farore' /></a>]]></description>
			<content:encoded><![CDATA[<p><i>Kirin&#8217;s Note: This tutorial is courtesy of guest artist <a href="http://the-burning-claw.deviantart.com/">Farore</a>. You can see this tutorial, and more of Farore&#8217;s art, in her <a href="http://the-burning-claw.deviantart.com/">Deviant Art gallery</a>.</i></p>
<p><img src="http://www.drawfurry.com/images/Line_Art_Tutorial_by_the_burning_claw.png"></p>
<p>Also, a note from Farore: </p>
<p><i>This works with any kind of inks, scanned, photoshop, openCanvas, whatever.</i></p>
<p class="akst_link"><a href="http://www.drawfurry.com/?p=44&amp;akst_action=share-this"  title="E-mail this, post to del.icio.us, etc." id="akst_link_44" class="akst_share_link" rel="nofollow">Share This</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.drawfurry.com/?feed=rss2&amp;p=44</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>
