<?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>eirikso.com &#187; Design</title>
	<atom:link href="http://eirikso.com/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://eirikso.com</link>
	<description>The personal web site of Eirik Solheim</description>
	<lastBuildDate>Fri, 03 Feb 2012 00:12:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>One year in 90 seconds</title>
		<link>http://eirikso.com/2010/01/04/one-year-in-90-seconds/</link>
		<comments>http://eirikso.com/2010/01/04/one-year-in-90-seconds/#comments</comments>
		<pubDate>Mon, 04 Jan 2010 20:53:57 +0000</pubDate>
		<dc:creator>eirikso</dc:creator>
				<category><![CDATA["time lapse"]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Media]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[norway]]></category>
		<category><![CDATA[one year]]></category>
		<category><![CDATA[oneyear]]></category>
		<category><![CDATA[oslo]]></category>
		<category><![CDATA[seasons]]></category>
		<category><![CDATA[timelapse]]></category>

		<guid isPermaLink="false">http://eirikso.com/?p=1063</guid>
		<description><![CDATA[Please digg this story here.



Link to the video in HD on YouTube.

If you like these videos then follow me on twitter: @eirikso - and you'll be the first to know about other projects that I might do.

The story
All through 2008 I snapped still images from the same spot on my balcony to make a ...]]></description>
			<content:encoded><![CDATA[<p>Please digg this story <a href="http://digg.com/design/One_year_in_90_seconds">here</a>.</p>
<p><object width="500" height="307"><param name="movie" value="http://www.youtube.com/v/KBtdGalL-QE&#038;hl=en_US&#038;fs=1&#038;color1=0x3a3a3a&#038;color2=0x999999&#038;hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/KBtdGalL-QE&#038;hl=en_US&#038;fs=1&#038;color1=0x3a3a3a&#038;color2=0x999999&#038;hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="307"></embed></object></p>
<p><a href="http://www.youtube.com/watch?v=KBtdGalL-QE&#038;hd=1">Link</a> to the video in HD on YouTube.</p>
<p><strong>If you like these videos then follow me on twitter: <a href="http://twitter.com/eirikso">@eirikso</a> &#8211; and you&#8217;ll be the first to know about other projects that I might do.</strong></p>
<h3>The story</h3>
<p>All through 2008 I snapped still images from the same spot on my balcony <a href="http://eirikso.com/2008/12/27/one-year-worth-of-images-give-some-amazing-videos/">to make a sort of time lapse video showing one year passing by</a>. The video was hugely successful and has close to two million views on YouTube in addition to about one million on Vimeo and hundreds of thousands of views and downloads from other web sites.</p>
<p><a href="http://eirikso.com/wp-content/uploads/2010/01/Seasons.jpg"><img src="http://eirikso.com/wp-content/uploads/2010/01/Seasons-500x282.jpg" alt="" title="Seasons" width="500" height="282" class="alignnone size-medium wp-image-1070" /></a></p>
<p>Last year I bought a new camera. The <a href="http://eirikso.com/2008/11/28/canon-5d-mark-ii-in-da-house/">Canon 5D Mark II</a>. In addition to excellent quality stills you can also shoot HD video with that camera. So I decided to do the same thing all over again. But this time I recorded 30 second video clips each time. My idea was that it would be possible to dissolve between the videos to get the same kind of time lapse effect, but this time with motion all the way. Snow falling, wind blowing etc.</p>
<p>2009 is over and I have now put all the clips I recorded through the year into a couple of videos.</p>
<p>I recorded clips with a 15mm fisheye, a 24mm wide angle and a 50mm lens. I&#8217;ve made three different versions. The first one is the one at the top of this article. Shot with the 15mm fisheye and &#8220;defished&#8221; using Fisheye Hemi in Photoshop. To do that I exported the video as an image sequence and did a batch job in Photoshop to run the fisheye hemi filter and some cropping.</p>
<p>The 50mm gives a closer look at the trees and I decided to make a longer video that gives a better view of how nature evolves with that footage. I ended up with 120 seconds.</p>
<p><object width="500" height="307"><param name="movie" value="http://www.youtube.com/v/XdE38IbLTyA&#038;hl=en_US&#038;fs=1&#038;color1=0x3a3a3a&#038;color2=0x999999&#038;hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XdE38IbLTyA&#038;hl=en_US&#038;fs=1&#038;color1=0x3a3a3a&#038;color2=0x999999&#038;hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="307"></embed></object></p>
<p><a href="http://www.youtube.com/watch?v=XdE38IbLTyA&#038;hd=1">Link</a> to the video in HD on YouTube.</p>
<p>The last video is a version from the 24mm footage. That&#8217;s the short one. One year in 60 seconds&#8230;</p>
<p><object width="500" height="307"><param name="movie" value="http://www.youtube.com/v/1lRJ1xdpDMU&#038;hl=en_US&#038;fs=1&#038;color1=0x3a3a3a&#038;color2=0x999999&#038;hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/1lRJ1xdpDMU&#038;hl=en_US&#038;fs=1&#038;color1=0x3a3a3a&#038;color2=0x999999&#038;hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="307"></embed></object></p>
<p><a href="http://www.youtube.com/watch?v=1lRJ1xdpDMU&#038;hd=1">Link</a> to the video in HD on YouTube.</p>
<h3>Download the full quality versions through BitTorrent:</h3>
<p>All the videos are available on Mininova for download through BitTorrent in HD:</p>
<p><a href="http://www.mininova.org/tor/3190203">24 mm &#8211; One Year in 60 seconds (1280&#215;720 30P)</a><br />
<a href="http://www.mininova.org/tor/3190204">15 mm &#8211; One Year in 90 seconds (1280&#215;720 30P)</a><br />
<a href="http://www.mininova.org/tor/3190206">50 mm &#8211; One Year in 120 seconds (1280&#215;720 30P)</a></p>
<p><a href="http://www.mininova.org/tor/3190202">How To-video (english) (1280&#215;720 30P)</a></p>
<p><a href="http://eirikso.com/wp-content/uploads/2010/01/CameraPlacement.jpg"><img src="http://eirikso.com/wp-content/uploads/2010/01/CameraPlacement-500x375.jpg" alt="" title="CameraPlacement" width="500" height="375" class="alignnone size-medium wp-image-1071" /></a></p>
<h3>How did you do it?</h3>
<p>The way I did it is actually quite simple. I found a spot on my balcony where I could place the camera in the exact same spot each time. Then I recorded video clips at irregular intervals. More or less once a week all thorugh 2009. More often during spring and autumn and not that often during summer and winter. All the videos are then put together using lots of dissolves.</p>
<p>It&#8217;s easier to explain the process in a video, so here it is:</p>
<p><object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/kc6ocMOc2wM&#038;hl=en_US&#038;fs=1&#038;color1=0x3a3a3a&#038;color2=0x999999&#038;hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/kc6ocMOc2wM&#038;hl=en_US&#038;fs=1&#038;color1=0x3a3a3a&#038;color2=0x999999&#038;hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object></p>
<p><a href="http://www.youtube.com/watch?v=kc6ocMOc2wM&#038;hd=1">Link</a> to the video in HD on YouTube.</p>
<h3>The audio</h3>
<p>The sound was simply recorded with the Canon 5D Mark II as well. And left as it was recorded on all the clips in the video.</p>
<h3>Can I use the videos in my projects?</h3>
<p>Yes. All the videos are licensed with a Creative Commons License. To be exact: by attribution, share alike, non commercial.</p>
<p><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/no/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/no/88x31.png" /></a><br />This <span xmlns:dc="http://purl.org/dc/elements/1.1/" href="http://purl.org/dc/dcmitype/MovingImage" rel="dc:type">work</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://eirikso.com" property="cc:attributionName" rel="cc:attributionURL">Eirik Solheim</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/no/">Creative Commons Attribution-Noncommercial-Share Alike 3.0 Norway License</a>.</p>
<h3>But what about commercial use?</h3>
<p>If you want to use the video commercially I&#8217;ve decided to test a feature called Files Forever. At my hosting company, Dreamhost. You can buy a royalty-free, eirikso.com-bug free, totally clean full quality version of the file. It&#8217;s a ridiculous $99,- and the money will cover parts of my hosting fees for this website. Buy the files here:</p>
<p><a href="https://files.dreamhost.com/102092/OneYear60sec.clean.eirikso.mp4">One year in 60 seconds (24 mm)</a><br />
<a href="https://files.dreamhost.com/102093/OneYear90sec.clean.eirikso.mp4">One year in 90 seconds (15 mm)</a><br />
<a href="https://files.dreamhost.com/102091/OneYear120sec.clean.eirikso.mp4">One year in 120 seconds (50 mm)</a></p>
<p>Yeah. But I want to buy the original footage. The files directly from your 5D. I want to edit this myself. No problem. Please contact me at:<br />
eirikso (at) eirikso (dot) com</p>
<h3>Where was this filmed?</h3>
<p>In Oslo, Norway</p>
<h3>I don&#8217;t believe you, this is fake.</h3>
<p>If you think the video was made in post production using fancy graphics software&#8230; Well, that&#8217;s your problem. Not mine.</p>
<h3>I want to make something amazing from the raw clips</h3>
<p>Contact me, and we&#8217;ll see what we can do.</p>
<h3>I have other questions</h3>
<p>Use the comments, so that I can answer to all the other people with the same questions.</p>
<p><em>&#8230;and by the way: if you&#8217;re into geocaching I&#8217;ve actually <a href="http://www.geocaching.com/seek/cache_details.aspx?guid=e870be00-f490-4741-a5bb-6aee1b120f77">placed a cache</a> in the area you see in the videos.</em></p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://eirikso.com/2010/01/04/one-year-in-90-seconds/feed/</wfw:commentRss>
		<slash:comments>163</slash:comments>
		</item>
		<item>
		<title>Visual thinking</title>
		<link>http://eirikso.com/2009/01/24/visual-thinking/</link>
		<comments>http://eirikso.com/2009/01/24/visual-thinking/#comments</comments>
		<pubDate>Sat, 24 Jan 2009 08:16:00 +0000</pubDate>
		<dc:creator>eirikso</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://eirikso.com/?p=844</guid>
		<description><![CDATA[I like to read and I like to write. But I have admit something.  I've always tried to solve problems and explain complex issues by using images and visual aids. I love comics and I love photography. I try to follow Seth Godin's rule of "no more than six words pr. slide" when ...]]></description>
			<content:encoded><![CDATA[<p>I like to read and I like to write. But I have admit something.  I&#8217;ve always tried to solve problems and explain complex issues by using images and visual aids. I love comics and I love photography. I try to follow Seth Godin&#8217;s rule of &#8220;<a href="http://sethgodin.typepad.com/seths_blog/2007/01/really_bad_powe.html">no more than six words pr. slide</a>&#8221; when making presentations. I try to tell myself: &#8220;don&#8217;t tell it, show it&#8221;.</p>
<p>I&#8217;m also deeply fascinated by physics and mathematics. The first thing I did when I learned to code was to make software that visualized the mathematical problems we tried to solve at school.</p>
<p>So I&#8217;m not surprised of the fact that I love data visualization and ways to show complex patterns and huge amounts of data visually.</p>
<p>And here are two of my best resources:</p>
<h3><a href="http://infosthetics.com/">Information Aesthetics</a>.</h3>
<blockquote><p>&#8220;Inspired by Lev Manovich&#8217;s definition of &#8220;information aesthetics&#8221;, this weblog explores the symbiotic relationship between creative design and the field of information visualization. More specifically, it collects projects that represent data or information in original or intriguing ways.&#8221;</p></blockquote>
<p><a href="http://eirikso.com/wp-content/uploads/2009/01/3088127940_2d2aa0ab4e.jpg"><img src="http://eirikso.com/wp-content/uploads/2009/01/3088127940_2d2aa0ab4e.jpg" alt="3088127940_2d2aa0ab4e" title="3088127940_2d2aa0ab4e" width="500" height="375" class="alignnone size-full wp-image-845" /></a></p>
<p>An example from Information Aesthetics<br />
An <a href="http://infosthetics.com/archives/2009/01/animation_of_openstreetmap_edits_in_2008.html">article about Open Street Map and a visualization</a> of how people have edited the growing database of maps in their open and free to use database.</p>
<p><object width="500" height="281"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=2598878&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=01AAEA&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=2598878&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=01AAEA&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="500" height="281"></embed></object><br /><a href="http://vimeo.com/">OSM 2008: A Year of Edits</a> from <a href="http://vimeo.com/itoworld">ItoWorld</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>A wonderful visualization of the collective force behind a site like <a href="http://openstreetmap.com/">openstreetmap</a>.</p>
<h3><a href="http://flowingdata.com/">Flowingdata.com</a></h3>
<blockquote><p>FlowingData explores how designers, statisticians, and computer scientists are using data to understand ourselves better &#8211; mainly through data visualization.</p></blockquote>
<p><a href="http://eirikso.com/wp-content/uploads/2009/01/what-i-want1.png"><img src="http://eirikso.com/wp-content/uploads/2009/01/what-i-want1-500x212.png" alt="what-i-want1" title="what-i-want1" width="500" height="212" class="alignnone size-medium wp-image-847" /></a></p>
<p>An example? How about &#8220;<a href="http://flowingdata.com/2008/12/19/5-best-data-visualization-projects-of-the-year/">5 Best Data Visualization Projects of the Year</a>&#8220;?</p>
<p>And of course. I can&#8217;t write anything about data visualization without mentioning <a href="http://www.ted.com/index.php/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen.html">Hans Rosling and his amazing presentations</a>.</p>
<p>So what&#8217;s your favorite data visualization sites? </p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://eirikso.com/2009/01/24/visual-thinking/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Making miniatures of your images</title>
		<link>http://eirikso.com/2009/01/07/making-miniatures-of-your-images/</link>
		<comments>http://eirikso.com/2009/01/07/making-miniatures-of-your-images/#comments</comments>
		<pubDate>Wed, 07 Jan 2009 20:16:56 +0000</pubDate>
		<dc:creator>eirikso</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Photo]]></category>
		<category><![CDATA[miniature]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tilt-shift]]></category>
		<category><![CDATA[tiltshiftmaker]]></category>

		<guid isPermaLink="false">http://eirikso.com/?p=820</guid>
		<description><![CDATA[Tilt-shift miniature faking has been around for a while. But I hadn't seen Tiltshiftmaker before. And decided to give it a go. It's a web site where you can upload an image or give it the URL of an image. Then it adds a simple blur effect and adjust the color to make the ...]]></description>
			<content:encoded><![CDATA[<p><a href="http://en.wikipedia.org/wiki/Tilt-shift_miniature_faking">Tilt-shift miniature faking</a> has been around for a while. But I hadn&#8217;t seen <a href="http://tiltshiftmaker.com/">Tiltshiftmaker</a> before. And decided to give it a go. It&#8217;s a web site where you can upload an image or give it the URL of an image. Then it adds a simple blur effect and adjust the color to make the illusion of a miniature model. Works pretty good.</p>
<p>The miniature:<br />
<a href="http://www.flickr.com/photos/eirikso/3177868284/" title="Quick test of tiltshiftmaker by eirikso, on Flickr"><img src="http://farm4.static.flickr.com/3422/3177868284_3d6aa4c36a.jpg" width="500" height="333" alt="Quick test of tiltshiftmaker" /></a></p>
<p>The original:<br />
<a href="http://www.flickr.com/photos/eirikso/3089270868/" title="IMG_6714 by eirikso, on Flickr"><img src="http://farm4.static.flickr.com/3134/3089270868_c683dfeed2.jpg" width="500" height="333" alt="IMG_6714" /></a></p>
<p>Pretty cool.</p>
<p>And by the way. The image is from Ljubljana in Slovenia. Fantastic city.</p>
<p>And if you want to do it with photoshop you can try <a href="http://www.tiltshiftphotography.net/photoshop-tutorial.php">one of the many tutorials</a> out there.</p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://eirikso.com/2009/01/07/making-miniatures-of-your-images/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Recommended reading</title>
		<link>http://eirikso.com/2008/09/26/recommended-reading-2/</link>
		<comments>http://eirikso.com/2008/09/26/recommended-reading-2/#comments</comments>
		<pubDate>Fri, 26 Sep 2008 08:40:27 +0000</pubDate>
		<dc:creator>eirikso</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Media]]></category>
		<category><![CDATA[Presentations]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[clay shirky]]></category>
		<category><![CDATA[dan roam]]></category>
		<category><![CDATA[garr reynolds]]></category>
		<category><![CDATA[web20]]></category>

		<guid isPermaLink="false">http://eirikso.com/?p=651</guid>
		<description><![CDATA[

I'm currently working my way through these:

Clay Shirky, Here comes everybody. I'm only half way through, but this book is essential. A very nice analysis of how the crowds of the internet turns into well organized groups that can solve tasks that traditional organisations can't solve.

Dan Roam, The back of the napkin. A very ...]]></description>
			<content:encoded><![CDATA[<p><a href="http://eirikso.com/wp-content/uploads/2008/09/img_8723.jpg"><img src="http://eirikso.com/wp-content/uploads/2008/09/img_8723-500x333.jpg" alt="" title="Books" width="500" height="333" class="alignnone size-medium wp-image-652" /></a></p>
<p>I&#8217;m currently working my way through these:</p>
<p><strong>Clay Shirky, <a href="http://www.shirky.com/">Here comes everybody</a>.</strong> I&#8217;m only half way through, but this book is essential. A very nice analysis of how the crowds of the internet turns into well organized groups that can solve tasks that traditional organisations can&#8217;t solve.</p>
<p><strong>Dan Roam, <a href="http://www.thebackofthenapkin.com/">The back of the napkin</a>.</strong> A very nice book on how to use visuals to explain complex stuff.</p>
<p><strong>Garr Reynolds, <a href="http://www.presentationzen.com/">Presentation Zen</a>.</strong> Currently the best book about presentation skills out there. Period. </p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://eirikso.com/2008/09/26/recommended-reading-2/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Utterly cool alien lamp</title>
		<link>http://eirikso.com/2007/06/04/utterly-cool-alien-lamp/</link>
		<comments>http://eirikso.com/2007/06/04/utterly-cool-alien-lamp/#comments</comments>
		<pubDate>Mon, 04 Jun 2007 22:04:03 +0000</pubDate>
		<dc:creator>eirikso</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.eirikso.com/2007/06/04/utterly-cool-alien-lamp/</guid>
		<description><![CDATA[Lasse Klein has designed the coolest lamp ever. Period.

]]></description>
			<content:encoded><![CDATA[<p><a href="http://herrklein.com">Lasse Klein</a> has designed <a href="http://abductionlamp.com/">the coolest lamp ever</a>. Period.</p>
<p><img src="http://www.eirikso.com/images/abductionlamp_cow_ill_500x500.jpg" width="500" height="500" alt="Abduction lamp" title="Abduction lamp" /></p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://eirikso.com/2007/06/04/utterly-cool-alien-lamp/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Designing for television</title>
		<link>http://eirikso.com/2006/09/22/designing-for-television/</link>
		<comments>http://eirikso.com/2006/09/22/designing-for-television/#comments</comments>
		<pubDate>Fri, 22 Sep 2006 09:17:25 +0000</pubDate>
		<dc:creator>eirikso</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.eirikso.com/2006/09/22/designing-for-television/</guid>
		<description><![CDATA[  I just metioned that the big screen in your living room is something completely different from your computer screen. For the people that want to know more Lasse Klein recently did a very good article on how to design for the television screen. He promises to keep this article updated as well. ...]]></description>
			<content:encoded><![CDATA[<p><a href="http://herrklein.com/2006/09/designing-for-television/" atomicselection="true"><img height="262" src="http://www.eirikso.com/wp-content/uploads/2006/09/WindowsLiveWriter/Designingfortelevision_9EBC/SafeZones%5B4%5D.jpg" width="450"/></a> </p>
<p>I just <a href="http://www.eirikso.com/2006/09/22/the-long-tail-in-your-living-room/">metioned</a> that the big screen in your living room is something completely different from your computer screen.</p>
<p>For the people that want to know more <a href="http://herrklein.com/">Lasse Klein</a> recently did a very good article on <a href="http://herrklein.com/2006/09/designing-for-television/">how to design for the television screen</a>.</p>
<p>He promises to keep this article updated as well. Could turn out to be a very good reference for television design.</p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://eirikso.com/2006/09/22/designing-for-television/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Hybrid images</title>
		<link>http://eirikso.com/2006/07/31/hybrid-images/</link>
		<comments>http://eirikso.com/2006/07/31/hybrid-images/#comments</comments>
		<pubDate>Mon, 31 Jul 2006 14:31:56 +0000</pubDate>
		<dc:creator>eirikso</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[siggraph]]></category>
		<category><![CDATA[siggraph2006]]></category>

		<guid isPermaLink="false">http://www.eirikso.com/2006/07/31/hybrid-images/</guid>
		<description><![CDATA[I'm at Siggraph 2006 and will try to post some of the stuff that I find interesting through the week. No particular order or focus. Just notes along the way during this highly interesting conference. You can read more about Siggraph over at the official ACM Siggraph site. To put it short, this annual ...]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m at <a href="http://www.siggraph.org/s2006/">Siggraph 2006</a> and will try to post some of the stuff that I find interesting through the week. No particular order or focus. Just notes along the way during this highly interesting conference. You can read more about Siggraph over at the official <a href="http://www.siggraph.org/">ACM Siggraph site</a>. To put it short, this annual conference is the world&#8217;s biggest conference on computer graphics and interactive techniques.</p>
<p>So for my first little note. I just finished a session by <a href="http://cvcl.mit.edu/gallery.htm">Dr. Aude Oliva, Antonio Torralba and Philippe G. Schyns</a>. It was about what they call hybrid images.</p>
<p>Images that change based on the distance from where it is viewed. Have a look at the two pictures below:</p>
<p><a href="http://www.eirikso.com/images/hybface.jpg"><img src="http://www.eirikso.com/images/_hybface.jpg" title="Angry and nice" alt="Angry and nice" border="0" class="centered" width="450" height="221" /></a><br /><em>Pictures copyright Â© 1999-2006 Aude Oliva &#038; Philippe G. Schyns. MIT</em></p>
<p>Now step away from your computer screen while looking at the pictures. Depending on the size of your screen and the quality of your vision the pictures will change at a certain distance. For those of you that is just too lazy to step away from the screen I can simulate this by simpy reducing the size of the image. This is a small version of the exact same image:</p>
<p><img src="http://www.eirikso.com/images/hybfaceSmall.gif" width="150" height="74" alt="Nice and angry" class="centered" title="Nice and angry" /></p>
<p>Suggested uses are commercial billboards that change depending on the distance to the viewer. and fonts that can only be read at a close distance to avoid people reading &#8220;over your shoulder&#8221;.</p>
<p>You find more examples and information over at the <a href="http://cvcl.mit.edu/gallery.htm">GALLERY OF HYBRID IMAGES</a>.</p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://eirikso.com/2006/07/31/hybrid-images/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Making a truly personal presentation</title>
		<link>http://eirikso.com/2006/06/24/making-a-truly-personal-presentation/</link>
		<comments>http://eirikso.com/2006/06/24/making-a-truly-personal-presentation/#comments</comments>
		<pubDate>Sat, 24 Jun 2006 20:58:56 +0000</pubDate>
		<dc:creator>eirikso</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Presentations]]></category>

		<guid isPermaLink="false">http://www.eirikso.com/2006/06/24/making-a-truly-personal-presentation/</guid>
		<description><![CDATA[At the EBU Connect conference earlier this month I experienced an excellent presentation by Patrick Damsted. It was a very good example of utilizing one of the most important advantages of doing a presentation. The fact that the presenter is there in person.

I have watched too many presentations where this advantage has been wasted. ...]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.eirikso.com/images/IMG_4144.jpg"><img src="http://www.eirikso.com/images/_IMG_4144.jpg" title="Hotel Croatia" alt="Hotel Croatia" border="0" class="centered" width="450" height="337" /></a><br />At the <a href="http://www.eirikso.com/2006/05/24/eirikso-at-ebu-connect-in-croatia/">EBU Connect conference</a> earlier this month I experienced an excellent presentation by <a href="http://www.damsted.net/">Patrick Damsted</a>. It was a very good example of utilizing one of the most important advantages of doing a presentation. The fact that the presenter is there in person.</p>
<p>I have watched too many presentations where this advantage has been wasted. Presentations where a person goes on stage, reads through a bunch of bullet points and goes off stage.</p>
<p>Why bother? Why spend your money and time travelling to the venue at all? If you are there to read some bullet points I can give you some valuable advice: <em>don&#8217;t go</em>.</p>
<p>Email your bulletpoints to the audience and let them read through it themselves. It will be more efficient. People read faster than they speak. Even faster than <em>you</em> speak. You&#8217;ll save your money, your time, your jetlag and your disappointed family. Stay home.</p>
<p><a href="http://www.eirikso.com/images/IMG_3902_edited-1.jpg"><img src="http://www.eirikso.com/images/_IMG_3902_edited-1.jpg" title="Patrick Damsted" alt="Patrick Damsted" border="0" class="centered" width="450" height="286" /></a><br /><strong>So what did Patrick do?</strong><br />
First of all, the good people organizing the conference was very clever at connecting the right people the day before the conference started.</p>
<p>Because I was talking about future technologies in general at day 1 and Patrick did a presentation on digital video recorders at day 2 we sat down and went through our presentations. I did some adjustmants and found some references where I could inform the audience that they would learn more in Patrick&#8217;s presentation the next day.</p>
<p><strong>Patrick also did some adjustments. Actually, he did some <em>serious</em> adjustments&#8230;<br />
</strong><br />
So he goes on stage, introducing himself. Then he says something like this:</p>
<p><em>&#8220;After listening to some of the very interesting presentations yesterday I decided to throw away my original presentation and make a new one.</p>
<p>I skipped the party last night and went to my hotel room. There I made a new presentation and you&#8217;ll have to accept what I was able to make with my camera phone and my Mac.&#8221;</em></p>
<p>At that point he actually got a short round of applause from the audience.</p>
<p><a href="http://www.eirikso.com/images/MoreTV.jpg"><img src="http://www.eirikso.com/images/_MoreTV.jpg" title="Postcard" alt="Postcard" border="0" class="centered" width="450" height="337" /></a><br />He starts his presentation, and a large part of the visuals are actually pictures taken in that hotel room.</p>
<p>Because most of the audience stay at the same hotel, have the same bag of office <a href="http://en.wikipedia.org/wiki/Promotional_item">schwag</a> and have the same conference programme in their hands we can know for sure that he made those slides right there at Hotel Croatia.</p>
<p><a href="http://www.eirikso.com/images/100000views.jpg"><img src="http://www.eirikso.com/images/_100000views.jpg" title="100 000 views" alt="100 000 views" border="0" class="centered" width="450" height="337" /></a><br />He used the traditional note papers from the hotel. Some postcards from the bag of conference sponsor goodies. The conference programme. Even the toilet paper in the hotel room. Of course he also kept some of his original slides in there, but the overall impression was of a truly personal presentation.</p>
<p><em>Tailored completely for that particular audience. Filled with references to the other presentations.</em></p>
<p>Because I had gone through his original presentation with him I could see that he had kept the main points, but by adjusting the presentation the way he did he really honoured the audience with a one of a kind, special act for those people, in that conference at that particular stage.</p>
<p>By doing that he made his own trip from Denmark and all the trips by the audience worth it.</p>
<p>And yes &#8211; without the excellent content, knowledge, confidence and general presentation skills this approach would not work at all. But that goes with all presentations. You should always start with hard research, practice and the ability to keep things simple. And of course, read <a href="http://www.presentationzen.com/">Presentation Zen</a>.</p>
<p><a href="http://www.eirikso.com/images/Marketisaconversation.jpg"><img src="http://www.eirikso.com/images/_Marketisaconversation.jpg" title="The Market is a conversation" alt="The Market is a conversation" border="0" class="centered" width="450" height="337" /></a><br /><strong>Related stories:</strong><br />
<a href="http://www.eirikso.com/2005/11/08/how-to-avoid-making-boring-presentations/">How to avoid making boring presentations</a><br />
<a href="http://www.eirikso.com/2006/06/22/how-to-make-illustrations-even-if-you-cant-draw/">How to make illustrations even if you canâ€™t draw</a></p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://eirikso.com/2006/06/24/making-a-truly-personal-presentation/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>How to make illustrations even if you can&#8217;t draw</title>
		<link>http://eirikso.com/2006/06/22/how-to-make-illustrations-even-if-you-cant-draw/</link>
		<comments>http://eirikso.com/2006/06/22/how-to-make-illustrations-even-if-you-cant-draw/#comments</comments>
		<pubDate>Thu, 22 Jun 2006 10:09:41 +0000</pubDate>
		<dc:creator>eirikso</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Presentations]]></category>

		<guid isPermaLink="false">http://www.eirikso.com/2006/06/22/how-to-make-illustrations-even-if-you-cant-draw/</guid>
		<description><![CDATA[I really hate clipart. So much that I at some point decided to start making my own illustrations for my documents, presentations and my blog.

Now I get all these nice compliments about my childish drawings. They seem to work well in my presentations because they add a personal touch. Doing presentations is a personal ...]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.eirikso.com/images/Make%20illustration.jpg"><img src="http://www.eirikso.com/images/_Make%20illustration.jpg" title="Make illustrations" alt="Make illustrations" border="0" class="centered" width="450" height="157" /></a><br />I really hate clipart. So much that I at some point decided to start making my own illustrations for my documents, presentations and my blog.</p>
<p>Now I get all these nice compliments about my childish drawings. They seem to work well in my presentations because they add a personal touch. Doing presentations is a personal thing. The fact that you, yes <strong>you</strong> is there to present. People tend to appreciate the fact that you have spent the extra time adding your own special finish to the slides.</p>
<p>One little problem when I started was of course that I can&#8217;t draw. I made my own small cartoons at the age of 14 but has not done much drawing since then.</p>
<p>So when I started my experiments I immediately realized that my drawings where identical to the ones I made at the age of 14.</p>
<p>With some tricks in photoshop I was able to give these childish drawings a slightly more professional look, and after a while I am now able to make my own illustrations so fast that it can compete with the work I have to do if I want to find decent clipart.</p>
<p>The illustration in the example in this article took exactly 33 minutes from my decision to make something to finished illustration.</p>
<p><strong>This is what you need:</strong><br />
1. Some courage to expose your unprofessional drawings<br />
2. A black pen and some white paper<br />
3. A digital camera or a scanner<br />
4. Photoshop or Photoshop Elements</p>
<p><strong>The idea</strong><br />
Start by trying to figure out the simplest possible illustration for the point you want to make. The fact that I can&#8217;t draw helps me a lot. It forces me to keep things simple. Not having the skill to make advanced illustrations is actually a good advantage when you want to make simple things.</p>
<p><a href="http://www.eirikso.com/images/IMG_4261_edited-1.jpg"><img src="http://www.eirikso.com/images/_IMG_4261_edited-1.jpg" title="Filt tip pen" alt="Filt tip pen" border="0" class="centered" width="350" height="262" /></a><br /><strong>The drawing</strong><br />
Use a thin pen. 0,75 or 1 mm. Have fun. The simple idea that comes to your mind first is often the best one when making illustrations like these. Don&#8217;t be afraid to break all rules about perspective, depth, proportions and whatever difficult guidelines that you could think of.</p>
<p>Don&#8217;t get scared by the fact that your drawing will look unprofessional before you start your magic in photoshop.</p>
<p>Draw with a firm line and close all open gaps.</p>
<p><a href="http://www.eirikso.com/images/Close-Loops.jpg"><img src="http://www.eirikso.com/images/_Close-Loops.jpg" title="Close all gaps" alt="Close all gaps" border="0" class="centered" width="450" height="176" /></a><br />Closing the gaps is important for the work that you are going to do in photoshop.</p>
<p><strong>Digitize it</strong><br />
Use a scanner, or a digital camera to get the illustration into your computer. If you use a digital camera you need an even lighting. Don&#8217;t use flash. Put your drawing near a window or under a soft light source. Using a digital camera will make the work in photoshop a bit more tricky, but with good lighting, a decent resolution and maybe a macro function on your camera it will do fine.</p>
<p><strong>The photoshop work</strong><br />
First you want to separate your black lines from the white paper. Use the magic wand and select the white part of the picture. If you used a digital camera like I did in this example you might have to adjust the tolerance of the magic wand.</p>
<p><a href="http://www.eirikso.com/images/selection.jpg"><img src="http://www.eirikso.com/images/_selection.jpg" title="Selection" alt="Selection" border="0" class="centered" width="350" height="261" /></a><br />When you feel that you have a tolerance that selects the white part nicely you go to the &#8220;Select&#8221; menu in photoshop and choose &#8220;similar&#8221;. Photoshop will now select the parts of the white paper that was closed to your initial selection.</p>
<p>Now you have all the white areas selected. Go back to the &#8220;select&#8221; menu and choose <em>Inverse</em>. Now all your black lines are selected. Go to the edit menu and select <em>copy</em>. Then go back to the edit menu and select <em>paste</em>. (Or, Ctrl-C, Ctrl-V).</p>
<p><a href="http://www.eirikso.com/images/Clipboard03.jpg"><img src="http://www.eirikso.com/images/_Clipboard03.jpg" title="New layer" alt="New layer" border="0" class="centered" width="450" height="337" /></a><br />Now you should have a new layer with your drawing on a transparent background. Turn off the original layer with your photo or scan and start working on that new layer.</p>
<p>Here you use the magic wand to select the parts that you want to fill with color. The process is simple and quite repetitive. Select area, find your colors, select the gradient tool, choose a gradient type and apply the gradient.</p>
<p><a href="http://www.eirikso.com/images/Gradient.jpg"><img src="http://www.eirikso.com/images/_Gradient.jpg" title="Apply the gradient" alt="Apply the gradient" border="0" class="centered" width="450" height="337" /></a></p>
<p>If you want to add shadows or other effects you have to copy the part you want the effect on to a new layer.</p>
<p><a href="http://www.eirikso.com/images/Shadow.jpg"><img src="http://www.eirikso.com/images/_Shadow.jpg" title="Shadow" alt="Shadow" border="0" class="centered" width="450" height="206" /></a></p>
<p>For this illustration I added a shadow on the person and some motion blur on the globe.</p>
<p><a href="http://www.eirikso.com/images/screaming_to_the_world.jpg"><img src="http://www.eirikso.com/images/_screaming_to_the_world.jpg" title="Shouting to the world" alt="Shouting to the world" border="0" class="centered" width="450" height="321" /></a><br />I have also had fun adding real photos or screenshots like the desert island in the TV and the screenshot from the Pirate Bay in the story about <a href="http://www.eirikso.com/2005/06/06/how-bob-the-millionaire-became-a-pirate/">Bob the Millionaire</a>. You find some more examples as well through <a href="http://www.eirikso.com/2005/11/21/illustration-at-om-maliks-blog/">this</a> post.</p>
<p><strong>Related story:</strong><br />
<a href="http://www.eirikso.com/2005/11/08/how-to-avoid-making-boring-presentations/">How to avoid making boring presentations</a></p>
<p><em>&#8230;and you can digg this story <a href="http://digg.com/design/How_to_make_illustrations_even_if_you_can%E2%80%99t_draw">here</a>.<br />
</em></p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://eirikso.com/2006/06/22/how-to-make-illustrations-even-if-you-cant-draw/feed/</wfw:commentRss>
		<slash:comments>35</slash:comments>
		</item>
		<item>
		<title>How to ridicule a bandwidth thief</title>
		<link>http://eirikso.com/2006/06/19/how-to-ridicule-a-bandwidth-thief/</link>
		<comments>http://eirikso.com/2006/06/19/how-to-ridicule-a-bandwidth-thief/#comments</comments>
		<pubDate>Mon, 19 Jun 2006 11:30:39 +0000</pubDate>
		<dc:creator>eirikso</dc:creator>
				<category><![CDATA[blogging]]></category>
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.eirikso.com/2006/06/19/how-to-ridicule-a-bandwidth-thief/</guid>
		<description><![CDATA[
How a left wing blogger suddenly encourages people to vote right wing.

You have a shop and the store on the other side of the road puts up this beautiful poster in their window. You can't afford such a nice poster but you get this great idea. You put a mirror in your own shop ...]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.eirikso.com/images/GudBedre.jpg"><img src="http://www.eirikso.com/images/_GudBedre.jpg" title="GudBedre" alt="GudBedre" border="0" class="centered" width="350" height="262" /></a><br />
<strong>How a left wing blogger suddenly encourages people to vote right wing.</strong></p>
<p><em>You have a shop and the store on the other side of the road puts up this beautiful poster in their window. You can&#8217;t afford such a nice poster but you get this great idea. You put a mirror in your own shop reflecting that particular beautiful poster from the other side.</p>
<p>This is a great idea until the shop on the other side change the poster to something that you really, really don&#8217;t want in your window.</em></p>
<p>Recently I went trough the raw traffic logs of eirikso.com. The logs from my hosting company that show all kinds of activity on my server.</p>
<p>This log will show me if anyone is stealing images and bandwidth from me.</p>
<p><strong>Let me explain</strong><br />
If someone find a nice picture on your web site that they want to use on their own page they can do it in two different ways.</p>
<p><a href="http://www.eirikso.com/images/Slide1.JPG"><img src="http://www.eirikso.com/images/_Slide1.JPG" title="Stealing bandwidth" alt="Stealing bandwidth" border="0" class="centered" width="350" height="262" /></a><br /><strong>1.</strong> Include the picture in their page linking directly to the source picture on the original website. This gives the benefit of the fact that all bandwidth and storage space needed to show that stolen picture is eaten from the original owner of the picture. Meaning that the owner pay for the bandwidth used to show the picture on another site.</p>
<p>Every time someone ask for a page at the site that have stolen the picture it is loaded from the original servers.</p>
<p><a href="http://www.eirikso.com/images/Slide2.JPG"><img src="http://www.eirikso.com/images/_Slide2.JPG" title="Copying" alt="Copying" border="0" class="centered" width="350" height="262" /></a></p>
<p><strong>2.</strong> Copy the picture to their own server and link to it there. Then they have to pay for the bandwidth and storage space themselves.</p>
<p>I have marked this blog with a creative commons license allowing non commercial use of everything here as long as you give me credit and stamp your new work with the same creative commons license.</p>
<p>I have also allowed some types of commercial use if it would drive traffic to my site in form of a link or an article.</p>
<p>But some people don&#8217;t care about that and use pictures from my site without asking and without linking back giving credit. Because they don&#8217;t know better or because they deliberately want to steal bandwidth. But that&#8217;s the nature of the internet. It&#8217;s how it work. Publishing something on the net gives other people quite a bit of control of your content.</p>
<p>But, when people steal images using method number one described above you have a way of getting your revenge. Yes, it sounds smart to let the place where you steal your images also pay for the bandwidth, but it is a seriously risky business.</p>
<p>You practically gives the original site total control of a window in your site. If I change the picture on my server it will also change on all the sites that have stolen it linking directly to me.</p>
<p><strong>The picture of the TV</strong><br />
Currently, if you do an image search for &#8220;tv&#8221; in Google Images, a picture that I have made is number three of more than four million. Several people have stolen this and a lot of them link directly back to me. Giving me full control of that picture on <em>their</em> web page.</p>
<p>I have insane amounts of bandwidth available with <a href="http://www.dreamhost.com/r.cgi?79422">Dreamhost</a> so currently this problem is not very big. So for this picture I simply added &#8220;eirikso.com&#8221; to the picture to get a little attention on the sites that have used that picture.</p>
<p><a href="http://www.eirikso.com/images/Slide3.jpg"><img src="http://www.eirikso.com/images/_Slide3.jpg" title="Adding eirikso.com to the picture" alt="Adding eirikso.com to the picture" border="0" class="centered" width="350" height="262" /></a></p>
<p>Here are two examples. A page using my picture <a href="http://eirikso.com/wp-photos/stealing/Useage-1.jpg">before</a> and <a href="http://eirikso.com/wp-photos/stealing/Useage-3-new.jpg">after</a>. And another one <a href="http://eirikso.com/wp-photos/stealing/Useage-2.jpg">before</a> and <a href="http://eirikso.com/wp-photos/stealing/Useage-2-new.jpg">after</a>.</p>
<p><strong>The political joke</strong><br />
But one case was just begging for a practical joke. I discover that a Norwegian blogger with a political very strong left wing message has used a picture of a glass of white wine from my blog.  I am <em>not</em> voting extreme left, <em>nor</em> do I vote extreme right, but this case was screaming for some good old and very geeky fun.</p>
<p>So, right now there is a huge picture begging for people to vote right wing on this guys web site. On my server I exchanged the picture of the glass of white wine with a picture saying &#8220;Vote for FRP&#8221; with the logo of FRP (Fremskrittspartiet), the right wing party in Norway.</p>
<p><a href="http://www.eirikso.com/images/Slide4.jpg"><img src="http://www.eirikso.com/images/_Slide4.jpg" title="Fremskrittspartiet" alt="Fremskrittspartiet" border="0" class="centered" width="350" height="262" /></a></p>
<p>The message here is a graphic that practically scream &#8220;Vote right wing!&#8221; in the middle of this left wing blogger&#8217;s web site. ROFL!</p>
<p>This is the <a href="http://gudbedre.blogspot.com/2006/06/vampus-mimir-meningspolitiet-tiram-og.html">link</a> to his page. My joke has been there for a day or something. I guess he&#8217;ll change it soon, so here&#8217;s the <a href="http://eirikso.com/wp-photos/stealing/Stem-FRP-2.jpg">screenshot</a>.</p>
<p><strong>The bottom line</strong><br />
If you enter this world of <a href="http://www.eirikso.com/2006/06/16/the-power-of-citizen-journalism/">citizen journalism</a> and utilize the fact that even your mother can have a web page on Blogger, please do your homework anyway.</p>
<p>Just like in the real world. If you go to Bangkok without doing any research at all you&#8217;ll probably get ripped off by a tuktuk driver pretty fast.</p>
<p>If you publish on the net without having any idea of what you are doing or who you are stealing from, then you&#8217;ll probably be victim of some arrogant geek fooling around with your site.</p>
<p><strong>The side effect</strong><br />
This left wing blogger is not the only one using my picture of a glass of wine. So now a couple of other sites look pretty stupid as well. New York blogger <a href="http://eirikso.com/wp-photos/stealing/MSAdventures-Stem.jpg">Amanda</a> is suddenly doing commercials for the Norwegian right wing party as well.</p>
<p>Personally I really don&#8217;t like this party, so as soon as this left wing <a href="http://gudbedre.blogspot.com/">Elvis Bling Laden</a> guy fix his page and destroy my practical joke I will change this picture to something else.</p>
<p>Do you have any suggestions? Leave out the obvious offensive pictures that I could have put in there. I want to be more subtle than that.</p>
<p><em>Digg this story <a href="http://digg.com/technology/How_to_ridicule_a_bandwidth_thief">here</a>.</em></p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://eirikso.com/2006/06/19/how-to-ridicule-a-bandwidth-thief/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
	</channel>
</rss>

