<HTML>

  <title>loonygames' Graphic Content</title>
<body bgcolor="#FEFFEC" link="#000000" vlink="#000000">
<div align="CENTER">
  <div align="CENTER">
    <center>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2373963192914918";
/* 468x60 */
google_ad_slot = "3417104156";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</center>
  </div>
  <div align="CENTER">
    <table border="0" width="600">
      <tr> 
        <td width="261" height="105"><img src="../../images/next_logo_sml.jpg" width="251" height="94" usemap="#map" border="0"> 
        </td>
        <td width="92" height="105" align="LEFT" valign="MIDDLE"> 
          <p><font face="Arial, Helvetica, sans-serif" size="-1">- <a href="../index.html">Contents</a><br>
- <a href="../../../about.1">About</a><br>
            - <a href="../../../submissions/index.html">Submissions</a><br>
            - <a href="../../../feedback.1">Feedback</a><br>
            - <a href="../../archives/index.html">Archives</a></font></p>
        </td>
      </tr>
    </table>
  </div>
  <table border="0" width="600" align="CENTER">
    <tr> 
      <td width="192" height="936" align="LEFT" valign="TOP"> 
        <table border="0" width="172">
          <tr> 
            <td height="1194" align="LEFT" valign="TOP"> 
              <p><font color="#0000FF"><b><font face="Arial, Helvetica, sans-serif" color="#0000CC">volume 
                1, issue 19</font></b></font></p>
              <p><font color="#0000FF"><b><font face="Arial, Helvetica, sans-serif" color="#0000CC"> 
                </font></b></font></p>
              <p>  <p><font face="Courier New, Courier, mono"><b><font color="#339900" face="Arial, Helvetica, sans-serif">Today 
                in loonygames:</font></b></font></p>

<P><font color="#000000" face="Arial, Helvetica, sans-serif" size="-1">New!!</font><font face="Arial, Helvetica, sans-serif" size="2"> The Archives have been cleaned up, fead links fixed, and printable versions restored! Also, don't miss the new comments <a href="../../../index.html">on the front page</a>!</font></p>
              
<P><font color="#000000" face="Arial, Helvetica, sans-serif" size="-1"><a href="../../2.15/feat/index.html" target="">Livin' 
  With The Sims</a></font><font face="Arial, Helvetica, sans-serif" size="2">: 
  theAntiELVIS explores the wild and wacky world that is Will Wright's <b>The Sims</b>, 
  asking the inevitable quesiton, &quot;is <b>The Sims</b> the first step toward a virtual 
  life where everyone is Swedish?&quot;</font></p>
<P><font color="#000000" face="Arial, Helvetica, sans-serif" size="-1"><a href="../../2.15/pixel/index.html" target="">Pixel 
  Obscura</a></font><font face="Arial, Helvetica, sans-serif" size="2">: Josh 
  Vasquez on <b>Omikron: The Nomad Soul</b>.</font></p>
<P><font color="#000000" face="Arial, Helvetica, sans-serif" size="-1"><a href="../../rl/index.html" target="">Real 
  Life</a></font>: <font face="Arial, Helvetica, sans-serif"> <font size="-1">Check 
  out our newest comic strip, Real Life! Updated daily!</font></font></p>
<P><font color="#000000" face="Arial, Helvetica, sans-serif" size="-1"><a href="../../uf.1" target="">User 
  Friendly</a></font>: <font face="Arial, Helvetica, sans-serif"> <font size="-1">Updated 
  daily!</font></font></p>


</p>
              
              <p><font face="Arial, Helvetica, sans-serif" size="-1"><b><font color="#339900">Related 
                Links:</font></b></font></p>
              <p><font face="Arial, Helvetica, sans-serif" size="-1"><a href="../../1.6/index.html">DRAW 
                Partner!</a>: Chris Buecheler's article on games and 2D art.</font></p>
              <p><font face="Arial, Helvetica, sans-serif" size="-1"><a href="http://www.contaminated.net/studio/">The 
                Texture Studio</a>: Chris' texture home page, with tons of textures 
                for you to download.</font></p>
              
              
              <p><font face="Arial, Helvetica, sans-serif" size="-1"><b><font color="#339900">Feedback:</font></b></font></p>
              <p><font face="Arial, Helvetica, sans-serif" size="-1">You've got 
                an opinion...voice it! Drop a line to our <a href="../../../feedback.1">Feedback</a> 
                column...you could end up with a free T-Shirt!</font></p>
              <p><font face="Arial, Helvetica, sans-serif" size="-1"><b><font color="#339900">Random 
                Feature :</font></b></font></p>
               
<p align="CENTER"><img src="../../images/thumbs/doom.gif" width="115" height="91" align="MIDDLE"></p><p><font face="Arial, Helvetica, sans-serif" size="-1"><a href="../../1.16/feat/index.html">5 Years of Doom!</a>: Last year, on the 5th anniversary of Doom, we took a look back at how the industry has changed in its wake.</font></p>

              <form method="get" action="http://www.google.com/custom" name="">
                <font face="Arial, Helvetica, sans-serif" size="-1"><b><font color="#339900">Search 
                the Archives!</font></b></font> 
               
                 <INPUT TYPE=text name=q size=12 maxlength=255 value="">
 <INPUT type=submit name=sa VALUE="Google Search">
 <INPUT type=hidden name=cof 
VALUE="LW:216;L:http:/home/loonygames/loony.timedoctor.org/content/images/logo1.jpg;LH:55;AH:center;S:http://www.loonygames.com;AWFID:13a298c7abe84fd0;">
<input type=hidden name=domains value="loonygames.com"> 
<input type=hidden name=sitesearch value="loonygames.com">               
</div>
              </form>

            </td>
          </tr>
        </table>
      </td>
      <td width="406" height="936" align="LEFT" valign="TOP"> 
        <p align="LEFT"><font face="Arial, Helvetica, sans-serif" color="#0022A8"><b><a target="" href="../../corner/index.html"><font size="-1">Graphic 
          Content</font></a><font size="-1">:</font></b></font><font face="Arial, Helvetica, sans-serif" size="+3" color="#0022A8"><br>
          Creating a Hand Drawn Texture</font></p>
        <p align="RIGHT"><font color="#804000"><b><font face="Arial, Helvetica, sans-serif">By 
          Christopher "<a href="mailto:chrisb@loonygames.com">shaithis</a>" Buecheler</font></b></font></p>
        <p align="right"> 
          <script language="JavaScript">

<!--
       function gotoSite(obj)
          {
          var s;
          s=obj.options[obj.selectedIndex].value
                         location.href=s;
          }
// -->

</script>
          <form>
  <div align="RIGHT">
    <select name="SiteSelector" size="1" language="JavaScript" onchange="gotoSite(this)">
<option value="http://www.loonygames.com/content/2.12/pop">Jump to an Archived Column!</option>
<option value="http://www.loonygames.com/content/2.12/pop/">Issue 2.12</option>
<option value="http://www.loonygames.com/content/2.10/pop/">Issue 2.10</option>
<option value="http://www.loonygames.com/content/2.8/pop/">Issue 2.8</option>
<option value="http://www.loonygames.com/content/2.6/pop/">Issue 2.6</option>
<option value="http://www.loonygames.com/content/2.4/pop/">Issue 2.4</option>
<option value="http://www.loonygames.com/content/2.2/pop/">Issue 2.2</option>
<option value="http://www.loonygames.com/content/2.2/pop/">-----Volume 1 -----</option>
<option value="http://www.loonygames.com/content/1.39/pop/">Issue 1.39</option>
<option value="http://www.loonygames.com/content/1.35/pop/">Issue 1.35</option>
<option value="http://www.loonygames.com/content/1.33/pop/">Issue 1.33</option>
<option value="http://www.loonygames.com/content/1.31/pop/">Issue 1.31</option>
<option value="http://www.loonygames.com/content/1.29/pop/">Issue 1.29</option>
<option value="http://www.loonygames.com/content/1.27/pop/">Issue 1.27</option>
<option value="http://www.loonygames.com/content/1.25/pop/">Issue 1.25</option>
<option value="http://www.loonygames.com/content/1.23/gc/">Issue 1.23</option>
<option value="http://www.loonygames.com/content/1.19/gc/">Issue 1.19</option>
<option value="http://www.loonygames.com/content/1.17/gc/">Issue 1.17</option>
<option value="http://www.loonygames.com/content/1.15/gc/">Issue 1.15</option>
<option value="http://www.loonygames.com/content/1.13/gc/">Issue 1.13</option>
<option value="http://www.loonygames.com/content/1.11/gc/">Issue 1.11</option>
<option value="http://www.loonygames.com/content/1.9/gc/">Issue 1.9</option>

    </select>
  </div>
</form></p>
        <p><font face="Arial, Helvetica, sans-serif">This will make a mediocre 
          wood grain look a lot better. For now though, I've decided I want the 
          image to be 128 pixels high, and 256 pixels wide. Right now it's not. 
          Let's fix this problem.</font></p>
        <p align="center"><a href="images/gc6-ex7.jpg"><img src="images/gc6-ex7_thumb.jpg" width="316" height="218" border="0" alt="click for fullsize image!"></a></p>
        <p><font face="Arial, Helvetica, sans-serif">Stretching the image to 256x128 
          will again compress the HSB noise affect, now with shadows and hilights, 
          which will in turn help the realism of the wood grain.</font></p>
        <p align="center"><br>
          <a href="images/gc6-ex8.jpg"><img src="images/gc6-ex8_thumb.jpg" width="421" height="116" border="0" alt="click for fullsize image!"></a></p>
        <p><font face="Arial, Helvetica, sans-serif">Now we have our image (at 

          200x zoom). I offset it 64 pixels down and 128 to the right, and a troublesome 
          seam has shown up. Time to get rid of it. Here I'm copying a piece of 
          the wood...</font></p>
        <p align="center"><a href="images/gc6-ex9.jpg"><img src="images/gc6-ex9_thumb.jpg" width="412" height="125" border="0" alt="click for fullsize image!"></a></p>
        <p><font face="Arial, Helvetica, sans-serif">... and placing it over the 
          seam. Now we've created two seems. Kinda seems like we're moving backwards, 
          eh? Trust me for a minute. This is a technique I use when the clone 
          tool would be annoying. :)</font></p>
        <p align="center"><a href="images/gc6-ex10.jpg"><img src="images/gc6-ex10_thumb.jpg" width="415" height="106" border="0" alt="click for fullsize image!"></a> 
        </p>
        <p><font face="Arial, Helvetica, sans-serif">I'm rotating the pasted piece 
          by 180 degrees, so it's not as obvious that its been cut from another 
          area of the texture.</font>
        <p><a href="images/gc6-ex11.jpg"><img src="images/gc6-ex11_thumb.jpg" width="416" height="106" border="0" alt="click for fullsize image!"></a>
        <p><font face="Arial, Helvetica, sans-serif">The flipping also (by lucky 
          coincidence) helped the texture to blend in a bit better. Now all we 
          have to do is...</font>
        <p><a href="images/gc6-ex12.jpg"><img src="images/gc6-ex12_thumb.jpg" width="411" height="108" border="0" alt="click for fullsize image!"></a>
        <p><font face="Arial, Helvetica, sans-serif">Use the erasing tool to gradually 
          let areas of the sub-texture show through, creating seamless blends. 
          Neat, huh?</font>
        <p><a href="images/gc6-ex13.jpg"><img src="images/gc6-ex13_thumb.jpg" width="404" height="103" border="0" alt="click for fullsize image!"></a>
        <p><font face="Arial, Helvetica, sans-serif">Now merge the pasted layer 
          with the regular layer, and we have our base wood. Again, still not 
          as realistic as a photo-base texture (creating something that was would 
          be very time consuming), but not bad. We're going to be adding patterns 
          and whatnot next week, which will make this texture look even better 
          (trust me).</font>
        <p align="center"><a href="images/gc6-ex14.jpg"><img src="images/gc6-ex14_thumb.jpg" width="275" height="162" border="0" alt="click for fullsize image!"></a>
        <p><font face="Arial, Helvetica, sans-serif">Here's the texture at its 
          normal 256x128 size, just for reference.</font></p>
        <p><font face="Arial, Helvetica, sans-serif">Next week's project is to 
          take that texture, and turn it into a nifty trim. It's actually a very 
          quick process, if you have a tablet available (or even if not, but it 
          may be hard to accomplish certain effects).</font></p>
        <p><font face="Arial, Helvetica, sans-serif">Until Then,</font></p>
        <p><font face="Arial, Helvetica, sans-serif">-Christopher</font></p>
        <p align="left">&nbsp;
        <p align="RIGHT"><i><font size="-1" face="Arial, Helvetica, sans-serif">- 
          Christopher Buecheler is a freelance 2D artist.</font></i></p>
        <p align="RIGHT">&nbsp;</p>
      </td>
    </tr>
  </table>
  </div>
<map name="map">
  <area shape="rect" coords="32,38,226,76" href="../../../index.html" target="_self">
  <area shape="rect" coords="12,79,125,94" href="http://www.bluesnews.com" target="_self">
 
</map>
<table border="0" width="600" align="CENTER">
  <tr> 
    <td> 
      <p><i><font face="Arial, Helvetica, sans-serif" size="-2"> <b>Credits:</b> 
        Graphic Content is &copy; 1998 Christopher Buecheler. All other content 
        is &copy; 1998 <a target="_self" href="http://www.loonyboi.com">loonyboi 
        productions</a>. Unauthorized reproduction is strictly prohibited, so 
        don't do it, or we'll paint you white against a white background.</font></i></p>
    </td>
  </tr>
</table>
</HTML>
