<?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"
	>

<channel>
	<title>unsaturated.com &#187; Graphics</title>
	<atom:link href="http://www.unsaturated.com/category/graphics/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.unsaturated.com</link>
	<description>The personal and professional website of Matthew Crumley</description>
	<pubDate>Sun, 02 Nov 2008 00:22:12 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6</generator>
	<language>en</language>
			<item>
		<title>Virtagent</title>
		<link>http://www.unsaturated.com/graphics/virtagent/</link>
		<comments>http://www.unsaturated.com/graphics/virtagent/#comments</comments>
		<pubDate>Sun, 19 Aug 2007 20:05:43 +0000</pubDate>
		<dc:creator>matthew</dc:creator>
		
		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://www.unsaturated.com/graphics/virtagent/</guid>
		<description><![CDATA[This time lapse video shows how I designed a logo for a co-worker's business plan.  In less than 1.5 minutes you can watch how I spent an hour of my time.]]></description>
			<content:encoded><![CDATA[<h2>Background</h2>
<p>When my colleague at work sent an e-mail requesting a logo, I immediately thought about using a utility called <a href="http://debugmode.com/wink">Wink</a> to capture the design process.  It&#8217;s a freeware utility that converts mouse movements and keyboard strokes to Flash.    </p>
<p>In the video you can see the original logo created by my colleague&#8217;s study group.  Shown below is the revised version I designed.  I had to modify the final video using <a href="http://ffmpeg.mplayerhq.hu">FFmpeg</a>.  Rather than use Wink&#8217;s ability to generate SWF files, I exported to HTML to get all 3751 screen captures.  I then used FFmpeg to produce the frame rate and format I desired.  </p>
<p><img src='http://www.unsaturated.com/wordpress/wp-content/data/virtagent.png' alt='Virtagent' id='centered'/></p>
<p><object type="application/x-shockwave-flash" data="http://www.unsaturated.com/wordpress/wp-content/plugins/pb-embedflash/swf/mediaplayer.swf?width=549&amp;height=435" width="549" height="435" class="embedflash"><param name="movie" value="http://www.unsaturated.com/wordpress/wp-content/plugins/pb-embedflash/swf/mediaplayer.swf?width=549&amp;height=435" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="flashvars" value="file=http://www.unsaturated.com/video/virtagent.flv&amp;searchbar=false" /><small>(Please open the article to see the flash file or player.)</small></object></p>
<h2>What Works?</h2>
<p>The business plan, according to my colleague&#8217;s e-mail is &#8220;..the aggregation of real estate information along with local information such as schools, restaurants, crime rates, etc that would be location specific based on a handheld GPS or GPS enabled laptop.&#8221;  The people all point towards one spot, which is the aggregate of information they offer on a specific location.  The red dots or bread crumbs is the path taken to find your way, assisted by VirtAgent. </p>
<h2>What Failed?</h2>
<p>It&#8217;s not clear where the bread crumb trail starts or ends.  Was the journey successful?  Since speed was my focus, the abstracted shapes of people are not symmetrical.  Overall, it doesn&#8217;t convey a clearinghouse concept indicated by the business plan.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.unsaturated.com/graphics/virtagent/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Earth 3D</title>
		<link>http://www.unsaturated.com/graphics/earth-3d/</link>
		<comments>http://www.unsaturated.com/graphics/earth-3d/#comments</comments>
		<pubDate>Sat, 04 Aug 2007 03:37:48 +0000</pubDate>
		<dc:creator>matthew</dc:creator>
		
		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://www.unsaturated.com/graphics/earth-3d/</guid>
		<description><![CDATA[Take one logo, render in 3D, animate, and make your own "studio" trailer.  This is the Earth logo taken to another dimension.  It's not easy using the equivalent of Microsoft Paint to do 3D modeling, but that's all I had.]]></description>
			<content:encoded><![CDATA[<h2>Background</h2>
<p>The <a href="http://www.unsaturated.com/graphics/earth">Earth</a> graphic was a catalyst for even more artistic activity.  Not only did I design the unsaturated.com logo around it, I decided to take it into three dimensions.  But where does an artist find an affordable 3D editor?  Bundled on a CD with his video card, that&#8217;s where.  And what kind of quality should you expect from such an application?  Not much.  </p>
<p>After hours of adjusting primitive objects I had a new appreciation for 3D model editing. The 3D logo shaped up very nicely. With frequent file saves I lost little ground. Every aspect came together except for the gradient color shading. The 3D logo only has solid colors. Applying an  image to the surface may have solved the problem. Instead, I changed directions and decided to animate it.  What you see is the vision of my unsaturated.com studio trailer.</p>
<p><object type="application/x-shockwave-flash" data="http://www.unsaturated.com/wordpress/wp-content/plugins/pb-embedflash/swf/mediaplayer.swf?width=552&amp;height=296" width="552" height="296" class="embedflash"><param name="movie" value="http://www.unsaturated.com/wordpress/wp-content/plugins/pb-embedflash/swf/mediaplayer.swf?width=552&amp;height=296" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="flashvars" value="file=http://www.unsaturated.com/video/3D_Logo_High_552x276.flv&amp;searchbar=false" /><small>(Please open the article to see the flash file or player.)</small></object></p>
<h2>What Works?</h2>
<p>The speed of rotation comes to a nice halt while the unsaturated.com text fades into the last frames.  The scaling of the logo matches the original.  However, this 3D model is more accurate than the original 2D version; the lines are sharper.</p>
<h2>What Failed?</h2>
<p>The gradient of the 3D model doesn&#8217;t match the original.  The text was used on my web site in the past but now seems dated.  There may be symmetry issues because I can&#8217;t recall any rulers on the editor that allowed me to space objects evenly.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.unsaturated.com/graphics/earth-3d/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Pixel Portrait</title>
		<link>http://www.unsaturated.com/graphics/pixel-portrait/</link>
		<comments>http://www.unsaturated.com/graphics/pixel-portrait/#comments</comments>
		<pubDate>Thu, 02 Aug 2007 01:58:49 +0000</pubDate>
		<dc:creator>matthew</dc:creator>
		
		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://www.unsaturated.com/graphics/pixel-portrait/</guid>
		<description><![CDATA[Here's a self-portrait I created to test my skills at pixel art.  I imposed a few limitations such as number of colors and the size of the canvas just so I wouldn't get overwhelmed. ]]></description>
			<content:encoded><![CDATA[<h2>Background</h2>
<p>This self-portrait is my first attempt.  It was one of those graphics projects that <i>had</i> to be done for the practice.  I think to become a better artist you should shift your focus (in my case from logos) to something outside the status quo. </p>
<p><a href='http://www.unsaturated.com/wordpress/wp-content/data/graphicsmatthewlarge.png' title='Pixel Portrait'><img src='http://www.unsaturated.com/wordpress/wp-content/data/graphicsmatthewlarge.png' alt='Pixel Portrait' id="centered" /></a></p>
<h2>What Works?</h2>
<p>Although I don&#8217;t have many (or any) photos of me on this website, take my word for it that the portrait <i>actually looks like me</i>.  With only a few pixels I was able to create shadows and highlights.</p>
<h2>What Failed?</h2>
<p>It&#8217;s a great resolution for my old 8-bit Nintendo.  I should have made it larger. Using such a low resolution forced me to micro-manage pixel color and placement too often.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.unsaturated.com/graphics/pixel-portrait/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Somewhere, 2001</title>
		<link>http://www.unsaturated.com/graphics/somewhere-2001/</link>
		<comments>http://www.unsaturated.com/graphics/somewhere-2001/#comments</comments>
		<pubDate>Wed, 01 Aug 2007 02:44:46 +0000</pubDate>
		<dc:creator>matthew</dc:creator>
		
		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://www.unsaturated.com/graphics/somewhere-2001/</guid>
		<description><![CDATA[This was my entry to the Walt Disney Imagineering <i>2001 Digital Art Show</i>.  The event was open to anyone in WDI, which includes hundreds of career disciplines.]]></description>
			<content:encoded><![CDATA[<h2>Background</h2>
<p>During the summer of 2001 I was interning at Walt Disney Imagineering Scientific Systems.  Overall, it was a good experience and the side activities made it even more interesting.  One example is the <i>Digital Art Show</i> held just for employee artwork.  I submitted &#8220;Somewhere, 2001&#8243; which is my first non-logo design.  The show was upbeat with the free cheese and wine but there was a problem: it seemed my drawing never got included.  My co-workers were pretty bummed about it and I was too.  </p>
<p><a href='http://www.unsaturated.com/wordpress/wp-content/data/graphicssomewhere2001large.jpg' title='Somewhere, 2001'><img src='http://www.unsaturated.com/wordpress/wp-content/data/graphicssomewhere2001large.jpg' alt='Somewhere, 2001' id="centered" /></a></p>
<h2>What Works?</h2>
<p>The glowing effects of the planet/sun/moon are realistic.  The colors blend well together.  It&#8217;s a convincing rendering of something that could happen in space.</p>
<h2>What Failed?</h2>
<p>The explosion looks like something impacted the planet but it&#8217;s not apparent what.  Something doesn&#8217;t fit here; the most likely candidate is that outward stream that&#8217;s going towards the moon.  Is it the moon?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.unsaturated.com/graphics/somewhere-2001/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Earth</title>
		<link>http://www.unsaturated.com/graphics/earth/</link>
		<comments>http://www.unsaturated.com/graphics/earth/#comments</comments>
		<pubDate>Wed, 01 Aug 2007 02:18:49 +0000</pubDate>
		<dc:creator>matthew</dc:creator>
		
		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://www.unsaturated.com/graphics/earth/</guid>
		<description><![CDATA[This is the logo that keeps on giving.  It inspired me to create a 3D rendering based on the same design.  It has also served as part of the main logo for unsaturated.com - twice. ]]></description>
			<content:encoded><![CDATA[<h2>Background</h2>
<p>This logo started as an experiment and quickly became a symbol of my website.  I tried variations on the same theme but none showed the same spontaneity.  The AT&#038;T globe is probably the most recognizable sphere-based logo; it has staying power.  There&#8217;s nothing complicated about it, which is how I prefer my website - uncomplicated. </p>
<p><a href='http://www.unsaturated.com/wordpress/wp-content/data/graphicsearthlarge.gif' title='Earth'><img src='http://www.unsaturated.com/wordpress/wp-content/data/graphicsearthlarge.gif' alt='Earth' id="centered" /></a></p>
<h2>What Works?</h2>
<p>A slight gradient adds to the three-dimensional appearance.  The offset hemisphere of the globe shows that not everything fits in but still conforms to the same shape.  The tan color gives us a clue that what&#8217;s <i>outside</i> the globe doesn&#8217;t represent everything that&#8217;s <i>inside</i> the globe.</p>
<h2>What Failed?</h2>
<p>The separation between the hemispheres doesn&#8217;t flow well into the green segment - shadowing would probably help.  The gradient starts light at the top left but doesn&#8217;t get darker towards the bottom right.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.unsaturated.com/graphics/earth/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Women&#8217;s History Month</title>
		<link>http://www.unsaturated.com/graphics/womens-history-month/</link>
		<comments>http://www.unsaturated.com/graphics/womens-history-month/#comments</comments>
		<pubDate>Wed, 01 Aug 2007 01:29:25 +0000</pubDate>
		<dc:creator>matthew</dc:creator>
		
		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://www.unsaturated.com/graphics/womens-history-month/</guid>
		<description><![CDATA[The Women's Studies Program at UCF was looking for a logo to represent Women's History Month 2000.  This was the design I submitted and which won the contest. ]]></description>
			<content:encoded><![CDATA[<h2>Background</h2>
<p>The <a href="http://www.cas.ucf.edu/womensstudies">Women&#8217;s Studies Program</a> at UCF was looking for a logo to represent Women&#8217;s History Month 2000.  I won the logo contest and got a $150 gift certificate to Barnes and Noble.  That bought approximately 1.5 college textbooks for the next semester.</p>
<p><a href='http://www.unsaturated.com/wordpress/wp-content/data/graphicswomanlarge.gif' title='Women’s History Month 2000'><img src='http://www.unsaturated.com/wordpress/wp-content/data/graphicswomanlarge.gif' alt='Women’s History Month 2000' id="centered"/></a></p>
<h2>What Works?</h2>
<p>The year 2000 is the ultimate &#8220;new moon&#8221; of my generation, so I represented this transition with very unique zeros that play on the lunar connection.  The woman&#8217;s side profile looks upward towards the future; hair would have disrupted the clean lines. The profile of the woman running towards you is crossing the finish line on an epic journey.</p>
<h2>What Failed?</h2>
<p>The &#8216;2&#8242; in 2000 doesn&#8217;t quite fit and draws attention away from the logo&#8217;s center.  Also, there&#8217;s not much contrast between the black and blue colors.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.unsaturated.com/graphics/womens-history-month/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Redline Advertising</title>
		<link>http://www.unsaturated.com/graphics/redline-advertising/</link>
		<comments>http://www.unsaturated.com/graphics/redline-advertising/#comments</comments>
		<pubDate>Thu, 12 Jul 2007 03:07:58 +0000</pubDate>
		<dc:creator>matthew</dc:creator>
		
		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://www.unsaturated.com/redline-advertising/</guid>
		<description><![CDATA[I took this logo from concept to design in less than one hour!  It was designed for a friend but had to bite my tongue when he insisted on using an actual tachometer in the logo.]]></description>
			<content:encoded><![CDATA[<h2>Background</h2>
<p>My friend from UCF needed a logo for his class&#8230;and fast.  In under one hour I whipped up this gem and set a personal best for quality and speed.  We discussed the merits of using a tachometer but he was adamant.  I guess &#8220;red line&#8221; can only mean one, inevitable logo.<br />
<img src='/wordpress/wp-content/data/graphicsredline.gif' alt='Redline Advertising Logo' id='centered' /></p>
<h2>What Works?</h2>
<p>The meaning is quite clear.  Whatever this company advertises will be pushing the limit or &#8220;red line&#8221; of what&#8217;s possible.  Italics or forward leaning text indicates movement and agility.  Red and black text provide good contrast.</p>
<h2>What Failed?</h2>
<p>The whole design is too contrived.  Notice how the needle is pointing close to the <i>red</i> line?  The black text blends in with the black bezel of the tachometer; the gray shadow mitigates the problem only slightly.  The tachometer should be cropped off or fade when it intersects with the text.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.unsaturated.com/graphics/redline-advertising/feed/</wfw:commentRss>
		</item>
		<item>
		<title>TBP 2003 National Convention</title>
		<link>http://www.unsaturated.com/graphics/tbp-2003-national-convention/</link>
		<comments>http://www.unsaturated.com/graphics/tbp-2003-national-convention/#comments</comments>
		<pubDate>Thu, 12 Jul 2007 02:25:48 +0000</pubDate>
		<dc:creator>matthew</dc:creator>
		
		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://www.unsaturated.com/tbp-2003-national-convention/</guid>
		<description><![CDATA[I designed this logo for the Florida Delta chapter of Tau Beta Pi.  The engineering honor society hosts an annual conference and I prepared this logo to accompany the 2003 bid packet for Orlando.]]></description>
			<content:encoded><![CDATA[<h2>Background</h2>
<p>After becoming a member of <a href="http://www.taubetapi.org">Tau Beta Pi</a>, the engineering honor society, I put forth a good effort to contribute.  At the time, our chapter was bidding to host the 2003 national conference.  It&#8217;s a huge event and the bid packet has to include a lot of information.  Details count and a custom logo puts a good finish on it.<br />
<img src="/wordpress/wp-content/data/graphicstbp2003.gif" alt="2003 TBP National Conference" id="centered" /></p>
<h2>What Works?</h2>
<p>In engineering and science the sine wave is universally identifiable.  It connects the year with the location.  The horizontal line separates the year and location but placing the text on opposite sides provides balance.</p>
<h2>What Failed?</h2>
<p>In no way does this connect the year 2003 and Orlando with Tau Beta Pi. <em>Oops.</em>  This is less like a logo and more like an elaborately designed header or footer graphic.  The year can stay but the organization is more important than the location.  This logo is the polar opposite of the <a href="http://www.unsaturated.com/graphics/redline-advertising/">Redline Advertising</a> logo.  This fails to make any connection to Tau Beta Pi, whereas Redline is <i>literally</i> a redlining tachometer.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.unsaturated.com/graphics/tbp-2003-national-convention/feed/</wfw:commentRss>
		</item>
		<item>
		<title>College of Engineering and Computer Science</title>
		<link>http://www.unsaturated.com/graphics/college-of-engineering-and-computer-science/</link>
		<comments>http://www.unsaturated.com/graphics/college-of-engineering-and-computer-science/#comments</comments>
		<pubDate>Tue, 10 Jul 2007 02:51:31 +0000</pubDate>
		<dc:creator>matthew</dc:creator>
		
		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://www.unsaturated.com/college-of-engineering-and-computer-science/</guid>
		<description><![CDATA[When UCF's Computer Science and Engineering departments decided to merge into one college, they put out a request for a new logo.  Apparently none of the entries were acceptable.  Were they expecting a Van Gogh?]]></description>
			<content:encoded><![CDATA[<h2>Background</h2>
<p>I entered this logo contest because the UCF College of Engineering merged with the College of Computer Science.  They wanted a logo to represent the new entity and put out a call for submissions.  I&#8217;m not sure how many were submitted but <em>none</em> were accepted.  Did they bother to advertise to the art students?<br />
<img src="/wordpress/wp-content/data/graphicscoecs.gif" alt="Logo for the CECS" id="centered" /></p>
<h2>What Works?</h2>
<p>The logo represents a variety of engineering disciplines: aeronautical, mechanical, and computer.  Blue is a vastly accepted color and is easily reproduced on a variety of media.  The cube conveys structure and symmetry.  What&#8217;s left on the other three sides of the cube are left to the imagination.</p>
<h2>What Failed?</h2>
<p>The white and blue contrast too much.  Perhaps adding another color would soften the edges.  Also, the logo tries to be too inclusive.  Three engineering disciplines are represented but what about the rest?  Environmental and electrical fell by the wayside.  The cube&#8217;s structure tends to draw the eye downward to the &#8220;of&#8221; text.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.unsaturated.com/graphics/college-of-engineering-and-computer-science/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.370 seconds -->
