<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Comments on: Laying Out A Comic Strip</title>
	<atom:link href="http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html/feed" rel="self" type="application/rss+xml" />
	<link>http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html</link>
	<description>Learn to animate, the hard way!</description>
	<lastBuildDate>Thu, 19 Aug 2010 22:57:49 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
	<item>
		<title>By: Videochat</title>
		<link>http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html#comment-5922</link>
		<dc:creator>Videochat</dc:creator>
		<pubDate>Fri, 04 Jun 2010 10:01:57 +0000</pubDate>
		<guid isPermaLink="false">http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip-2.html#comment-5922</guid>
		<description>I just registered for your RSS feed. Really cool weblog keep up the good writing.</description>
		<content:encoded><![CDATA[<p>I just registered for your RSS feed. Really cool weblog keep up the good writing.</p>
]]></content:encoded>
	</item>
</channel>
</rss>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<!-- 9 queries. 0.180 seconds. -->
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>
  Laying Out A Comic StripFlash Filmmaker</title>

<link rel="alternate" type="application/rss+xml" title="Flash Filmmaker &raquo; Laying Out A Comic Strip Comments Feed" href="http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html/feed" />
<link rel='stylesheet' id='youtube_widget_css-css'  href='http://flashfilmmaker.com/wp-content/plugins/youtube-with-style/lib/widget.css?ver=3.0.1' type='text/css' media='all' />

<!-- Multi-level Navigation Plugin v2.2.1 by PixoPoint Web Development ... http://pixopoint.com/multi-level-navigation/ -->
<link rel="stylesheet" type="text/css" href="http://flashfilmmaker.com/wp-content/plugins/multi-level-navigation-plugin/style.php" />
<script type='text/javascript' src='http://flashfilmmaker.com/wp-includes/js/jquery/jquery.js?ver=1.4.2'></script>
<script type='text/javascript' src='http://flashfilmmaker.com/wp-includes/js/swfobject.js?ver=2.2'></script>
<script type='text/javascript' src='http://flashfilmmaker.com/wp-includes/js/comment-reply.js?ver=20090102'></script>
<script type='text/javascript' src='http://flashfilmmaker.com/wp-content/plugins/multi-level-navigation-plugin/scripts/hoverIntent.js.php?ver=r5'></script>
<script type='text/javascript' src='http://flashfilmmaker.com/wp-content/plugins/multi-level-navigation-plugin/scripts/superfish.js?ver=1.4.8'></script>
<script type='text/javascript' src='http://flashfilmmaker.com/wp-content/plugins/multi-level-navigation-plugin/scripts/superfish_settings.js.php?ver=1.0'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://flashfilmmaker.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://flashfilmmaker.com/wp-includes/wlwmanifest.xml" /> 
<link rel='index' title='Flash Filmmaker' href='http://flashfilmmaker.com' />
<link rel='start' title='Useful Links for Model Sheet References.' href='http://flashfilmmaker.com/resources/useful-links-for-model-sheet-references.html' />
<link rel='prev' title='Drawing a Comic Strip Classically' href='http://flashfilmmaker.com/tips-and-tricks/drawing-a-comic-strip-classically.html' />
<link rel='next' title='Drawing a Comic Strip Classically' href='http://flashfilmmaker.com/tips-and-tricks/drawing-a-comic-strip-classically-2.html' />
<meta name="generator" content="WordPress 3.0.1" />
<link rel='canonical' href='http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html' />
<link rel='shortlink' href='http://flashfilmmaker.com/?p=660' />

<!-- Start Of Script Generated By cforms v11.4 [Oliver Seidel | www.deliciousdays.com] -->
<link rel="stylesheet" type="text/css" href="http://flashfilmmaker.com/wp-content/plugins/cforms/styling/cforms.css" />
<script type="text/javascript" src="http://flashfilmmaker.com/wp-content/plugins/cforms/js/cforms.js"></script>
<!-- End Of Script Generated By cforms -->

<script type="text/javascript" src="http://flashfilmmaker.com/wp-content/plugins/fv-wordpress-flowplayer/flowplayer/flowplayer.min.js"></script>
<link rel="stylesheet" href="http://flashfilmmaker.com/wp-content/plugins/fv-wordpress-flowplayer/css/flowplayer.css" type="text/css" media="screen" />
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="http://flashfilmmaker.com/wp-content/plugins/fv-wordpress-flowplayer/js/pngfix.js"></script>
<![endif]-->
<script type="text/javascript">	
	/*<![CDATA[*/
		function fp_replay(hash) {
			var fp = document.getElementById('wpfp_'+hash);
			var popup = document.getElementById('wpfp_'+hash+'_popup');
			fp.removeChild(popup);
			flowplayer('wpfp_'+hash).play();
		}
	
		function fp_share(hash) {
			var cp = document.getElementById('wpfp_'+hash+'_custom_popup');
			cp.innerHTML = '<div style="margin-top: 10px; text-align: center;"><label for="permalink" style="color: white;">Permalink to this page:</label><input onclick="this.select();" id="permalink" name="permalink" type="text" value="http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html/feed" /></div>';
		}
	/*]]>*/
</script>



		<!-- SwfObj Plugin version SWFOBJ_VERSION -->
		<script type="text/javascript" src="http://flashfilmmaker.com/wp-content/plugins/swfobj/swfobject.js"></script>

<link rel="stylesheet" href="http://flashfilmmaker.com/wp-content/themes/ffm/Defaultstyle.css" type="text/css" media="screen" />
<link rel="shortcut icon" href="favicon.ico">
<link rel="shortcut icon" href="favico.gif">
<link rel="alternate" type="application/rss+xml" title="Flash Filmmaker RSS Feed" href="http://flashfilmmaker.com/feed" />

<link rel="alternate" type="application/atom+xml" title="Flash Filmmaker Atom Feed" href="http://flashfilmmaker.com/feed/atom" />

<link rel="pingback" href="http://flashfilmmaker.com/xmlrpc.php" />

<!--[if IE 7]>	

<link rel="stylesheet" type="text/css" media="all" href="http://flashfilmmaker.com/wp-content/themes/ffm/iestyle.css" />

<![endif]-->

<!--[if lt IE 7]>

<link rel="stylesheet" type="text/css" media="all" href="http://flashfilmmaker.com/wp-content/themes/ffm/ie6style.css" />

<![endif]-->

<script type="text/javascript" src="http://flashfilmmaker.com/wp-content/themes/ffm/js/idtabs.js"></script>
<script type="text/javascript" src="http://flashfilmmaker.com/wp-content/themes/ffm/js/slider.js"></script>

</head>

<body>

<! ---------------------------------------------------------------- >
<div id="wrapper2">
<!--This controls pages navigation bar-->
<div id="header"> 
<div style="float:right;padding:6px;">
<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&cl=12&ejc=2" target="ej_ejc" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this);"><img src="http://www.e-junkie.com/ej/ej_view_cart.gif" border="0" alt="View Cart"/></a>
<script language="javascript" type="text/javascript">
<!--
function EJEJC_lc(th) { return false; }
// -->
</script>
<script src='http://www.e-junkie.com/ecom/box.js' type='text/javascript'></script>
</div>
<a href="http://flashfilmmaker.com"><!--<img src="http://flashfilmmaker.com/wp-content/themes/ffm/images/Defaultlogo.png" alt="logo" class="logo" />--></a>
<!--This is the logo-->

<!-- Multi-level Navigational Plugin by PixoPoint Web Development ... http://pixopoint.com/multi-level-navigation/ -->

<div id="pixopoint_menu_wrapper1">
	<div id="pixopoint_menu1">
		<ul class="sf-menu" id="suckerfishnav"><li><a href="http://flashfilmmaker.com/">Home</a></li><li><a href="http://flashfilmmaker.com/category/news">News</a></li>
<li><a href="http://flashfilmmaker.com/category/reviews">Reviews</a></li>
<li><a href="http://flashfilmmaker.com/category/tips-and-tricks">Tips & Tricks</a></li>
<li><a href="http://flashfilmmaker.com/category/tutorials">Tutorials</a></li>
<li><a href="http://flashfilmmaker.com/category/vlog">VLOG</a></li><li class="page_item page-item-466"><a href="http://flashfilmmaker.com/aboutus" title="About Us">About Us</a></li>
<li class="page_item page-item-2181"><a href="http://flashfilmmaker.com/forum/" title="Forum">Forum</a></li>
</ul>
	</div>
</div>
</div>
<!--End category navigation-->







<div id="container">
<div id="left-div">
  <div id="left-inside">
  
            
<!--Begin Post-->

<div class="post-wrapper">




      <!--Begin Share Button-->
      <img src="http://flashfilmmaker.com/wp-content/themes/ffm/images/share.gif" alt="delete" class="share" style="float: right; margin-right: 10px; margin-bottom: 5px; cursor: pointer; clear: left; visibility: hidden;" />
      <div class="share-div" style="clear: both;"> <a href="http://del.icio.us/post?url=http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html&amp;title=Laying Out A Comic Strip"><img src="http://flashfilmmaker.com/wp-content/themes/ffm/images/bookmark-1.gif" alt="bookmark" style="float: left; margin-left: 15px; margin-right: 8px; border: none;" /></a> <a href="http://www.digg.com/submit?phase=2&amp;url=http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html&amp;title=Laying Out A Comic Strip"><img src="http://flashfilmmaker.com/wp-content/themes/ffm/images/bookmark-2.gif" alt="bookmark" style="float: left; margin-right: 8px; border: none;" /></a> <a href="http://www.reddit.com/submit?url=http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html&amp;title=Laying Out A Comic Strip"><img src="http://flashfilmmaker.com/wp-content/themes/ffm/images/bookmark-3.gif" alt="bookmark" style="float: left; margin-right: 8px; border: none;" /></a> <a href="http://www.stumbleupon.com/submit?url=http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html&amp;title=Laying Out A Comic Strip"><img src="http://flashfilmmaker.com/wp-content/themes/ffm/images/bookmark-4.gif" alt="bookmark" style="float: left; margin-right: 8px; border: none;" /></a> <a href="http://www.squidoo.com/lensmaster/bookmark?http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html"><img src="http://flashfilmmaker.com/wp-content/themes/ffm/images/bookmark-5.gif" alt="bookmark" style="float: left; margin-right: 8px; border: none;" /></a> <a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?t=Laying Out A Comic Strip&amp;u=http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html"><img src="http://flashfilmmaker.com/wp-content/themes/ffm/images/bookmark-6.gif" alt="bookmark" style="float: left; margin-right: 8px; border: none;" /></a> <a href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html&amp;title=Laying Out A Comic Strip"><img src="http://flashfilmmaker.com/wp-content/themes/ffm/images/bookmark-7.gif" alt="bookmark" style="float: left; margin-right: 8px; border: none;" /></a> <a href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html&amp;Title=Laying Out A Comic Strip"><img src="http://flashfilmmaker.com/wp-content/themes/ffm/images/bookmark-8.gif" alt="bookmark" style="float: left; margin-right: 8px; border: none;" /></a> <a href="http://www.technorati.com/faves?add=http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html"><img src="http://flashfilmmaker.com/wp-content/themes/ffm/images/bookmark-9.gif" alt="bookmark" style="float: left; margin-right: 8px; border: none;" /></a> <a href="http://www.furl.net/storeIt.jsp?t=Laying Out A Comic Strip&amp;u=http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html"><img src="http://flashfilmmaker.com/wp-content/themes/ffm/images/bookmark-10.gif" alt="bookmark" style="float: left; margin-right: 8px; border: none;" /></a> <a href="http://cgi.fark.com/cgi/fark/edit.pl?new_url=http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html&amp;new_comment=Laying Out A Comic Strip"><img src="http://flashfilmmaker.com/wp-content/themes/ffm/images/bookmark-11.gif" alt="bookmark" style="float: left; margin-right: 8px; border: none;" /></a> <a href="http://www.sphinn.com/submit.php?url=http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html&amp;title=Laying Out A Comic Strip"><img src="http://flashfilmmaker.com/wp-content/themes/ffm/images/bookmark-12.gif" alt="bookmark" style="float: left; margin-right: 8px; border: none;" /></a> </div>
      <div style="clear: both;"></div>
      <!--End Share Button-->
                        <h1 class="post-title"><a href="http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html" rel="bookmark" title="Permanent Link to Laying Out A Comic Strip">
        Laying Out A Comic Strip        </a></h1>
      <div class="post-info">Posted by
        JK        in
        <a href="http://flashfilmmaker.com/category/tips-and-tricks" title="View all posts in Tips &amp; Tricks" rel="category tag">Tips &amp; Tricks</a>        on
        03 8th, 2010        | <a href="#respond" title="Leave a comment">
        one response        </a> </div>
      <div style="clear: both;"></div>



<p>There are many ways to approach creating a regularly published comic strip. Some cartoonists start with the main gag and layout the strip storyboard style while others approach their strip as a written script and then break that script down into panel shots. It is really a matter of which approach for writing is most comfortable and productive for you. My friend Bill Riling is a professional story artist at Dream Works, so it is only natural that he follows the storyboard visual writing approach to writing his comic, <a href="http://www.lewisandcluck.com/" target="_blank">The Adventures of Lewis and Cluck</a>.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-210" title="pencil" src="http://2dcgi.com/wp-content/uploads/2010/01/pencil.jpg" alt="pencil" width="778" height="268" /></p>
<p style="text-align: left;">The layout shown above is from a strip that is part of the <strong>Freeze Tag </strong>storyline. Lewis and Cluck are explorer chickens who travel around the globe on scientific and ecological research missions. In <strong>Freeze Tag</strong>, they have traveled to the Arctic to study the habits of the polar bears. Many of the gags in this storyline revolve around tranquilizing and tagging the bears. Scientists who study creatures in the wild try not to cause changes in their subject&#8217;s behavior, but as we can see in this comic, the chickens have really gotten into this bear&#8217;s head with that unwanted collar. Bill works in loose pencils in order to layout his panels making full use of the &#8220;camera&#8221; to create interesting shots that help to tell the story and sell the gag.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-217" title="mating" src="http://2dcgi.com/wp-content/uploads/2010/01/mating.jpg" alt="mating" width="767" height="244" /></p>
<p style="text-align: left;">Here is the final inked and colored strip as published. In this case there wasn&#8217;t a great deal of variation between the conceptual layout and the final rendering. To see more of Bill&#8217;s comic strip, check out  <a href="http://www.lewisandcluck.com/" target="_blank">The Adventures of Lewis and Cluck</a>.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-228" title="CharacterLayout" src="http://2dcgi.com/wp-content/uploads/2010/01/CharacterLayout.jpg" alt="CharacterLayout" width="700" height="537" /></p>
<p style="text-align: left;">For my own comic strip <a href="http://www.bugpudding.com/" target="_blank">BugPudding</a> , I work from a type written script and compose the layouts for my panel shots digitally in SketchBook Pro. As you can see in the example above, I have more of an animation style of approach to frame organization with each character being on a separate &#8220;cell&#8221; layer so that I can work through many different composition ideas easily. The inset in the lower left hand corner is the final colored rendering.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-229" title="panelLayoutsketch" src="http://2dcgi.com/wp-content/uploads/2010/01/panelLayoutsketch.jpg" alt="panelLayoutsketch" width="680" height="498" /></p>
<p style="text-align: center;">
<p style="text-align: left;">
<p style="text-align: left;">Here is a panel layout from one of the strips in the <strong>Vapors of Evil</strong> storyline. Monroe, a turtle, and Bentley, a snail, are making their way through the Vapor Covered Wasteland in search of their friend Agile, a mutated bug. As you can see from the layers displayed, I can show or hide layers as I compose the panel to simplify my visualization and to facilitate making changes easily. Blue layers are visible while the orange layers are hidden.</p>
<p style="text-align: left;">
<p style="text-align: center;"><img class="aligncenter size-full wp-image-233" title="panelDetail" src="http://2dcgi.com/wp-content/uploads/2010/01/panelDetail.jpg" alt="panelDetail" width="754" height="583" /></p>
<p style="text-align: center;">
<p style="text-align: left;">Here is the final colored render of that panel with the composite of the characters and the background. To follow the further adventures of Monroe, Bentley, Agile and the other critters who live around Lake Tuberville, check out my comic strip<a href="http://www.bugpudding.com/" target="_blank"> BugPudding</a> .</p>
<p style="text-align: left;">
      <div style="clear: both; margin-top: 10px;"></div>
            <div style="clear: both;"></div>
    </div>
    
    
    <div class="post-wrapper" style="margin-top: 10px;">
      ﻿<!-- You can start editing here. -->

<h3 id="comments">One Response to &#8220;Laying Out A Comic Strip&#8221;</h3>
<ol class="commentlist">
    		<li class="comment even thread-even depth-1" id="comment-5922">
				<div id="div-comment-5922" class="comment-body">
				<div class="comment-author vcard">
		<img alt='' src='http://1.gravatar.com/avatar/d29308a6fd9c290a732d9a10ef624bfc?s=60&amp;d=monsterid&amp;r=G' class='avatar avatar-60 photo' height='60' width='60' />		<cite class="fn"><a href='http://free-videochat.com' rel='external nofollow' class='url'>Videochat</a></cite> <span class="says">says:</span>		</div>

		<div class="comment-meta commentmetadata"><a href="http://flashfilmmaker.com/tips-and-tricks/laying-out-a-comic-strip.html#comment-5922">
			June 4, 2010 at 10:01 am</a>		</div>

		<p>I just registered for your RSS feed. Really cool weblog keep up the good writing.</p>

		<div class="reply">
		<a rel='nofollow' class='comment-reply-link' href='/tips-and-tricks/laying-out-a-comic-strip.html/feed?replytocom=5922#respond' onclick='return addComment.moveForm("div-comment-5922", "5922", "respond", "660")'>Reply</a>		</div>
				</div>
		</li>
</ol>
<div class="navigation">
    <div class="alignleft">
            </div>
    <div class="alignright">
            </div>
</div>
<div id="respond">
    <h3 class="titles2"><a href="#">
        Join The Discussion     </a>
    </h3>
    <div class="cancel-comment-reply"> <small>
        <a rel="nofollow" id="cancel-comment-reply-link" href="/tips-and-tricks/laying-out-a-comic-strip.html/feed#respond" style="display:none;">Click here to cancel reply.</a>        </small> </div>
        <form action="http://flashfilmmaker.com/wp-comments-post.php" method="post" id="commentform">
                <p>
            <input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' />
            <label for="author"><small>Name
                (required)                </small></label>
        </p>
        <p>
            <input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' />
            <label for="email"><small>Mail (will not be published)
                (required)                </small></label>
        </p>
        <p>
            <input type="text" name="url" id="url" value="" size="22" tabindex="3" />
            <label for="url"><small>Website</small></label>
        </p>
                <!--<p><small><strong>XHTML:</strong> You can use these tags: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>-->
        <p>
            <textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea>
        </p>
        <p>
            <input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
            <input type='hidden' name='comment_post_ID' value='660' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
        </p>
            </form>
    </div>

<div style="clear: both;"></div>
    </div>
          </div>
</div>

<div id="sidebar">
    <!--Begin 250x250 Ad Block-->
        <div class="sidebar-box">
    <div class="adwrap"> 

<script type="text/javascript"><!--
google_ad_client = "pub-8415035298729103";
/* 250x250, created 4/26/10 */
google_ad_slot = "8880871826";
google_ad_width = 250;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

<!-- <a href="#"><img src="http://www.elegantwordpressthemes.com/images/StudioBlue/250x250.gif" style="border: none;" alt="advertisement" /></a> -->

</div>
</div>
        <!--End 250x250 Ad Block-->
    <!--Begin 125x125 Ad Block-->
    <div class="sidebar-box">
<div class="adwrap"> 

<iframe src="http://affiliate.godaddy.com/ad/5A85C550F4065AC6967463E9761132398AC40AAF44AA69943DCA705461D64A3C" width="125" height="125" frameborder="0" scrolling="no" marginwidth="0" marginheight="0" hspace="0" allowtransparency="true"></iframe>

<iframe src="http://affiliate.godaddy.com/ad/880CB850EAB3BE9742C1DA59BD38207CACB779661D11725AC062A4EFB129D85D" width="125" height="125" frameborder="0" scrolling="no" marginwidth="0" marginheight="0" hspace="0" allowtransparency="true"></iframe>

</div>
</div>
    <!--End 125x125 Ad Block-->
                <div class="sidebar-box"><h2>You are not logged in.</h2><ul class="wpulogininfo"><form class="wpuloginform" method="post" action="http://flashfilmmaker.com/forum/ucp.php?mode=login&amp;redirect=http%3A%2F%2Fflashfilmmaker.com%2Ftips-and-tricks%2Flaying-out-a-comic-strip.html%2Ffeed"><li><label for="phpbb_username">Username</label> <input tabindex="1" class="inputbox autowidth" type="text" name="username" id="phpbb_username"/></li><li><label for="phpbb_password">Password</label> <input tabindex="2" class="inputbox autowidth" type="password" name="password" id="phpbb_password" maxlength="32" /></li><li><input tabindex="3" type="checkbox" id="phpbb_autologin" name="autologin" /><label for="phpbb_autologin"> Log me on automatically each visit</label></li><li><input type="submit" name="login" class="wpuloginsubmit" value="Login" /></li><li><a href="http://flashfilmmaker.com/forum/ucp.php?mode=register">Register</a></li><li><a href="http://flashfilmmaker.com/forum/ucp.php?mode=sendpassword">I forgot my password</a></li></form></ul></div><div class="sidebar-box"><h2>Search</h2><form method="get" id="searchform" action="http://flashfilmmaker.com/">
    <div>
        <input type="text" value="" name="s" id="s" />
        <input type="submit" id="searchsubmit" value="Search" />
    </div>
</form>
</div></div>
</div>
<!--Begin Footer-->
<div style="clear: both;"></div>
<p></p>
</div>
<center>&copy; Copyright <a href="http://cinestarfilmworks.com">Cinestar Filmworks</a> 2008. All rights reserved.</center>


<!--End Footer-->
</body>
</html>
