<?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>www.BrettDaniel.com &#187; Art</title>
	<atom:link href="http://www.brettdaniel.com/category/art/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.brettdaniel.com</link>
	<description>Brett Daniel's personal website</description>
	<lastBuildDate>Wed, 23 Jun 2010 02:59:24 +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>Lego Siebel Center</title>
		<link>http://www.brettdaniel.com/archives/2009/06/15/191317/</link>
		<comments>http://www.brettdaniel.com/archives/2009/06/15/191317/#comments</comments>
		<pubDate>Tue, 16 Jun 2009 00:13:17 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Chambana]]></category>
		<category><![CDATA[Grad School]]></category>
		<category><![CDATA[Projects]]></category>

		<guid isPermaLink="false">http://www.brettdaniel.com/?p=1306</guid>
		<description><![CDATA[I recently read that Lego released models of The Guggenheim and Fallingwater as a part of its new "Architecture" series.  That news inspired me to design a Lego version of the University of Illinois' Thomas M. Siebel Center for Computer Science.




I cannot comment on how Siebel Center's architecture compares to The Guggenheim or Fallingwater, [...]]]></description>
			<content:encoded><![CDATA[<p>I recently read that Lego <a href="http://www.prairiemod.com/prairiemod/2009/05/frank-lloyd-wright-lego-sets.html">released models of The Guggenheim and Fallingwater</a> as a part of its new <a href="http://www.lego.com/en-US/architecture/default.aspx">"Architecture" series</a>.  That news inspired me to design a Lego version of the University of Illinois' <a href="http://www.cs.illinois.edu/about/siebelcenter.php">Thomas M. Siebel Center for Computer Science</a>.</p>

<div class="picsholder">
<a href="http://www.brettdaniel.com/gallery/2009/lego_siebel_center/lego_siebel_center_southwest.png"><img src="http://www.brettdaniel.com/pictures/2009/lego_siebel_center/lego_siebel_center_southwest.s.png" alt="Lego Siebel Center facing southwest" title="Lego Siebel Center facing southwest" class="pic" /></a></div>

<p>I cannot comment on how Siebel Center's architecture compares to The Guggenheim or Fallingwater, but the building has some interesting features that were a challenge to translate into Lego.  In particular, choosing the correct scale, building the angled sections, and sculpting the topology of the courtyard took a lot of experimentation.  Fortunately, Siebel Center is one of the most photogenic buildings on campus, so the web is filled with pictures that I could reference [
<a href="http://charm.cs.uiuc.edu/siebel_map/siebel_floor4.png">1</a>,
<a href="http://graphics.cs.uiuc.edu/sc/">2</a>,
<a href="http://www.joeyhagedorn.com/2006/05/06/this-is-where-i-wont-be-all-summer">3</a>,
<a href="http://www.facebook.com/photo.php?pid=1150566&amp;id=745571444">4</a>,
<a href="https://agora.cs.illinois.edu/download/attachments/259/sc2007-06-07.jpg">5</a>,
<a href="http://www.flickr.com/photos/xiaoma/392541545/">6</a>,
<a href="http://www.flickr.com/photos/lenorah/2172858908/">7</a>,
<a href="http://www.flickr.com/photos/derekgottlieb/173227805/">8</a>,
<a href="http://www.brettdaniel.com/gallery/2008/uiuc/siebel_center.jpg">9</a>,
<a href="http://www.flickr.com/photos/9073545@N03/635707774/">10</a>,
<a href="http://www.flickr.com/photos/y3t39/42883157/">11</a>].</p>

<p>The key to figuring out an appropriate scale came from <a href="http://charm.cs.uiuc.edu/siebel_map/siebel_floor4.png">this detailed floor plan</a>.  I needed a scale that provided a good level of detail, allowed walls and other structures to be subdivided into "nice" Lego sizes, and produced a model of reasonable size.  As is often the case, the simplest solution was the best: if I used a single 1&times;1&times;1 block for each window, then everything fell together like magic.  At this scale, the full model is about 70 studs (&asymp;22 inches) long by 60 studs (&asymp;19 inches) wide.  I have not yet measured the actual size of Siebel Center's windows to determine the Lego-to-real life scale.</p>

<p>I started with the western wall of the building since it is a sheer face of brick and windows and <a href="http://www.brettdaniel.com/gallery/2008/uiuc/siebel_center.jpg">I had a picture reference handy</a>.  From there, I continued roughly counterclockwise until I reached the glass-faced northern facade which angles out from the main body of the building.  I built this pie-shaped section separately and slid it into place against an otherwise blank wall.  Many angled "wing" pieces hide the gap.</p>

<p>A patio sits in a depression at the bottom of the angled section.  I first attempted to orient the depression to the main building and rest of the courtyard but found that the grass and stairways did not meet the patio nicely.  Instead, I connected the slope to the patio and slid the slope under the rest of the grass using stubless plates.</p>

<p>You can view the <a href="http://www.brettdaniel.com/pictures/2009/lego_siebel_center/lego_siebel_center.lxf">digital model</a> in <a href="http://ldd.lego.com/">Lego Digital Designer</a>.  I would love to build the model in real life, but according to LDD, it would cost around $850.  I could probably reduce the price by refining the design and buying bulk pieces.  Maybe the computer science department could sponsor its construction?</p>

<p>The following images show the completed design.  There are <a href="http://www.brettdaniel.com/gallery/2009/lego_siebel_center/">more perspectives in the gallery</a>.</p>

<div class="picsholder">
<a href="http://www.brettdaniel.com/gallery/2009/lego_siebel_center/lego_siebel_center_southeast.png"><img src="http://www.brettdaniel.com/pictures/2009/lego_siebel_center/lego_siebel_center_southeast.s.png" alt="Lego Siebel Center facing southeast" title="Lego Siebel Center facing southeast" class="pic" /></a>
<a href="http://www.brettdaniel.com/gallery/2009/lego_siebel_center/lego_siebel_center_northeast.png"><img src="http://www.brettdaniel.com/pictures/2009/lego_siebel_center/lego_siebel_center_northeast.s.png" alt="Lego Siebel Center facing northeast" title="Lego Siebel Center facing northeast" class="pic" /></a>
<a href="http://www.brettdaniel.com/gallery/2009/lego_siebel_center/lego_siebel_center_northwest.png"><img src="http://www.brettdaniel.com/pictures/2009/lego_siebel_center/lego_siebel_center_northwest.s.png" alt="Lego Siebel Center facing northwest" title="Lego Siebel Center facing northwest" class="pic" /></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.brettdaniel.com/archives/2009/06/15/191317/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Wanted: eA Ligature</title>
		<link>http://www.brettdaniel.com/archives/2009/05/10/030433/</link>
		<comments>http://www.brettdaniel.com/archives/2009/05/10/030433/#comments</comments>
		<pubDate>Sun, 10 May 2009 08:04:33 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[Art]]></category>

		<guid isPermaLink="false">http://www.brettdaniel.com/?p=1239</guid>
		<description><![CDATA[Do any typographers read this weblog?  If so, I have a request: I would like an eA ligature for a paper I am writing in LaTeX.  Something like the following but in the standard Computer Modern typeface.  An italicized version would also be nice.




I need it for a word with InnerCaps that [...]]]></description>
			<content:encoded><![CDATA[<p>Do any typographers read this weblog?  If so, I have a request: I would like an eA ligature for a paper I am writing in LaTeX.  Something like the following but in the standard Computer Modern typeface.  An italicized version would also be nice.</p>

<div class="picsholder">
<a href="http://www.brettdaniel.com/gallery/2009/ea_ligature.gif"><img src="http://www.brettdaniel.com/pictures/2009/ea_ligature.s.gif" alt="eA ligature" title="eA ligature" class="pic" /></a></div>

<p>I need it for a word with InnerCaps that appears throughout the paper.  As it is, the separate letters appear too far apart, and the tails do not line up nicely when I play with the kerning.  LaTeX already has &aelig; and &AElig;; why not the other six combinations?  Or <em>every</em> two-letter combination?  There are only (26 &times; 2)<sup>2</sup> = 2,704 of them.</p>

<h3>Related</h3>

<ul>
<li><a href="http://typophile.com/node/16343">Chatspeak Ligatures</a></li>
<li><a href="http://ilovetypography.com/2007/09/09/decline-and-fall-of-the-ligature/">Decline and Fall of the Ligature</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.brettdaniel.com/archives/2009/05/10/030433/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Daniel Family Christmas Card</title>
		<link>http://www.brettdaniel.com/archives/2008/12/07/162100/</link>
		<comments>http://www.brettdaniel.com/archives/2008/12/07/162100/#comments</comments>
		<pubDate>Sun, 07 Dec 2008 21:21:00 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Projects]]></category>

		<guid isPermaLink="false">http://www.brettdaniel.com/archives/2008/12/07/162100/</guid>
		<description><![CDATA[My family asked me to design this year's Christmas card.  I made the following fake chat conversation:




It is more realistic than one might imagine; we regularly send instant messages across the house.

See also the picture I designed for our Christmas 2005 card:




]]></description>
			<content:encoded><![CDATA[<p>My family asked me to design this year's Christmas card.  I made the following fake chat conversation:</p>

<div class="picsholder">
<a href="http://www.brettdaniel.com/gallery/2008/christmas_card_2008.png"><img src="http://www.brettdaniel.com/pictures/2008/christmas_card_2008.s.png" alt="The cover of my family&#039;s 2008 Christmas card" title="The cover of my family&#039;s 2008 Christmas card" class="pic" /></a></div>

<p>It is more realistic than one might imagine; we regularly send instant messages across the house.</p>

<p>See also the <a href="http://www.brettdaniel.com/gallery/drawings/christmascard.gif">picture I designed for our Christmas 2005 card</a>:</p>

<div class="picsholder">
<a href="http://www.brettdaniel.com/gallery/drawings/christmascard.gif"><img src="http://www.brettdaniel.com/pictures/drawings/christmascard.s.jpg" alt="The picture I drew for my family&#039;s 2005 Christmas card" title="The picture I drew for my family&#039;s 2005 Christmas card" class="pic" /></a></div>

]]></content:encoded>
			<wfw:commentRss>http://www.brettdaniel.com/archives/2008/12/07/162100/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>More Geometric Designs</title>
		<link>http://www.brettdaniel.com/archives/2007/12/02/200140/</link>
		<comments>http://www.brettdaniel.com/archives/2007/12/02/200140/#comments</comments>
		<pubDate>Mon, 03 Dec 2007 01:01:40 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[Art]]></category>

		<guid isPermaLink="false">http://www.brettdaniel.com/archives/2007/12/02/200140/</guid>
		<description><![CDATA[About a year ago I posted some examples of the geometric designs that I often draw in my class notes.  Here are some more recent examples.]]></description>
			<content:encoded><![CDATA[<p>About a year ago I posted some examples of the <a href="archives/2006/11/17/143046/">geometric designs</a> that I often draw in my class notes.  Here are some more recent examples.  As before, these pictures are scans of the original freehand drawings.  I only modified them by reducing noise, adjusting the brightness and contrast, and in the first one, covering a line of text with a black box.</p>

<div class="picsholder">
<a href="gallery/?path=pictures/drawings/geometric_designs2/geometric_design1.gif"><img src="pictures/drawings/geometric_designs2/geometric_design1.gif" alt="geometric_design1.gif" title="geometric_design1.gif" class="pic" /></a>
<a href="gallery/?path=pictures/drawings/geometric_designs2/geometric_design2.gif"><img src="pictures/drawings/geometric_designs2/geometric_design2.gif" alt="geometric_design2.gif" title="geometric_design2.gif" class="pic" /></a>
<a href="gallery/?path=pictures/drawings/geometric_designs2/geometric_design3.gif"><img src="pictures/drawings/geometric_designs2/geometric_design3.gif" alt="geometric_design3.gif" title="geometric_design3.gif" class="pic" /></a>
<a href="gallery/?path=pictures/drawings/geometric_designs2/geometric_design4.gif"><img src="pictures/drawings/geometric_designs2/geometric_design4.gif" alt="geometric_design4.gif" title="geometric_design4.gif" class="pic" /></a>
<a href="gallery/?path=pictures/drawings/geometric_designs2/geometric_design5.gif"><img src="pictures/drawings/geometric_designs2/geometric_design5.gif" alt="geometric_design5.gif" title="geometric_design5.gif" class="pic" /></a>
<a href="gallery/?path=pictures/drawings/geometric_designs2/geometric_design6.gif"><img src="pictures/drawings/geometric_designs2/geometric_design6.gif" alt="geometric_design6.gif" title="geometric_design6.gif" class="pic" /></a>
<a href="gallery/?path=pictures/drawings/geometric_designs2/geometric_design7.gif"><img src="pictures/drawings/geometric_designs2/geometric_design7.gif" alt="geometric_design7.gif" title="geometric_design7.gif" class="pic" /></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.brettdaniel.com/archives/2007/12/02/200140/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Notebook Doodles: Symmetric Designs (Updated)</title>
		<link>http://www.brettdaniel.com/archives/2006/11/17/143046/</link>
		<comments>http://www.brettdaniel.com/archives/2006/11/17/143046/#comments</comments>
		<pubDate>Fri, 17 Nov 2006 19:30:46 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[Art]]></category>

		<guid isPermaLink="false">http://www.brettdaniel.com/archives/2006/11/17/143046/</guid>
		<description><![CDATA[Recently, geometric designs have begun replacing the people in the margins of my notebooks.  I do not know the reason for the change.














These are scans of the original freehand pen drawings, so you may notice that they are not exactly symmetrical and contain a few mistakes. I would like to create clean vector versions [...]]]></description>
			<content:encoded><![CDATA[<p>Recently, geometric designs have begun replacing the <a href="http://www.brettdaniel.com/gallery/?path=pictures/drawings/sketches">people</a> in the margins of my notebooks.  I do not know the reason for the change.</p>

<div class="picsholder">
<a href="http://www.brettdaniel.com/gallery/?path=pictures/drawings/geometric_designs/design1.gif"><img src="http://www.brettdaniel.com/thumb.php?width=300&amp;path=pictures/drawings/geometric_designs/design1.gif" alt="Symmetric pen design" title="Symmetric pen design" class="pic" />
</a>
<a href="http://www.brettdaniel.com/gallery/?path=pictures/drawings/geometric_designs/design2.gif"><img src="http://www.brettdaniel.com/thumb.php?width=300&amp;path=pictures/drawings/geometric_designs/design2.gif" alt="Symmetric pen design" title="Symmetric pen design" class="pic" />
</a>
<a href="http://www.brettdaniel.com/gallery/?path=pictures/drawings/geometric_designs/design3.gif"><img src="http://www.brettdaniel.com/thumb.php?width=300&amp;path=pictures/drawings/geometric_designs/design3.gif" alt="Symmetric pen design" title="Symmetric pen design" class="pic" />
</a>
<a href="http://www.brettdaniel.com/gallery/?path=pictures/drawings/geometric_designs/design4.gif"><img src="http://www.brettdaniel.com/thumb.php?height=300&amp;path=pictures/drawings/geometric_designs/design4.gif" alt="Symmetric pen design" title="Symmetric pen design" class="pic" />
</a>
<a href="http://www.brettdaniel.com/gallery/?path=pictures/drawings/geometric_designs/design5.gif"><img src="http://www.brettdaniel.com/thumb.php?width=300&amp;path=pictures/drawings/geometric_designs/design5.gif" alt="Symmetric pen design" title="Symmetric pen design" class="pic" />
</a>
</div>

<p>These are scans of the original freehand pen drawings, so you may notice that they are not exactly symmetrical and contain a few mistakes. I would like to create clean vector versions that I can blow up and post on my wall.</p>

<p>Designs like this are not a new thing for me. The following are some old examples from my drawing tablet:</p>

<div class="picsholder">
<a href="http://www.brettdaniel.com/gallery/?path=pictures/drawings/scribbles.gif"><img src="http://www.brettdaniel.com/thumb.php?width=300&amp;path=pictures/drawings/scribbles.gif" alt="Symmetric drawing tablet design" title="Symmetric drawing tablet design" class="pic" />
</a>
<a href="http://www.brettdaniel.com/gallery/?path=pictures/drawings/scribbles2.gif"><img src="http://www.brettdaniel.com/thumb.php?width=300&amp;path=pictures/drawings/scribbles2.gif" alt="Symmetric drawing tablet design" title="Symmetric drawing tablet design" class="pic" />
</a>
</div>

<h3>Update</h3>

<p>Here is another one:</p>

<div class="picsholder">
<a href="http://www.brettdaniel.com/gallery/?path=pictures/drawings/geometric_designs/design6.gif"><img src="http://www.brettdaniel.com/thumb.php?width=300&amp;path=pictures/drawings/geometric_designs/design6.gif" alt="Symmetric pen design" title="Symmetric pen design" class="pic" />
</a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.brettdaniel.com/archives/2006/11/17/143046/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nodebook Doodle: Ogre</title>
		<link>http://www.brettdaniel.com/archives/2006/09/13/213056/</link>
		<comments>http://www.brettdaniel.com/archives/2006/09/13/213056/#comments</comments>
		<pubDate>Thu, 14 Sep 2006 02:30:56 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[Art]]></category>

		<guid isPermaLink="false">http://www.brettdaniel.com/archives/2006/09/13/213056/</guid>
		<description><![CDATA[


]]></description>
			<content:encoded><![CDATA[<div class="picsholder">
<a href="http://www.brettdaniel.com/gallery/?path=pictures/drawings/sketches/ogre.gif"><img src="http://www.brettdaniel.com/pictures/drawings/sketches/ogre.gif" alt="An angry ogre with a big club" title="An angry ogre with a big club" class="pic" />
</a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.brettdaniel.com/archives/2006/09/13/213056/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Notebook Doodle: Grad School Edition</title>
		<link>http://www.brettdaniel.com/archives/2006/08/30/212004/</link>
		<comments>http://www.brettdaniel.com/archives/2006/08/30/212004/#comments</comments>
		<pubDate>Thu, 31 Aug 2006 02:20:04 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[Art]]></category>

		<guid isPermaLink="false">http://www.brettdaniel.com/archives/2006/08/30/212004/</guid>
		<description><![CDATA[Now that I am back to taking classes, I would like to start posting my notebook doodles again.

Today's comes from my PhD. seminar:






As with the old notebook doodles, please feel free to suggest captions in the comments.]]></description>
			<content:encoded><![CDATA[<p>Now that I am back to taking classes, I would like to start posting my <a href="http://www.brettdaniel.com/?s=notebook+doodle">notebook doodles</a> again.</p>

<p>Today's comes from my PhD. seminar:</p>

<div class="picsholder">
<a href="http://www.brettdaniel.com/gallery/?path=pictures/drawings/sketches/soldier.gif"><img src="http://www.brettdaniel.com/pictures/drawings/sketches/soldier.gif" alt="A soldier in formal European-ish attire" title="A soldier in formal European-ish attire" class="pic" />
</a>
</div>

<p>As with the old notebook doodles, please feel free to <a href="http://www.brettdaniel.com/archives/2006/08/30/212004/#respond">suggest captions in the comments</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.brettdaniel.com/archives/2006/08/30/212004/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Police Man Drawing</title>
		<link>http://www.brettdaniel.com/archives/2006/08/07/230129/</link>
		<comments>http://www.brettdaniel.com/archives/2006/08/07/230129/#comments</comments>
		<pubDate>Tue, 08 Aug 2006 04:01:29 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[Art]]></category>

		<guid isPermaLink="false">http://www.brettdaniel.com/archives/2006/08/07/230129/</guid>
		<description><![CDATA[I just posted a new drawing of a police man:






The original pencil sketch has been on my wall for the last six months, begging to be posted.

I had a terrible time finishing the line art because my drawing tablet was acting up. Periodically the pointer would fly around the screen and lose pressure sensitivity, destroying [...]]]></description>
			<content:encoded><![CDATA[<p>I just posted a new drawing of a police man:</p>

<div class="picsholder">
<a href="http://www.brettdaniel.com/gallery/?path=pictures/drawings/cop.gif"><img src="http://www.brettdaniel.com/pictures/drawings/cop.gif" alt="A drawing of a police man directing traffic" title="A drawing of a police man directing traffic" class="pic" />
</a>
</div>

<p>The original pencil sketch has been on my wall for the last six months, begging to be posted.</p>

<p>I had a terrible time finishing the line art because my drawing tablet was acting up. Periodically the pointer would fly around the screen and lose pressure sensitivity, destroying whatever line I had in progress. I think that my current mouse driver is fighting with the drawing tablet driver for some reason. Regardless, I am pleased with how the drawing turned out. </p>

<h3>Update 8/8/06</h3>

<p>In <a href="archives/2006/08/06/090419/">another</a> bit of comic strip synchronicity, <a href="http://toothpastefordinner.com/080806/graphics-tablet-found.gif">today's Toothpaste for Dinner cartoon</a> involves a faulty drawing tablet.</p>]]></content:encoded>
			<wfw:commentRss>http://www.brettdaniel.com/archives/2006/08/07/230129/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Newspapers Can&#8217;t Do This</title>
		<link>http://www.brettdaniel.com/archives/2006/08/06/090419/</link>
		<comments>http://www.brettdaniel.com/archives/2006/08/06/090419/#comments</comments>
		<pubDate>Sun, 06 Aug 2006 14:04:19 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[Art]]></category>

		<guid isPermaLink="false">http://www.brettdaniel.com/archives/2006/08/06/090419/</guid>
		<description><![CDATA[I suppose this was the obvious thing to do with today's Non Sequitur strip.






Also, in an interesting bit of synchronicity, today's strips for both Calvin and Hobbes and Rose is Rose involve wagons racing down hills. I would not be surprised if Pat Brady, RiR's creator, did that on purpose.]]></description>
			<content:encoded><![CDATA[<p>I suppose this was the obvious thing to do with <a href="http://www.gocomics.com/nonsequitur/2006/08/06/">today's Non Sequitur strip</a>.</p>

<div class="picsholder">
<img src="http://www.brettdaniel.com/pictures/2006/animatednonsequitur.gif" alt="Today's Non Sequitur strip, animated" title="Today's Non Sequitur strip, animated" class="pic" />

</div>

<p>Also, in an interesting bit of synchronicity, today's strips for both <a href="http://www.gocomics.com/calvinandhobbes/1995/08/06/">Calvin and Hobbes</a> and <a href="http://www.comics.com/comics/roseisrose/archive/roseisrose-20060806.html">Rose is Rose</a> involve wagons racing down hills. I would not be surprised if Pat Brady, RiR's creator, did that on purpose.</p>]]></content:encoded>
			<wfw:commentRss>http://www.brettdaniel.com/archives/2006/08/06/090419/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Notebook Doodle #13</title>
		<link>http://www.brettdaniel.com/archives/2005/04/05/234346/</link>
		<comments>http://www.brettdaniel.com/archives/2005/04/05/234346/#comments</comments>
		<pubDate>Tue, 05 Apr 2005 18:43:46 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Old Weblog]]></category>

		<guid isPermaLink="false">815</guid>
		<description><![CDATA[This notebook doodle is a little different from the usual. I traced it in Illustrator over spring break, but did not go so far as to color.

I really struggled with what to do with it. I felt it is a decent drawing, but I was not pleased with its numerous inaccuracies. He is wearing a [...]]]></description>
			<content:encoded><![CDATA[<p>This notebook doodle is a little different from <a href="archives/2005/02/13/162756/">the usual</a>. I <a href="archives/2005/03/09/221701/">traced it in Illustrator</a> over spring break, but did not go so far as to color.</p>

<p>I really struggled with what to do with it. I felt it is a decent drawing, but I was not pleased with its numerous inaccuracies. He is wearing a bike helmet; the parachute bag looks too much like a normal backpack; he lacks the straps and cords that a normal skydiver would have; and he's wearing jeans, for goodness sake.</p>

<p>I am sure no one reading this cares about any of that, so here is the drawing without any further apologies:</p>

<div class="picsholder">
<a href="gallery/?path=pictures/oldweblog/cartoons/skydiver.gif/"><img src="pictures/oldweblog/cartoons/skydiver.gif" class="pic" alt="A skydiver" /></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.brettdaniel.com/archives/2005/04/05/234346/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cartooning Using Illustrator and Photoshop</title>
		<link>http://www.brettdaniel.com/archives/2005/03/09/221701/</link>
		<comments>http://www.brettdaniel.com/archives/2005/03/09/221701/#comments</comments>
		<pubDate>Wed, 09 Mar 2005 17:17:01 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Old Weblog]]></category>

		<guid isPermaLink="false">807</guid>
		<description><![CDATA[On Monday I posted a new drawing of a sheriff on the main site. I wanted to use that drawing to give a peek into how one of my pictures progresses from sketch to main site.

Disclaimer

Might as well get this out of the way. I am not an artist, though I play one on the [...]]]></description>
			<content:encoded><![CDATA[<p>On Monday I posted a <a href="gallery/?path=pictures/drawings/sheriff.gif">new drawing of a sheriff</a> on the main site. I wanted to use that drawing to give a peek into how one of my pictures progresses from sketch to main site.</p>

<h3>Disclaimer</h3>

<p>Might as well get this out of the way. I am not an artist, though I <a href="archives/2005/02/14/193930/">play one on the Internet</a>. This is how I draw pictures circa March 2005. I am sure my style will change as I improve, experiment, and learn new techniques. I eagerly welcome any critiques you may have on how to make the drawings or the whole drawing process better. You can either leave them in the <a href="archives/2005/03/09/221701/#comments">comments</a> or <a href="../contact/">contact me directly</a>.</p>

<p>I hope someone out there finds this post useful.</p>

<h3>Tools</h3>

<ul>
<li>Digital camera</li>
<li><a href="http://www.adobe.com/products/photoshop/main.html">Adobe Photoshop</a>: I still use version 7.</li>
<li><a href="http://www.adobe.com/products/illustrator/main.html">Adobe Illustrator</a>: Even older than Photoshop; I am still using version 8.</li>
<li>Drawing tablet: I use an <a href="http://www.aiptek.com/Merchant2/merchant.mvc?Screen=PROD&Product_Code=R-HP12U&Category_Code=T1">Aiptek 12000U</a>.</li>
</ul>

<h3>Setup</h3>

<p>I start out with a very rough sketch, usually a particularly promising <a href="archives/2005/02/13/162756/">notebook doodle</a>. Because I do not have, nor particularly need a flatbed scanner, I take a picture of the drawing with the macro setting on one of my digital cameras. I do not have to worry about quality because I am going to be tracing over the lines anyway.</p>

<div class="picsholder">
<img src="pictures/oldweblog/drawingprocess/original.gif" alt="Original Sketch" class="pic" />
</div>

<p>I take the digitized picture into Photoshop where I crop the image and play with the contrast to make the lines more visible. Again, quality is not the issue. I save the modified picture in a dedicated directory where I keep all the files relating to a particular drawing. By the end, I usually have seven or eight files in the directory: the "scan", the Illustrator line art, the high-resolution TIFF of the line art, the Photoshop document with all the layers of the final drawing, the high-resolution TIFF of the final drawing, the web version, and the web thumbnail.</p>

<p>I open the sketch in Illustrator and resize it to fit the page. I then make the layer a template, which lightens the drawing and makes the layer uneditable.</p>

<div class="picsholder">
<img src="pictures/oldweblog/drawingprocess/template.gif" alt="How to make a template layer" class="pic" />
</div>

<p>Finally, I make a new layer above the template layer to contain the line art.</p>

<p>One annoying quirk of Illustrator is that it does not save brushes between sessions (as far as I know). Every time I trace a drawing I have to create a new brush. Here is how to do it:</p>
<ul>
<li>Click the Brush tool <img src="pictures/oldweblog/drawingprocess/brush.gif" alt="The brush tool" /></li>
<li>Click the "New Brush" button in the brushes palette

<div class="picsholder">
<img src="pictures/oldweblog/drawingprocess/newbrush.gif" alt="The new brush button" class="pic" />
</div>

</li>
<li>select "New Calligraphic Brush" on the dialog that pops up.</li>
<li>I use a circular brush set to 4 points with a variation of 2 based on the pen pressure.

<div class="picsholder">
<img src="pictures/oldweblog/drawingprocess/brushdialog.gif" alt="The new brush dialog" class="pic" />
</div>

I have found this size scales well and offers the best balance between the cartoonishness and detail that I want. I have heard of professional cartoonists using multiple pens per drawing, but I have not tried that yet.</li>
</ul>

<h3>Line Art</h3>

<p>With a brush in hand, so to speak, I can start drawing. I have found three main benefits to tracing in Illustrator:</p>

<ol>
<li>It automatically smoothes lines. This makes the drawing look very clean and precise. Illustrator adjusts the smoothing and number of waypoints based on the speed of the stroke and the zoom level.</li>
<li>One can adjust lines with amazing precision using the direct selection tool <img src="pictures/oldweblog/drawingprocess/directselect.gif" alt="The direct selection tool" />.</li>
<li>Undo, undo, undo! No need to erase or worry about ruining a drawing with a stray pen stroke.</li>
</ol>

<p>I use the original pencil lines only as very rough guides. I will often depart from the lines or hide the sketch and completely redraw a portion. I tweak continuously throughout the drawing process. That is the key to drawing in Illustrator. Move a line, scale entire sections, tweak a pose. For example, I moved the sheriff's head to the left and made it slightly larger than the original drawing.</p>

<div class="picsholder">
<img src="pictures/oldweblog/drawingprocess/lineart.gif" alt="The line art in Illustrator" class="pic" />
</div>


<p>I switch to the pen tool <img src="pictures/oldweblog/drawingprocess/pen.gif" alt="The pen tool" /> when drawing inorganic objects such as the sheriff's badge and shotgun. While the brush tool allows one to make sweeping freehand curves, the pen tool is perfect for hard, machined edges. The pen tool takes some getting used to, but it is very powerful once one gets the hang of it.</p>

<p>I initially draw angled objects horizontally then rotate them into place. It is much easier to make horizontal rather than angled lines parallel. I use Illustrator's "Smart Guides" to further assist in aligning the parts of the drawing. Smart guides allow one to snap objects automatically to lines extending from another object. They are a huge help. You can turn on the guides by going to "File" &gt; "Preferences" &gt "Smart Guides".</p>

<div class="picsholder">
<img src="pictures/oldweblog/drawingprocess/smartguides.gif" alt="Smart guides in action" class="pic" />
</div>

<p>Once I think I have finished the line art, I select the entire drawing and flip it horizontally. This gives me a unique point of view on what I have made. More often than not, subtle misalignments or skewed lines seem to appear. They were there all the time, of course, but looking at a drawing in a different way helps me discover mistakes that I would have missed otherwise.</p>

<p>After some final tweaks, I go to "File" &gt; "Export", and save the line art as a TIFF file. I used to export at only 300 DPI, but since I started <a href="../shop/">printing drawings</a>, I have moved up to 600. I do not turn on antialiasing because I need crisp lines in which to add color. At that resolution antialiasing is invisible anyway.</p>

<div class="picsholder">
<img src="pictures/oldweblog/drawingprocess/exportdialog.gif" alt="The export picture dialog" class="pic" />
</div>


<h3>Colors</h3>

<p>This part is easy compared to the line art. I open up the TIFF file and right away save it as a PSD. Then, I use the wand tool <img src="pictures/oldweblog/drawingprocess/wand.gif" alt="The wand tool" /> to select all the black lines. This is easily done by unchecking the "Contiguous" option at the top of the window. I cut the lines and paste them into their own layer. I choose the paint bucket tool <img src="pictures/oldweblog/drawingprocess/paintbucket.gif" alt="The paint bucket tool" /> and fill the background layer with the blue (CCCCFF) I have used in the background of many of my pictures. I create another layer below the line art layer but above the background. This will be the color layer. Using the bucket tool again, making sure the "Contiguous" and "All Layers" options are checked, I start coloring the drawing.</p>

<p>I use colors from the "Web Spectrum" color set. It has a good variety of bright colors, and they are organized nicely. To use a color set, open the "Swatches" toolbox by clicking "Window" &gt; "Swatches", click the little arrow at the top left, and choose a set that you like.</p>

<div class="picsholder">
<img src="pictures/oldweblog/drawingprocess/swatches.gif" alt="How to get swatches" class="pic" />
</div>

<p>After coloring, I have three layers: background, color, and line art. The drawing looks very plain. Time to add shading.</p>

<div class="picsholder">
<img src="pictures/oldweblog/drawingprocess/aftercolor.gif" alt="The drawing after coloring" class="pic" />
</div>

<h3>Shading</h3>

<p>If drawing the line art is the hardest and coloring the easiest, then shading is the most fun. I really enjoy seeing the drawing progressively take on depth.</p>

<p>I break out the pen tool once more and set the foreground color to black. I draw the first shadow, in this case the top of the sheriff's hat.</p>

<div class="picsholder">
<img src="pictures/oldweblog/drawingprocess/shadow.gif" alt="The pen path for the shadow on the hat" class="pic" />
</div>

<p>The pen tool will create a new "shape" layer. I move this layer below the line art but above the color layer. I right-click and select "Rasterize Layer". This creates a normal layer of pixels where the shape used to be. This will be the shadows layer. In the dropdown box at the top of the layers box, I click "Soft Light" as the blending mode. This allows the base color to show through.</p>

<div class="picsholder">
<img src="pictures/oldweblog/drawingprocess/blendingmode.gif" alt="The blending mode dropdown box" class="pic" />
</div>

<p>As I draw more shadows, I merge them down ("Layer" &gt; "Merge Down" or ctrl+e) onto  the base shadow layer. For additional depth, I usually add a second layer of shadows in the same manner. Finally, I add the shadow on the floor.</p>

<p>The sheriff looks better at this point.</p>

<div class="picsholder">
<img src="pictures/oldweblog/drawingprocess/aftershadows.gif" alt="The drawing after adding shadows" class="pic" />
</div>

<h3>Highlights</h3>

<p>There are two types of highlights: specular highlights such as on shiny metal and normal highlights on the bright side of clothing. I make both in the same manner as shadows, except using white instead of black. Specular highlights have a normal blending mode while normal highlights use "Soft Light".</p>

<div class="picsholder">
<img src="pictures/oldweblog/drawingprocess/afterhighlights.gif" alt="The drawing after adding highlights" class="pic" />
</div>

<h3>Finishing Touches</h3>

<p>The drawing is complete, but there are a few small matters to fix before it is ready to post on the <a href="http://www.brettdaniel.com">main website</a>. First, I had reversed the drawing without reversing the buttons on his shirt. A hard-bitten sheriff of the Old West cannot be seen wearing a <a href="http://www.straightdope.com/classics/a3_023a.html">woman's shirt</a>. I mirror the drawing horizontally. Second, I tweak the opacity of the shadows and highlights until they look right. This usually ends up being 50-75% on shadows and 45-50% on highlights. Finally, I save a high-resolution TIFF for posters and a resized version with a border for the website. The thumbnail is just a section of the drawing that I have resized to be 80 pixels on a side.</p>

<h3>The Final Product</h3>

<p>Thus we have the finished drawing.</p>

<div class="picsholder">
<img src="http://www.brettdaniel.com/pictures/drawings/sheriff.gif" alt="Finished Sheriff" title="Finished Sheriff" class="pic" />

<div class="picsholder">
]]></content:encoded>
			<wfw:commentRss>http://www.brettdaniel.com/archives/2005/03/09/221701/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Notebook Doodle #12</title>
		<link>http://www.brettdaniel.com/archives/2005/02/13/162756/</link>
		<comments>http://www.brettdaniel.com/archives/2005/02/13/162756/#comments</comments>
		<pubDate>Sun, 13 Feb 2005 11:27:56 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Old Weblog]]></category>

		<guid isPermaLink="false">798</guid>
		<description><![CDATA[For every notebook doodle that I post here, four more remain on paper. Both my bulletin board at home and my desk here on campus are covered in drawings cut from my class notebooks. Mel laughed at my tattered math notebook when I showed it to her a while back; I have cut a drawing [...]]]></description>
			<content:encoded><![CDATA[<p>For every <a href="archives/2005/01/30/004958/">notebook doodle</a> that I post here, four more remain on paper. Both my bulletin board at home and my desk here on campus are covered in drawings cut from my class notebooks. <a href="gallery/?path=pictures/oldweblog/people/ericandmel.jpg" class="piclink">Mel</a> laughed at my tattered math notebook when I showed it to her a while back; I have cut a drawing out of every page I have used so far this semester.</p>

<p>Does drawing in class harm my learning? Not a bit. In fact, it keeps me alert for when something truly important comes up.</p>

<p>The following goose comes from my Operating Systems notes. She was next to a drawing of a dancing mouse and a description of the <a href="http://www.mcsr.olemiss.edu/cgi-bin/man-cgi?dup+2">dup() system call</a>. I colored her in Photoshop.</p>

<p>Imagine how much better she felt after laying that egg.</p>

<div class="picsholder">
<a href="gallery/?path=pictures/oldweblog/cartoons/goose.gif/"><img src="pictures/oldweblog/cartoons/goose.gif" class="pic" alt="A white goose looking at a football-size golden egg" /></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.brettdaniel.com/archives/2005/02/13/162756/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Notebook Doodle #11</title>
		<link>http://www.brettdaniel.com/archives/2005/01/30/004958/</link>
		<comments>http://www.brettdaniel.com/archives/2005/01/30/004958/#comments</comments>
		<pubDate>Sat, 29 Jan 2005 19:49:58 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Old Weblog]]></category>

		<guid isPermaLink="false">795</guid>
		<description><![CDATA[This latest notebook doodle comes from my operating systems class. I just started drawing a girl, and it turned into a skater chick of its own accord.




Update

After finishing the latest operating systems project, I went back and colored this drawing.]]></description>
			<content:encoded><![CDATA[<p>This latest <a href="archives/2005/01/05/190704/">notebook doodle</a> comes from my operating systems class. I just started drawing a girl, and it turned into a skater chick of its own accord.</p>
<div class="picsholder">
<a href="gallery/?path=pictures/oldweblog/cartoons/skaterchick.gif/"><img src="pictures/oldweblog/cartoons/skaterchick.gif" alt="A skater chick" class="pic" /></a>
</div>

<h3>Update</h3>

<p>After finishing the latest operating systems project, I went back and <a href="gallery/?path=pictures/drawings/skaterchick.gif">colored</a> this drawing.</p>]]></content:encoded>
			<wfw:commentRss>http://www.brettdaniel.com/archives/2005/01/30/004958/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Trip to the Library</title>
		<link>http://www.brettdaniel.com/archives/2005/01/03/215508/</link>
		<comments>http://www.brettdaniel.com/archives/2005/01/03/215508/#comments</comments>
		<pubDate>Mon, 03 Jan 2005 16:55:08 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Old Weblog]]></category>

		<guid isPermaLink="false">782</guid>
		<description><![CDATA[Today I went to the library for the first time in at least four years. Why so long? I realized I need to spend less on books. I read a lot, and I buy a lot of books to support this habit. However Christmas and a semester's worth of nickel-and-dime expenses have depleted my funds. [...]]]></description>
			<content:encoded><![CDATA[<p>Today I went to the library for the first time in at least four years. Why so long? I realized I need to spend less on books. I <a href="archives/2004/09/26/222347/">read</a> a <a href="archives/2004/03/19/140300/">lot</a>, and I buy a lot of books to support this habit. However Christmas and a semester's worth of nickel-and-dime expenses have depleted my funds. While they have not yet fallen to emergency levels, I know I need to cut expenditures if I am to survive until next summer. Borrowing rather than buying books is an easy sacrifice.</p>

<p>I was in the mood to spend my last week of vacation reading a graphic novel; either the first <a href="http://en.wikipedia.org/wiki/The_Sandman_%28DC_Comics_Modern_Age%29">Sandman</a> <a href="http://www.amazon.com/exec/obidos/tg/detail/-/1563890119/">book</a> or <a href="http://en.wikipedia.org/wiki/Watchmen">Watch</a><a href="http://www.amazon.com/exec/obidos/tg/detail/-/0930289234/">men</a>. Both are praised as some of the best comic storytelling in existence, but I wasn't sure if I would like either of them. They seem a bit dark for my taste. As I said, I also didn't feel that I should spend the money.</p>

<p>The library it was, then.</p>

<p>"Where might I find the graphic novels?" I asked the distracted lady at the circulation desk. She looked at me quizzically. "The bound comic book collections. Ones by Neal Gaiman or Alan Moore, in particular." I explained.</p>

<p>"Oh I'm sorry. The entire computer system is down today. It's been a real mess," she said. "Those would probably be in the young adult section."</p>

<p>I, a nearly 21-year-old college student, walked sheepishly into the brightly-colored children's wing of the library. Another librarian pointed me toward the young adult room behind a pregnant lady and her hyper son. There was a small boy reading a Transformers comic at a miniature pink table nearby. I found the Sandman book and walked quickly to the checkout. My card was expired. I expected this, but I foolishly failed to realize that the computer problems would prevent me from getting a new one.</p>

<p>"This is why I buy books," I thought to myself as I left emptyhanded.</p>

<h3>Update</h3>

<div class="picsholder">
<a href="gallery/?path=pictures/oldweblog/cartoons/comicbooks.gif/"><img src="pictures/oldweblog/cartoons/comicbooks.gif" alt="A guy about my age asks a small boy, 'Are you going to read all of those comic books?' They boy looks at the guy skeptically." class="pic"/></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.brettdaniel.com/archives/2005/01/03/215508/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Notebook Doodle #9</title>
		<link>http://www.brettdaniel.com/archives/2004/12/29/142143/</link>
		<comments>http://www.brettdaniel.com/archives/2004/12/29/142143/#comments</comments>
		<pubDate>Wed, 29 Dec 2004 09:21:43 +0000</pubDate>
		<dc:creator>Brett</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Old Weblog]]></category>

		<guid isPermaLink="false">779</guid>
		<description><![CDATA[Christmas vacation's lack of boring classes has caused my supply of notebook doodles to dwindle. I took a sketch pad with me to New Orleans for just that reason. I mindlessly sketched this teddy bear after the Christmas Day festivities.


]]></description>
			<content:encoded><![CDATA[<p>Christmas vacation's lack of boring classes has caused my supply of <a href="archives/2004/12/04/130605/">notebook doodles</a> to dwindle. I took a sketch pad with me to <a href="archives/2004/12/28/231531/">New Orleans</a> for just that reason. I mindlessly sketched this teddy bear after the Christmas Day festivities.</p>
<div class="picsholder">
<a href="gallery/?path=pictures/oldweblog/cartoons/teddybear.gif/"><img src="pictures/oldweblog/cartoons/teddybear.gif" alt="A teddy bear" class="pic"/></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.brettdaniel.com/archives/2004/12/29/142143/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
