<?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>Tempesthole &#187; design Archives  | Tempesthole</title>
	<atom:link href="http://tempesthole.com/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://tempesthole.com</link>
	<description>Illustration and Design by Teemu Matinlauri</description>
	<lastBuildDate>Fri, 23 Sep 2011 17:13:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Tempesthole in How Top Ten</title>
		<link>http://tempesthole.com/2009/03/tempesthole-in-how-top-ten/</link>
		<comments>http://tempesthole.com/2009/03/tempesthole-in-how-top-ten/#comments</comments>
		<pubDate>Wed, 04 Mar 2009 11:07:00 +0000</pubDate>
		<dc:creator>Teemu</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[link]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[featured]]></category>

		<guid isPermaLink="false">http://tempesthole.com/?p=570</guid>
		<description><![CDATA[I received a pleasant email from the Senior Editor of How Magazine. It informed me that Tempesthole.com has been chosen as one of their Top 10 Sites for Designers for this month, March 2009. A utterly and completely unexpected honor but no less appreciated. It’s nice to see the effort I’ve put into the site [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" style="margin: 10px 0px 10px 20px;" src="http://tempesthole.com/images/blog/full/how_angled.png" alt="How Magazine's Top Ten" width="97" height="96" align="right" /></p>
<p>I received a pleasant email from the Senior Editor of <a href="http://www.howdesign.com/">How Magazine</a>. It informed me that Tempesthole.com has been chosen as one of their <a href="http://www.howdesign.com/top10sitesfordesigners/">Top 10 Sites for Designers</a> for this month, March 2009.</p>
<p>A utterly and completely unexpected honor but no less appreciated. It’s nice to see the effort I’ve put into the site doesn’t go unnoticed. Thank you very much, How.</p>
]]></content:encoded>
			<wfw:commentRss>http://tempesthole.com/2009/03/tempesthole-in-how-top-ten/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Update: Tempesthole 2.0</title>
		<link>http://tempesthole.com/2008/12/update-tempesthole-20/</link>
		<comments>http://tempesthole.com/2008/12/update-tempesthole-20/#comments</comments>
		<pubDate>Mon, 08 Dec 2008 14:31:00 +0000</pubDate>
		<dc:creator>Teemu</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[update]]></category>
		<category><![CDATA[featured]]></category>

		<guid isPermaLink="false">http://tempesthole.com/?p=464</guid>
		<description><![CDATA[I finally finished what I&#8217;ve been working on for the past month or so: Tempesthole version 2. Mostly I just needed a site that&#8217;s easier to update and manage so that I might actually update it more than once a year. Expect updates at least twice a year from now on &#8211; every other year. [...]]]></description>
			<content:encoded><![CDATA[<p>I finally finished what I&#8217;ve been working on for the past month or so: Tempesthole version 2. Mostly I just needed a site that&#8217;s easier to update and manage so that I might actually update it more than once a year. Expect updates at least twice a year from now on &#8211; every other year. As always, the new stuff shows up on the blog first, so you might want to <a href="http://feeds.feedburner.com/Tempesthole-Blog">subscribe to the feed</a> if you haven&#8217;t already.</p>
<p>Anyway, have a look around the new site. I like think It&#8217;s matured like any fine lady should, becoming slightly more charming and considerably heavier than before. If you find anything that isn&#8217;t broken (images, links, etc.) please let me know and I&#8217;ll do my best to break them too. Please update your bookmarks as well.</p>
<p>Here&#8217;s an illustration to fit the theme:</p>
<p><a title="Under the Hood" rel="lightbox" href="/images/blog/full/under_the_hood.jpg"><img src="/images/blog/thumb/under_the_hood.jpg" alt="Under the Hood" width="250" height="248" /></a></p>
<p>What actually is under the hood is <a href="http://wordpress.org">WordPress </a>with a custom theme specifically developed this purpose.</p>
]]></content:encoded>
			<wfw:commentRss>http://tempesthole.com/2008/12/update-tempesthole-20/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Skull Emoticons v1.1 &#8211; Now in Green too!</title>
		<link>http://tempesthole.com/2007/09/skull-emoticons-v11-now-in-green-too/</link>
		<comments>http://tempesthole.com/2007/09/skull-emoticons-v11-now-in-green-too/#comments</comments>
		<pubDate>Thu, 20 Sep 2007 20:11:00 +0000</pubDate>
		<dc:creator>Teemu</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[emoticons]]></category>
		<category><![CDATA[free goodies]]></category>
		<category><![CDATA[pixelart]]></category>

		<guid isPermaLink="false">http://tempesthole.com/wordpress/2007/09/skull-emoticons-v11-now-in-green-too/</guid>
		<description><![CDATA[I was kindly asked if I could do green versions of my blue skull smileys for Unit 16 forums, so here they are. I&#8217;ve also noticed that the set was missing a few fairly basic ones so I added those too. They&#8217;re the last four of the sets. And here are the new, green ones: [...]]]></description>
			<content:encoded><![CDATA[<p>I was kindly asked if I could do green versions of my <a href="http://tempesthole.com/blog/2007/08/blue-skull-smileys-complete-set.html">blue skull smileys</a> for <a href="http://www.unit-16.com/index.php" target="_blank">Unit 16 forums</a>, so here they are. I&#8217;ve also noticed that the set was missing a few fairly basic ones so I added those too. They&#8217;re the last four of the sets.</p>
<div class="center"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-right-width: 0px" alt=":)" src="/images/blog/full/skull_emoticons/skull_emoticons_01.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":D" src="/images/blog/full/skull_emoticons/skull_emoticons_02.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="LOL" src="/images/blog/full/skull_emoticons/skull_emoticons_03.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=";)" src="/images/blog/full/skull_emoticons/skull_emoticons_04.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":P" src="/images/blog/full/skull_emoticons/skull_emoticons_05.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":b" src="/images/blog/full/skull_emoticons/skull_emoticons_06.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":(" src="/images/blog/full/skull_emoticons/skull_emoticons_07.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":[" src="/images/blog/full/skull_emoticons/skull_emoticons_08.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":...(" src="/images/blog/full/skull_emoticons/skull_emoticons_09.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":o" src="/images/blog/full/skull_emoticons/skull_emoticons_10.gif" />     <br /><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-right-width: 0px" alt=":O" src="/images/blog/full/skull_emoticons/skull_emoticons_11.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="x[" src="/images/blog/full/skull_emoticons/skull_emoticons_12.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":/" src="/images/blog/full/skull_emoticons/skull_emoticons_13.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":|" src="/images/blog/full/skull_emoticons/skull_emoticons_14.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="x.x" src="/images/blog/full/skull_emoticons/skull_emoticons_15.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="8)" src="/images/blog/full/skull_emoticons/skull_emoticons_16.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="B)" src="/images/blog/full/skull_emoticons/skull_emoticons_17.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="love" src="/images/blog/full/skull_emoticons/skull_emoticons_18.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="oops" src="/images/blog/full/skull_emoticons/skull_emoticons_19.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="grumble" src="/images/blog/full/skull_emoticons/skull_emoticons_20.gif" />     <br /><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-right-width: 0px" alt="whatever" src="/images/blog/full/skull_emoticons/skull_emoticons_21.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="sexy" src="/images/blog/full/skull_emoticons/skull_emoticons_22.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="radioactive" src="/images/blog/full/skull_emoticons/skull_emoticons_23.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="beer" src="/images/blog/full/skull_emoticons/skull_emoticons_24.gif" /></div>
<p>And here are the new, green ones:</p>
<div class="center"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-right-width: 0px" alt=":)" src="/images/blog/full/skull_emoticons_green/skull_emoticons_01.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":D" src="/images/blog/full/skull_emoticons_green/skull_emoticons_02.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="LOL" src="/images/blog/full/skull_emoticons_green/skull_emoticons_03.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=";)" src="/images/blog/full/skull_emoticons_green/skull_emoticons_04.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":P" src="/images/blog/full/skull_emoticons_green/skull_emoticons_05.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":b" src="/images/blog/full/skull_emoticons_green/skull_emoticons_06.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":(" src="/images/blog/full/skull_emoticons_green/skull_emoticons_07.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":[" src="/images/blog/full/skull_emoticons_green/skull_emoticons_08.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":...(" src="/images/blog/full/skull_emoticons_green/skull_emoticons_09.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":o" src="/images/blog/full/skull_emoticons_green/skull_emoticons_10.gif" />     <br /><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-right-width: 0px" alt=":O" src="/images/blog/full/skull_emoticons_green/skull_emoticons_11.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="x[" src="/images/blog/full/skull_emoticons_green/skull_emoticons_12.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":/" src="/images/blog/full/skull_emoticons_green/skull_emoticons_13.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":|" src="/images/blog/full/skull_emoticons_green/skull_emoticons_14.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="x.x" src="/images/blog/full/skull_emoticons_green/skull_emoticons_15.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="8)" src="/images/blog/full/skull_emoticons_green/skull_emoticons_16.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="B)" src="/images/blog/full/skull_emoticons_green/skull_emoticons_17.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="love" src="/images/blog/full/skull_emoticons_green/skull_emoticons_18.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="oops" src="/images/blog/full/skull_emoticons_green/skull_emoticons_19.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="grumble" src="/images/blog/full/skull_emoticons_green/skull_emoticons_20.gif" />     <br /><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-right-width: 0px" alt="whatever" src="/images/blog/full/skull_emoticons_green/skull_emoticons_21.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="sexy" src="/images/blog/full/skull_emoticons_green/skull_emoticons_22.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="radioactive" src="/images/blog/full/skull_emoticons_green/skull_emoticons_23.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="beer" src="/images/blog/full/skull_emoticons_green/skull_emoticons_24.gif" /></div>
<p>And, again, you can download both sets as <a href="/images/blog/full/skull_emoticons_v1.1.zip">a single zip-file</a>. And again, of instant messengers they should work with at least MSN and <a href="http://www.pidgin.im/" target="_blank">Pidgin</a>.</p>
<p><a class="download" href="/images/blog/full/skull_emoticons_v1.1.zip">Download Skull Emoticons V1.1</a></p>
<p><a href="http://creativecommons.org/licenses/by-nd/3.0/" rel="license"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin-bottom: 0px; margin-left: 0px; border-right-width: 0px" alt="Creative Commons License" src="http://creativecommons.org/images/public/somerights20.png" />       <br /></a>This work is licensed under a     <br /><a href="http://creativecommons.org/licenses/by-nd/3.0/" rel="license">Creative Commons Attribution-No Derivative Works 3.0 License</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://tempesthole.com/2007/09/skull-emoticons-v11-now-in-green-too/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blue Skull Smileys &#8211; Complete Set</title>
		<link>http://tempesthole.com/2007/08/blue-skull-smileys-complete-set/</link>
		<comments>http://tempesthole.com/2007/08/blue-skull-smileys-complete-set/#comments</comments>
		<pubDate>Fri, 24 Aug 2007 12:50:00 +0000</pubDate>
		<dc:creator>Teemu</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[emoticons]]></category>
		<category><![CDATA[free goodies]]></category>
		<category><![CDATA[pixelart]]></category>

		<guid isPermaLink="false">http://tempesthole.com/wordpress/2007/08/blue-skull-smileys-complete-set/</guid>
		<description><![CDATA[It was brought to my knowledge that the smileys I posted earlier didn&#8217;t work with MSN messenger. Well, that wasn&#8217;t really a surprise, since I hadn&#8217;t even thought that they could be used that way too. But it gave me a push to work on them a little more &#8211; well, actually completely redoing them. [...]]]></description>
			<content:encoded><![CDATA[<p>It was brought to my knowledge that the <a href="http://tempesthole.com/blog/2007/08/emoticons-galore.html">smileys I posted earlier</a> didn&#8217;t work with MSN messenger. Well, that wasn&#8217;t really a surprise, since I hadn&#8217;t even thought that they could be used that way too. But it gave me a push to work on them a little more &#8211; well, actually completely redoing them.</p>
<p>The problem with MSN was that it uses 19 px emoticons instead of the 16 px I&#8217;d done. That fit me fine, since I&#8217;d already thought of doing bigger versions of them, to get clearer expressions. And true enough, the extra 3 pixels make a big difference and the new ones were much easier to do too.</p>
<p>I don&#8217;t think I&#8217;ll go into any detail about the design process &#8211; so here&#8217;s the full set of the twenty emoticons:</p>
<div class="center"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-right-width: 0px" alt=":)" src="/images/blog/full/skull_emoticons/skull_emoticons_01.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":D" src="/images/blog/full/skull_emoticons/skull_emoticons_02.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="LOL" src="/images/blog/full/skull_emoticons/skull_emoticons_03.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=";)" src="/images/blog/full/skull_emoticons/skull_emoticons_04.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":P" src="/images/blog/full/skull_emoticons/skull_emoticons_05.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":b" src="/images/blog/full/skull_emoticons/skull_emoticons_06.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":(" src="/images/blog/full/skull_emoticons/skull_emoticons_07.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":[" src="/images/blog/full/skull_emoticons/skull_emoticons_08.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":...(" src="/images/blog/full/skull_emoticons/skull_emoticons_09.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":o" src="/images/blog/full/skull_emoticons/skull_emoticons_10.gif" />     <br /><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-right-width: 0px" alt=":O" src="/images/blog/full/skull_emoticons/skull_emoticons_11.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="x[" src="/images/blog/full/skull_emoticons/skull_emoticons_12.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":/" src="/images/blog/full/skull_emoticons/skull_emoticons_13.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt=":|" src="/images/blog/full/skull_emoticons/skull_emoticons_14.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="x.x" src="/images/blog/full/skull_emoticons/skull_emoticons_15.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="8)" src="/images/blog/full/skull_emoticons/skull_emoticons_16.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="B)" src="/images/blog/full/skull_emoticons/skull_emoticons_17.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="love" src="/images/blog/full/skull_emoticons/skull_emoticons_18.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="oops" src="/images/blog/full/skull_emoticons/skull_emoticons_19.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="grumble" src="/images/blog/full/skull_emoticons/skull_emoticons_20.gif" /></div>
<p>Or you can download the whole set as <a href="/images/blog/full/skull_emoticons.zip">a single zip-file</a> too. Have fun and use however you see fit.</p>
<p><a href="http://creativecommons.org/licenses/by-nd/3.0/" rel="license">     <br /><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin-bottom: 0px; margin-left: 0px; border-right-width: 0px" alt="Creative Commons License" src="http://creativecommons.org/images/public/somerights20.png" />       <br /></a>This work is licensed under a     <br /><a href="http://creativecommons.org/licenses/by-nd/3.0/" rel="license">Creative Commons Attribution-No Derivative Works 3.0 License</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://tempesthole.com/2007/08/blue-skull-smileys-complete-set/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Emoticons Galore</title>
		<link>http://tempesthole.com/2007/08/emoticons-galore/</link>
		<comments>http://tempesthole.com/2007/08/emoticons-galore/#comments</comments>
		<pubDate>Mon, 13 Aug 2007 18:18:00 +0000</pubDate>
		<dc:creator>Teemu</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[emoticons]]></category>
		<category><![CDATA[pixelart]]></category>

		<guid isPermaLink="false">http://tempesthole.com/wordpress/2007/08/emoticons-galore/</guid>
		<description><![CDATA[I had a go at creating emoticons. They were kind of made for Stylus -forums, but I treated this more like a personal exercise, and the chance to try doing something unfamiliar. I was using 16 x 16 pixels format for these &#8211; and that feels really small. The main goal I had was to [...]]]></description>
			<content:encoded><![CDATA[<p>I had a go at creating emoticons. They were kind of made for <a href="http://styl.us/forum/" target="_blank">Stylus -forums</a>, but I treated this more like a personal exercise, and the chance to try doing something unfamiliar.</p>
<p>I was using 16 x 16 pixels format for these &#8211; and that feels really small. The main goal I had was to keep the expressions as clear as possible &#8211; which meant keeping them really simple &#8211; while getting some unique character for them on the side. Turned out keeping them just legible is quite a task in itself. No wonder the round, basic smileys are so popular: they work really well!</p>
<p>First round: Pretty basic:</p>
<div class="center"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-right-width: 0px" alt="Smiley" src="/images/blog/full/yellow_smiley1.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="Smiley" src="/images/blog/full/yellow_smiley2.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="Smiley" src="/images/blog/full/yellow_smiley3.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="Smiley" src="/images/blog/full/yellow_smiley4.gif" /></div>
<p>Second round: Skulls. Thought these were a bit unclear in parts and the white color isn&#8217;t the best one to use with these. Some other color for the skin pops out the eye and teeth whites better &#8211; thus making the expressions clearer:</p>
<div class="center"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-right-width: 0px" alt="Skull Smiley" src="/images/blog/full/skull_smilies1.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="Skull Smiley" src="/images/blog/full/skull_smilies2.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="Skull Smiley" src="/images/blog/full/skull_smilies3.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="Skull Smiley" src="/images/blog/full/skull_smilies4.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="Skull Smiley" src="/images/blog/full/skull_smilies5.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="Skull Smiley" src="/images/blog/full/skull_smilies6.gif" /></div>
<p>Third round: Simpler skulls with blue face. They&#8217;re perharps a bit too dark for this background:</p>
<div class="center"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-right-width: 0px" alt="Blue Skull Smiley" src="/images/blog/full/blueskull_smiley1.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="Blue Skull Smiley" src="/images/blog/full/blueskull_smiley2.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="Blue Skull Smiley" src="/images/blog/full/blueskull_smiley3.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="Blue Skull Smiley" src="/images/blog/full/blueskull_smiley4.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="Blue Skull Smiley" src="/images/blog/full/blueskull_smiley5.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="Blue Skull Smiley" src="/images/blog/full/blueskull_smiley6.gif" /> <img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="Blue Skull Smiley" src="/images/blog/full/blueskull_smiley7.gif" /></div>
<p>It&#8217;s hard stuff &#8211; more respect for the designers and pixel artists that are actually good at this stuff.</p>
]]></content:encoded>
			<wfw:commentRss>http://tempesthole.com/2007/08/emoticons-galore/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Study in Finnish Lapland &#8211; campaign</title>
		<link>http://tempesthole.com/2007/06/study-in-finnish-lapland-campaign/</link>
		<comments>http://tempesthole.com/2007/06/study-in-finnish-lapland-campaign/#comments</comments>
		<pubDate>Wed, 13 Jun 2007 16:14:00 +0000</pubDate>
		<dc:creator>Teemu</dc:creator>
				<category><![CDATA[campaign]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[featured]]></category>

		<guid isPermaLink="false">http://tempesthole.com/wordpress/2007/06/study-in-finnish-lapland-campaign/</guid>
		<description><![CDATA[AdBlock may block some the images in this post, so if you&#8217;re using it, you might want to disable it momentary &#8211; no ads on the site anyway. This one&#8217;s a project I did for The University of Lapland&#8217;s International Office. It included a magazine ad, some editorial material, a website and a small printed [...]]]></description>
			<content:encoded><![CDATA[<p><strong>AdBlock may block some the images in this post</strong>, so if you&#8217;re using it, you might want to disable it momentary &#8211; no ads on the site anyway.</p>
<p>This one&#8217;s a project I did for <a href="http://www.ulapland.fi" target="_blank">The University of Lapland&#8217;s</a> International Office. It included a magazine ad, some editorial material, a website and a small printed brochure to lure exchange students to the three higher education institutes located in Finnish Lapland: Kemi-Tornio University of Applied Sciences, Rovaniemi University of Applied Sciences and the University of Lapland. For more info on the schools or the project, you can visit <a href="http://www.studyinfinnishlapland.fi" target="_blank">www.StudyInFinnishLapland.fi</a>.</p>
<div class="center"><a href="http://www.studyinfinnishlapland.fi" target="_blank"><img src="/images/blog/full/finnish_lapland_banner.gif" alt="Banner" /></a></div>
<p>The first that that had do be done was the magazine ad and the editorial material for the article. I only had a couple a days to both come up with an idea, that would be both fairly fast to execute with the materials at hand (I only had the couple of days for it) and could be expanded to cover the whole campaign.</p>
<p>I came up with an idea of combining monotone illustrations of student characters with actual photos of the school premises. That way the illustrations would work as a unifying graphic element &#8211; as well as making the promotional material pop from the other schools&#8217; mostly stuffy, official and highly similar ads. All this had to be accomplished without compromising the credibility of the schools.</p>
<p>Here are the ad and one of the images from the magazine article (the other was just a basic photo collage without illustration).</p>
<p><!-- Popup Kuva --></p>
<div class="center"><a title="The Magazine Ad" rel="lightbox" href="/images/blog/full/finnish_lapland_adv.jpg"><img src="/images/blog/thumb/finnish_lapland_adv.jpg" alt="The Magazine Ad" /></a> <a title="The Magazine Illustration" rel="lightbox" href="/images/blog/full/finnish_lapland_photo01.jpg"><img src="/images/blog/thumb/finnish_lapland_photo01.jpg" alt="The Magazine Illustration" /></a></div>
<p>The next step was to design and produce the mentioned <a href="http://www.studyinfinnishlapland.fi" target="_blank">website</a> for the campaign, which included doing a few more illustrations for the site&#8217;s headers. To avoid using images just for their visuals I included maps of the schools&#8217; locations in the headers.</p>
<p>And as the last phase, I designed the eight page brochure of the campaign. Again a few new illustrations and I modified a couple I&#8217;d already used. Here&#8217;s a couple of spreads from the brochure and an photo with an illustration:</p>
<p><!-- Popup Kuva --></p>
<div class="center"><a title="Brochure Spreads" rel="lightbox" href="/images/blog/full/finnish_lapland_brochure.jpg"><img src="/images/blog/thumb/finnish_lapland_brochure.jpg" alt="Brochure Spreads" /></a><br />
<a title="Photo with an Illustration" rel="lightbox" href="/images/blog/full/finnish_lapland_photo02.jpg"><img src="/images/blog/thumb/finnish_lapland_photo02.jpg" alt="Photo with an Illustration" /></a></div>
<p>And finally, the characters compiled into a single image as well as one of the illustrations from the brochure.</p>
<p><!-- Popup Kuva --></p>
<div class="center"><a title="All the Characters" rel="lightbox" href="/images/blog/full/finnish_lapland_illo01.jpg"><img src="/images/blog/thumb/finnish_lapland_illo01.jpg" alt="All the Characters" /></a> <a title="Characters from Rovaniemi" rel="lightbox" href="/images/blog/full/finnish_lapland_illo02.jpg"><img src="/images/blog/thumb/finnish_lapland_illo02.jpg" alt="Characters from Rovaniemi" /></a></div>
<p><strong style="color: red;">NOTE:</strong> None of the photos are mine and their rights belong to their respective owners. They are either from the archives of the schools, <a href="http://media.rovaniemi.fi" target="_blank">the media archive of the city of Rovaniemi</a> or <a href="http://www.finnfoto.com" target="_blank">www.Finnfoto.com</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://tempesthole.com/2007/06/study-in-finnish-lapland-campaign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Birthday Card for Shane</title>
		<link>http://tempesthole.com/2007/05/birthday-card-for-shane/</link>
		<comments>http://tempesthole.com/2007/05/birthday-card-for-shane/#comments</comments>
		<pubDate>Wed, 23 May 2007 19:29:00 +0000</pubDate>
		<dc:creator>Teemu</dc:creator>
				<category><![CDATA[activity]]></category>
		<category><![CDATA[charity]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[illustration friday]]></category>

		<guid isPermaLink="false">http://tempesthole.com/wordpress/2007/05/birthday-card-for-shane/</guid>
		<description><![CDATA[As a community activity, we&#8217;re doing custom birthday cards for seven year old Shane Bernier who&#8217;s suffering from acute lymphoblastic leukemia and has wished for people to send him cards on his birthday. He&#8217;s aiming at 350 million cards to break the record of the current holder. This is Shane: It&#8217;s a nice change of [...]]]></description>
			<content:encoded><![CDATA[<p>As a community activity, we&#8217;re doing custom birthday cards for seven year old <a href="http://www.shaneswish.com/" target="_blank">Shane Bernier</a> who&#8217;s suffering from acute lymphoblastic leukemia and has wished for people to send him cards on his birthday. He&#8217;s aiming at 350 million cards to break the record of the current holder.</p>
<p>This is Shane:</p>
<div class="center"><img alt="Shane" src="/images/blog/full/shane_photo.jpg" /></div>
<p>It&#8217;s a nice change of pace doing something for charity. Probably one the reasons I got my lazy ass to actually doing this is that just a week ago I was exposed to <a href="http://dougblot.blogspot.com/2007/05/second-star-to-right.html" target="_blank">this,</a> and I still feel a little affected. Fucking awful, I&#8217;m feeling bad just typing a blog entry about that stuff.</p>
<p>Here&#8217;s the card I came up with:</p>
<p><!-- Popup Kuva --></p>
<div class="center"><a title="Shane of the Fast Lane" href="/images/blog/full/shane.jpg" rel="lightbox"><img alt="Shane of the Fast Lane" src="/images/blog/thumb/shane.jpg" /></a></div>
<p>Now, Shane&#8217;s birthday is in just a few days &#8211; on 30th of May &#8211; but I&#8217;m sure he won&#8217;t mind cards arriving late. So, especially if you&#8217;re within reasonable mailing distance, drop the boy a card.</p>
<p><b style="color: red">Edit:</b> I can&#8217;t help but feel a bit like an asshole for submitting this to <a href="http://illustrationfriday.com" target="_blank">IF</a> with the nature of the site being self promotion as it is. Nevertheless, it is a new piece and fits the theme (&quot;Cars&quot;) a little too well for me to pass.</p>
<p>I suppose it might be a bit more exposure for Shane&#8217;s effort too.</p>
]]></content:encoded>
			<wfw:commentRss>http://tempesthole.com/2007/05/birthday-card-for-shane/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Valentine&#8217;s Day</title>
		<link>http://tempesthole.com/2007/02/valentines-day/</link>
		<comments>http://tempesthole.com/2007/02/valentines-day/#comments</comments>
		<pubDate>Wed, 14 Feb 2007 15:03:00 +0000</pubDate>
		<dc:creator>Teemu</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[illustration]]></category>

		<guid isPermaLink="false">http://tempesthole.com/wordpress/2007/02/valentines-day/</guid>
		<description><![CDATA[Apparently I got swept up in a wave of sentimentality this valentine&#8217;s day. I actually whipped up a VALENTINE&#8217;S DAY CARD! When was the last time that happened? Sixth grade? So, this is me embracing the world. That&#8217;s it, I plead temporary insanity. Back to brooding.]]></description>
			<content:encoded><![CDATA[<p>Apparently I got swept up in a wave of sentimentality this valentine&#8217;s day. I actually whipped up a VALENTINE&#8217;S DAY CARD! When was the last time that happened? Sixth grade?</p>
<p>So, this is me embracing the world.</p>
<div class="center"><a title="Happy Valentine&#39;s Day!" href="/images/blog/full/valentine_eng.jpg" rel="lightbox"><img alt="Happy Valentine&#39;s Day!" src="/images/blog/thumb/valentine_eng.jpg" /></a></div>
<p>That&#8217;s it, I plead temporary insanity. Back to brooding.</p>
]]></content:encoded>
			<wfw:commentRss>http://tempesthole.com/2007/02/valentines-day/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Martti Mykk&#228;nen at Process Junkie</title>
		<link>http://tempesthole.com/2007/01/martti-mykkanen-at-process-junkie/</link>
		<comments>http://tempesthole.com/2007/01/martti-mykkanen-at-process-junkie/#comments</comments>
		<pubDate>Fri, 12 Jan 2007 14:54:00 +0000</pubDate>
		<dc:creator>Teemu</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[link]]></category>

		<guid isPermaLink="false">http://tempesthole.com/wordpress/2007/01/martti-mykkanen-at-process-junkie/</guid>
		<description><![CDATA[This is old news, since Alberto Ruiz already posted this stuff on his wonderful blog in last spring, but I&#8217;d say it&#8217;s pretty valid especially to all Finnish designers and illustrators. In Alberto&#8217;s words: Born in 1926 in Finland, the godfather of constructivist graphic design. Click the image above to view the whole blog entry [...]]]></description>
			<content:encoded><![CDATA[<p>This is old news, since Alberto Ruiz already posted this stuff on his <a href="http://processjunkie.blogspot.com/">wonderful blog</a> in last spring, but I&#8217;d say it&#8217;s pretty valid especially to all Finnish designers and illustrators.</p>
<blockquote><p><cite>In Alberto&#8217;s words: </cite>Born in 1926 in Finland, the godfather of constructivist graphic design.</p>
</blockquote>
<div class="center"><a href="http://processjunkie.blogspot.com/2006/03/martti-mykknen.html" target="_blank"><img alt="Martti Mykk&#228;nen&#39;s work" src="/images/blog/thumb/martti.jpg" /></a></div>
<p>Click the image above to view <a href="http://processjunkie.blogspot.com/2006/03/martti-mykknen.html" target="_blank">the whole blog entry</a> with several impressive book covers and illustrations. Check out the whole blog while you&#8217;re at it, Mr Ruiz&#8217;s stylish sketches of women are well worth the look. A word of warning though, he has <a href="http://www.radioblogclub.com/" target="_blank">the RadioBlogClub</a> player blaring away on the blog and it can be really loud if you get caught by surprise.</p>
]]></content:encoded>
			<wfw:commentRss>http://tempesthole.com/2007/01/martti-mykkanen-at-process-junkie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

