<?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>Jaysen Marais &#187; photography</title>
	<atom:link href="http://www.jaysenmarais.com/blog/category/photography/feed" rel="self" type="application/rss+xml" />
	<link>http://www.jaysenmarais.com/blog</link>
	<description>Making it happen, bit by bit</description>
	<lastBuildDate>Tue, 10 Jan 2012 06:50:13 +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>Spherical panoramas: photographs without edges</title>
		<link>http://www.jaysenmarais.com/blog/20090410/spherical-panoramas</link>
		<comments>http://www.jaysenmarais.com/blog/20090410/spherical-panoramas#comments</comments>
		<pubDate>Fri, 10 Apr 2009 19:52:00 +0000</pubDate>
		<dc:creator>jaysen</dc:creator>
				<category><![CDATA[panorama]]></category>
		<category><![CDATA[photography]]></category>
		<category><![CDATA[pangeaVR]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[ptgui]]></category>

		<guid isPermaLink="false">http://jaysenmarais.com/blog/?p=134</guid>
		<description><![CDATA[Most lay-people see photography as the cut-and-dried act of capturing the world &#8220;as it is&#8221;. Ironically, the simple and necessary action of framing a photograph instantly renders the result subjective (&#8216;un-photogenic&#8217; subjects are typically pushed out-of-frame). This creative choice built into the camera&#8217;s design is part of the appeal of photography. However, we occasionally encounter [...]]]></description>
			<content:encoded><![CDATA[<p>Most lay-people see photography as the cut-and-dried act of capturing the world &#8220;as it is&#8221;. Ironically, the simple and necessary action of framing a photograph instantly renders the result subjective (&#8216;un-photogenic&#8217; subjects are typically pushed out-of-frame). This creative choice built into the camera&#8217;s design is part of the appeal of photography. However, we occasionally encounter entirely photogenic scenes that we wish to convey in their entirety. Luckily, there is a type of photograph that has no edges at all; the <a href="/blog/panoramas/">spherical panorama</a>.</p>
<p><object CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="500" height="280" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab"><param name="src" value="/panoramas/posters/poster_01_sand_blow_summit.mov"><param name="href" value="http://panoramas.jaysenmarais.com.s3.amazonaws.com/01_1800_500_sand_blow_summit.mov"><param name="autoplay" value="true"><param name="controller" value="false"><param name="target" value="myself"><param name="pluginspage" value="http://www.apple.com/quicktime/download/"><param name="type" value="video/quicktime"><embed src="/panoramas/posters/poster_01_sand_blow_summit.mov" width="500" height="280" autoplay="true" controller="false" href="http://panoramas.jaysenmarais.com.s3.amazonaws.com/01_1800_500_sand_blow_summit.mov" pluginspage="http://www.apple.com/quicktime/" target="myself"></embed></object><center><a href="/blog/panoramas/#moreton_sand_blow_summit" style="margin-right:5px;">Moreton island sand-blow (summit)</a><span style="background:url(/blog_media/time.png) left center no-repeat; padding-left: 21px; margin-right: 5px;">29th <abbr title="December">Dec</abbr> 08</span> <a href="http://maps.google.com/maps?t=h&amp;hl=en&amp;ie=UTF8&amp;ll=-27.193047,153.419059&amp;spn=0.005611,0.008765&amp;z=17" title="view in google maps" style="background:url(/blog_media/200904/google_maps_16x16.gif) left center no-repeat;padding-left:21px;margin-right:5px;">map</a> <a href="http://panoramas.jaysenmarais.com.s3.amazonaws.com/01_6500_sand_blow_summit.mov" rel="nofollow" style="background: url(/blog_media/quicktime_16x16.gif) left center no-repeat; padding-left: 21px;">HD (2.6<abbr title="mega-bytes">MB</abbr>)</a> </center>
<p>This spherical panorama captures the complete scene; from the zenith (above my head) to the complete horizon to the the nadir (under my feet). No photographic paraphernalia (camera, tripod, photographer) distracts the viewer from the scene. What kind of magical camera does this? Well, with the right know-how, software and technique any camera will do. This is because spherical panoramas are simply an amalgamation of many regular photographs. Here&#8217;s the kit I used to make my example panorama.</p>
<p><center><img src="/blog_media/200904/rig.jpg" width="500" height="222" alt="tripod, nodal ninja panoramic head and Canon 5D mark II" /><br/><em>Tripod fitted with a <a href="http://store.nodalninja.com/category_s/31.htm">Nodal Ninja 5</a> panoramic tripod head supporting  a <a href="http://www.dpreview.com/reviews/canoneos5dmarkii/">Canon 5D mark II</a> with <a href="http://www.usa.canon.com/consumer/controller?act=ModelInfoAct&amp;fcategoryid=148&amp;modelid=7487">Canon 16 &#8211; 35mm f2.8L</a> lens</em></center>
<p>To get started we need a sequence of regular photographs which cover the entire scene. Typically this involves taking several &#8216;rows&#8217; of images, each containing a constant number of images (columns). The number of rows and columns required depends on the lens used but nevertheless the angle between rows should be consistent, as should that between each column (made easy by using a <a href="http://en.wikipedia.org/wiki/Panoramic_tripod_head">panoramic tripod head</a>, e.g. <a href="http://store.nodalninja.com/category_s/31.htm">Nodal Ninja 5</a>). In addition, a zenith shot (directly up) and two (complimentary) &#8216;nadir&#8217; shots (directly down) are required. Here&#8217;s the sequence of images I used to produce my sample panorama.</p>
<p><center><img src="/blog_media/200904/array_zenith.jpg" width="82" height="125" alt="zenith row" /><em style="display:block;">zenith</em><img src="/blog_media/200904/array_sky.jpg" width="500" height="125" alt="sky row" /><em style="display:block;">sky row</em><img src="/blog_media/200904/array_horizon.jpg" width="500" height="125" alt="zenith row" /><em style="display:block;">horizon row</em><img src="/blog_media/200904/array_ground.jpg" width="500" height="125" alt="zenith row" /><em style="display:block;">ground row</em><img src="/blog_media/200904/array_nadir.jpg" width="166" height="125" alt="zenith row" /><em style="display:block;">nadir (taking two at opposites enables later removal of feet &amp; shadows)</em></center>
<p>The rest of the spherical panorama creation process is all in software. I plan to cover the details in a future screen-cast, but for now here&#8217;s a quick overview:</p>
<ol>
<li><img src="/blog_media/200904/dpp_logo_75.jpg" alt="Canon Digitial Photo Professional (needs a better logo)" width="75" height="79" align="right" style="margin-left:10px;" />Ensure &#8216;consistent colour&#8217; across shots by correcting white-balance discrepancies (tip: remember to lock white-balance, exposure, shutter-speed, focal length and focus while shooting). Also correct any <a href="http://en.wikipedia.org/wiki/Vignetting">vignetting</a> (dark edges) and <a href="http://en.wikipedia.org/wiki/Chromatic_aberration">chromatic aberration</a> (coloured fringing on detail). For these tasks I use Canon&#8217;s bundled <a href="http://www.canon.co.uk/for_home/product_finder/cameras/digital_slr/eos30d/software/index.asp">DPP</a> software (if <a href="http://www.adobe.com/products/photoshoplightroom/">Lightroom</a>&#8216;s vignetting correction tools were better, I&#8217;d use it instead).</li>
<li><img src="/blog_media/200904/ptgui_logo_75.jpg" alt="PTGui" width="75" height="98" align="right" style="margin-left:10px;" />Import the corrected images into a stitching tool (after trying a few apps I finally ponied up for a copy of <a href="http://www.ptgui.com/">PTGui</a>). By creating control-point pairs (i.e. locating similar features in different photographs) I give PTGui the necessary information to correctly align, warp, composite and blend the all images (except for the zenith and nadir) into a single &#8216;stitched&#8217; equirectilinear result.</li>
<li>In photoshop I work a little magic to combine the two original nadir shots (which both contain my legs and feet) into a single feet-free nadir image</li>
<li>Using PTGui again I produce another equirectilinear image, this time containing only the warped ground (from the composited nadir) and sky (from the zenith shot)</li>
<li><img src="/blog_media/200904/photoshop_logo_75.jpg" alt="Photoshop logo" width="75" height="73" align="right" style="margin-left:10px;" />Back in photoshop I combine both equirectilinear images into a single image (&#8216;patching&#8217;) and apply any necessary retouching (e.g. making horizons dead-level and apply colour-corrections) to produce the <em>pièce de résistance</em>: the final (70+ megapixel) image.</li>
</ol>
<p><center><img src="/blog_media/200904/nadir_patching.jpg" width="500" height="387" alt="patching the warped nadir and zenith onto the stitched panorama in photoshop" /><br/><em>patching the warped nadir and zenith onto the stitched panorama in photoshop</em></center>
<p>At first glance this appears to be a regular photo, but in fact it covers 360&deg; horizontally and 180&deg; vertically (i.e. the entire scene). So how does it justify the &#8216;spherical&#8217; and &#8216;edge-less&#8217; tags? Well, the most effective way to present such an image is to wrap the rectangular image around an imaginary sphere and give the viewer control of a virtual camera placed at the orb&#8217;s centre. Rotating the camera simulates &#8216;looking&#8217; in the original scene. There are no limits on where the camera may look and no visible edges or seams.</p>
<p><center><img src="/blog_media/200904/wrap-sequence.jpg" width="500" height="80" alt="the distortion in the equirectilinear image disappears when the image is wrapped around a sphere" /><br/><em>the distortion in the equirectilinear image disappea<br />
rs when the image is wrapped around a sphere (inside which the viewer&#8217;s virtual &#8216;camera&#8217; rotates)</em></center>
<p>Spherical panoramas really take on a new dimension when combined with software like the <a href="http://jaysenmarais.com/blog/20080825/immersive-photographs-on-the-iphone-with-pangeavr/">PangeaVR iPhone app</a> I&#8217;ve mentioned before. Wherever I am I can show friends exactly what my favourite places are like by handing them the phone and saying &#8220;drag the image with your finger&#8221;. No other explanation, instruction or intervention is required for me to show friends overseas what the beach I learned to surf at is &#8220;really like&#8221;. Of course, the panoramas can also be viewed in a web browser. Below are links to a few panoramas I&#8217;ve created in the past few months from images taken on my Christmas holiday back home.</p>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="padding-right:10px;padding-bottom:10px;"><a href="http://jaysenmarais.com/blog/panoramas/#moreton_sand_blow_summit"><img src="/blog_media/200904/panorama_poster_01.jpg" width="160" height="90" alt="view 'moreton island sand blow (summit)' panorama" border="0" /></a></td>
<td style="padding-right:10px;padding-bottom:10px;"><a href="http://jaysenmarais.com/blog/panoramas/#moreton_sand_blow_saddle"><img src="/blog_media/200904/panorama_poster_02.jpg" width="160" height="90" alt="view 'moreton island sand blow (saddle)' panorama" border="0" /></a></td>
<td style="padding-bottom:10px;"><a href="http://jaysenmarais.com/blog/panoramas/#moreton_sand_blow_north"><img src="/blog_media/200904/panorama_poster_03.jpg" width="160" height="90" alt="view 'Moreton island sand blow (crest, north)' panorama" border="0" /></a></td>
</tr>
<tr>
<td style="padding-right:10px;padding-bottom:10px;"><a href="http://jaysenmarais.com/blog/panoramas/#moreton_sand_blow_middle"><img src="/blog_media/200904/panorama_poster_04.jpg" width="160" height="90" alt="view 'Moreton island sand blow (crest, middle)' panorama" border="0" /></a></td>
<td style="padding-right:10px;padding-bottom:10px;"><a href="http://jaysenmarais.com/blog/panoramas/#moreton_sand_blow_south"><img src="/blog_media/200904/panorama_poster_05.jpg" width="160" height="90" alt="view 'Moreton island sand blow (crest, south)" border="0" /></a></td>
<td style="padding-bottom:10px;"><a href="http://jaysenmarais.com/blog/panoramas/#moreton_beach_dune"><img src="/blog_media/200904/panorama_poster_06.jpg" width="160" height="90" alt="view 'Moreton island eastern beach (dune)' panorama" border="0" /></a></td>
</tr>
<tr>
<td style="padding-right:10px;padding-bottom:10px;"><a href="http://jaysenmarais.com/blog/panoramas/#moreton_beach_shore"><img src="/blog_media/200904/panorama_poster_07.jpg" width="160" height="90" alt="view 'Moreton island eastern beach (shore)' panorama" border="0" /></a></td>
<td style="padding-right:10px;padding-bottom:10px;"><a href="http://jaysenmarais.com/blog/panoramas/#palm_beach_avenue_beach_1"><img src="/blog_media/200904/panorama_poster_08.jpg" width="160" height="90" alt="view 'Palm beach avenue beach (1)' panorama" border="0" /></a></td>
<td style="padding-bottom:10px;"><a href="http://jaysenmarais.com/blog/panoramas/#palm_beach_avenue_beach_2"><img src="/blog_media/200904/panorama_poster_09.jpg" width="160" height="90" alt="view 'Palm beach avenue beach (2)' panorama" border="0" /></a></td>
</tr>
</table>
<p>Hopefully I&#8217;ll have more to add to my <a href="http://jaysenmarais.com/blog/panoramas/">panoramas page</a> soon.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jaysenmarais.com/blog/20090410/spherical-panoramas/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
<enclosure url="http://panoramas.jaysenmarais.com.s3.amazonaws.com/01_6500_sand_blow_summit.mov" length="2720186" type="video/quicktime" />
<enclosure url="http://panoramas.jaysenmarais.com.s3.amazonaws.com/01_1800_500_sand_blow_summit.mov" length="326740" type="video/quicktime" />
		</item>
		<item>
		<title>Immersive photographs on the iPhone with PangeaVR</title>
		<link>http://www.jaysenmarais.com/blog/20080825/immersive-photographs-on-the-iphone-with-pangeavr</link>
		<comments>http://www.jaysenmarais.com/blog/20080825/immersive-photographs-on-the-iphone-with-pangeavr#comments</comments>
		<pubDate>Mon, 25 Aug 2008 13:10:12 +0000</pubDate>
		<dc:creator>jaysen</dc:creator>
				<category><![CDATA[photography]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[pangeaVR]]></category>
		<category><![CDATA[panorama]]></category>
		<category><![CDATA[remember the milk]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://jaysenmarais.com/blog/?p=39</guid>
		<description><![CDATA[It was all I could do to stay true to my anti-iPhone stance so long as my 3G demands remained unmet, so when apple finally relented and released the iPhone 3G I too was forced to concede (it would have been unreasonable of me not too!). Most curious onlookers are sold after a whistle-stop tour [...]]]></description>
			<content:encoded><![CDATA[<p>It was all I could do to stay true to my anti-iPhone stance so long as my 3G demands remained unmet, so when apple finally relented and released the <a href="http://www.apple.com/iphone/">iPhone 3G</a> I too was forced to concede (it would have been unreasonable of me not too!).</p>
<p>Most curious onlookers are sold after a whistle-stop tour of <a href="http://www.apple.com/iphone/features/sms.html">SMS</a>, <a href="http://www.apple.com/iphone/features/safari.html">Web</a> and <a href="http://www.apple.com/iphone/features/maps.html">Google Maps</a>. However some stubborn folks haughtily demand what makes &#8216;it so special anyway?&#8217;, so I do my solemn best to give them the personalised excuse they need to justify their inevitable purchase. <a href="http://iconfactory.com/twitterrific_touch/screenshots.html">Twitterific</a> seems to be the killer app for folks on twitter (twits?) and the <a href="http://www.commoncraft.com/Twitter">common craft intro to twitter</a> video quickly converts the non-twits. Productivity obsessives (guilty) have trouble restraining themselves when they see <a href="http://www.rememberthemilk.com/services/iphone/">remember the milk</a> and <a href="http://www.reqall.com/about/reqall_iphone_native">reqall</a>. Some nuts are tougher to crack.</p>
<p>The final trick I have up my sleeve (besides games, but that&#8217;s cheap) is <a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=284877515&#038;mt=8">PangeaVR</a> (app-store link).</p>
<p><center><img src="http://jaysenmarais.com/blog_media/200808/pangea_boat_house.jpg" width="450" height="243" alt="PangeaVR iPhone ap displaying 'boat house' panorama from panedia.com" /><br/>PangeaVR iPhone app displaying &#8216;<a href="http://maps.panedia.com/vr.php?pano=1577&#038;z=15&#038;mt=m">boat house</a>&#8216; panorama from <a href="http://panedia.com/">panedia.com</a></center></p>
<p>It&#8217;s not the most snappily-named app, nor the most seductively dressed but it&#8217;s the app that&#8217;s come closest to eliciting an audible &#8216;wow&#8217; from me. In short PangeaVR allows you to view immersive photographs by rubbing your finger on the touch-screen. Drag left to look left, up is up etc. Spin around, zoom in, stare at a foreign sky. See the world not as the photographer frames it, but as they saw it (there&#8217;s a big difference). Revisit the places of your youth. Take a peek at that fantasy vacation spot. Show your friends the home town you never shut up about.</p>
<p><img src="http://jaysenmarais.com/blog_media/200808/pangea_panedia_tall.jpg" width="150" height="278" alt="example list of panoramas within a PangeaVR portfolio" style="float:right; margin-left: 10px; margin-bottom: 5px;" /> PangeaVR is (amazingly) free, though I <a href="http://idents.tv/blog/2008/04/09/what-do-you-reckon-i-know-i-dont-care/">reckon</a> that with a less imposing UI metaphor (PangeaVR&#8217;s current UI is based around an intimidatingly long list of &#8216;portfolios&#8217;) and a <a href="http://www.macrumors.com/iphone/2008/08/20/the-1-paid-app-koi-pond/">Koi Pond</a>-like price tag, PangeaVR could be a major money spinner for Pangea software (should they choose to go that route). The coolest part about PangeaVR as it stands though is that <a href="http://www.pangeasoft.net/pano/pangeavr/portfolios.html">publishing your own panoramas through the system</a> is also free and (theoretically) within reach of anyone with a digital camera (preferably with a <a href="http://wiki.panotools.org/Hardware#Lenses">wide lens</a> and a <a href="http://wiki.panotools.org/Heads">bracket head</a>), a PC and time! <a href="http://www.pangeasoft.net/">Brian Greenstone and the Pangea software guys</a> responsible for this app/system deserve major kudos for their open-handed approach.</p>
<p>Now I should point out that this isn&#8217;t the first time I&#8217;ve encountered panoramic photography, so my praise isn&#8217;t just that of the VR ingénue. I&#8217;ve toiled to <a href="http://jaysenmarais.com/blog/20080402/making-linear-panoramas-that-dont-suck/">stitch my own panoramas</a> in the past only to have users unable to load the Quicktime/flash/java plug-in necessary to view them or confused that they must &#8216;click &#038; drag&#8217; the photo (to which they are unaccustomed) to &#8216;pan&#8217; the image (some very unhelpful lingo). In the end I gave up and started outputting stitched images as <a href="http://www.flickr.com/photos/jaysenmarais/2392738256/">static JPEGs</a>. What makes PangeaVR worth mentioning is that it harnesses people&#8217;s natural tendency to touch screens (<a href="http://www.codinghorror.com/blog/archives/001115.html">even when they really shouldn&#8217;t</a>) and the ability of even the most timid <a href="http://en.wikipedia.org/wiki/Digital_native">digital immigrant</a> to comprehend the &#8216;move the picture with your finger&#8217; concept.</p>
<p>My next move is to devise a workflow for producing my own spherical panoramas without splashing out on any <a href="http://www.panomundo.com/panos/howto/hardware.html">specialist equipment</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jaysenmarais.com/blog/20080825/immersive-photographs-on-the-iphone-with-pangeavr/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photos &#8212; trip to Salzburg &amp; Munich</title>
		<link>http://www.jaysenmarais.com/blog/20080407/photos-trip-to-salzburg-munich</link>
		<comments>http://www.jaysenmarais.com/blog/20080407/photos-trip-to-salzburg-munich#comments</comments>
		<pubDate>Sun, 06 Apr 2008 15:14:13 +0000</pubDate>
		<dc:creator>jaysen</dc:creator>
				<category><![CDATA[photography]]></category>
		<category><![CDATA[Flickr]]></category>
		<category><![CDATA[Lightroom]]></category>
		<category><![CDATA[munich]]></category>
		<category><![CDATA[PictureSync]]></category>
		<category><![CDATA[salzburg]]></category>
		<category><![CDATA[travel]]></category>

		<guid isPermaLink="false">http://jaysenmarais.com/blog/20080407/photos-trip-to-salzburg-munich/</guid>
		<description><![CDATA[Just a quick post (to offset my last ridiculously long post on stitching panoramas with Hugin). I&#8217;ve finally posted the photos from my recent trip to Salzburg &#38; Munich. It took a few weeks (spare-time) to cull (from ~400 to 85), caption, tag, geocode, post-process and upload the images. I&#8217;m still using the workflow described [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/jaysenmarais/sets/72157604400931881/detail/"><img src="http://farm3.static.flickr.com/2097/2391769351_84b647a8a5_t.jpg" alt="flickr set: Salzburg and Munich" align="right" style="margin-left: 10px;margin-bottom: 5px;border:0px;" /></a>
<p>Just a quick post (to offset my last ridiculously long <a href="http://jaysenmarais.com/blog/20080402/making-linear-panoramas-that-dont-suck/">post on stitching panoramas with Hugin</a>). I&#8217;ve finally posted the <a href="http://www.flickr.com/photos/jaysenmarais/sets/72157604400931881/detail/">photos from my recent trip to Salzburg &amp; Munich</a>. It took a few weeks (spare-time) to cull (from ~400 to 85), caption, tag, geocode, post-process and upload the images.</p>
<p>I&#8217;m still using the workflow described in <a href="http://jaysenmarais.com/blog/20080106/photography-08-ditching-iphoto/">Photography ‘08 (ditching iphoto)</a> with a few minor modifications:</p>
<ul>
<li>Re-reading the metadata into <a href="http://www.adobe.com/products/photoshoplightroom/">Lightroom</a> after geocoding in <a href="http://picturesync.net/">PictureSync</a>. Otherwise Lightroom is unaware of the geotags and may subsequently overwrite them.</li>
<li>I&#8217;ve also started exporting temp images from Lightroom (which have the &#8216;develop&#8217; settings applied) as PictureSync seems unable to accurately apply the crops/tone adjustments defined in Lightroom. The temp images are uploaded and deleted.</li>
</ul>
<p>Enjoy the <a href="<a href="http://www.flickr.com/photos/jaysenmarais/sets/72157604400931881/detail/">pics</a>. Also check out <a href="http://www.kodakgallery.at/Slideshow.jsp?Uc=1b7f9rwrt.1prx87n4p&#038;Uy=-xi8uas">Robert&#8217;s pictures of the hike</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jaysenmarais.com/blog/20080407/photos-trip-to-salzburg-munich/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Making nodal panoramas that don&#8217;t suck</title>
		<link>http://www.jaysenmarais.com/blog/20080402/making-linear-panoramas-that-dont-suck</link>
		<comments>http://www.jaysenmarais.com/blog/20080402/making-linear-panoramas-that-dont-suck#comments</comments>
		<pubDate>Tue, 01 Apr 2008 22:57:00 +0000</pubDate>
		<dc:creator>jaysen</dc:creator>
				<category><![CDATA[photography]]></category>
		<category><![CDATA[autopano-sift]]></category>
		<category><![CDATA[blending]]></category>
		<category><![CDATA[composite image]]></category>
		<category><![CDATA[how-to]]></category>
		<category><![CDATA[hugin]]></category>
		<category><![CDATA[panorama]]></category>
		<category><![CDATA[panotools]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[ptstitcher]]></category>
		<category><![CDATA[stitching]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[walkthrough]]></category>

		<guid isPermaLink="false">http://jaysenmarais.com/blog/20080402/making-linear-panoramas-that-dont-suck/</guid>
		<description><![CDATA[Update: 6th Feb 2010, changed &#8216;linear&#8217; in title to &#8216;nodal&#8217; due to comment feedback]]></description>
			<content:encoded><![CDATA[<p><b>Update: 6th Feb 2010, changed &#8216;linear&#8217; in title to &#8216;nodal&#8217; due to comment feedback</b</p>
<p>Most modern digital cameras (even phones) have a &#8216;panorama photo&#8217; mode, allowing you to take multiple photos which are then magically combined into a single large photograph. Sounds great, but there&#8217;s a problem. These composite images (whether produced in-camera or using &#8216;automatic stitching&#8217; programs) look OK at first glance, but are typically full of smudges, ghosts, morphing people and objects sprouting from thin air.</p>
<p><center><img src="http://jaysenmarais.com/blog_media/200803/hugin_10.jpg" alt="Issues with automatic panorama stitching software" /></center></p>
<p>So where exactly is is all going wrong? In theory, the basic steps required to create convincing composite images (including panoramas) are:</p>
<ol>
<li><b>Align the images</b> &mdash; Ordering and placing images by examining their overlaps.</li>
<li><b>Correct for <a href="http://en.wikipedia.org/wiki/Angle_of_view">angle of view</a></b> &mdash; Think &#8216;fisheye&#8217;, but subtler.</li>
<li><b>Remap images to compensate for varying distance</b> &mdash; Closer subjects &#8216;move&#8217; more between shots than distant ones. This is fixed by identifying common &#8216;control points&#8217; then remapping the images so they overlap perfectly.</li>
<li><b>Blend images to hide image seams</b> &mdash; Obscuring (typically softening) the boundaries between images to create the illusion of a single image.</li>
</ol>
<p>Photostitching software typically gets steps 1 and 2 spot on, but can&#8217;t hold a candle to humans when it comes to pattern recognition (the secret sauce behind steps 3 and 4). If we want good composite images we have to hijack the identification of control points and eventually produce a layered photoshop file so we can blend manually (to perfection).</p>
<h4>Pitfalls during shooting</h4>
<p>First we need to keep an eye out for things that often go pear-shaped during the shoot.</p>
<ul>
<li><b>Creeping Horizon</b> &mdash; Caused by gradually rotating the camera up/down between shots (when doing a horizontal pano).</li>
<li><b>Wavy horizons</b> &mdash; If the camera&#8217;s not perfectly level, the horizon will see-saw up &amp; down.</li>
<li><b>Moving foreground subjects</b> &mdash; People/cars/trees/etc moving between shots.</li>
<li><b>Moving photographer</b> &mdash; Wind, terrain and rampaging wild-life may interrupt your plans.</li>
<li><b>Rubbish/damaged lenses</b> &mdash; Cheap cameras have cheap lenses whose variations become glaringly obvious during stitching.</li>
<li><b>Varying &#8216;brightness&#8217;</b> &mdash; Not locking exposure results in adjacent shots with lighter or darker skies.</li>
<li><b>Varying &#8216;colour&#8217;</b> &mdash; Not locking white-balance (when multiple light sources present) can result in dramatically different colour between shots.</li>
<li><b>Changing light</b> &mdash; If clouds arrive halfway through shooting your panorama, give up or start again.</li>
</ul>
<h4>Tips for shooting</h4>
<ul>
<li>Use a <strong>tripod</strong></li>
<li><strong>Level your tripod</strong> (camera&#8217;s rotation axis should typically be perpendicular to the horizon).</li>
<li>Be <strong>aware of moving objects near</strong> the camera (remember to check 360&deg;). Fast moving objects are generally OK. It&#8217;s the slow moving object that cause headaches later on.</li>
<li>Take <strong>more shots</strong> than the camera recommends (only if using manual stitching). Using 2/3 overlap will give you a spare photoshop layer during blending.</li>
<li><strong>Be quick</strong>. Light and subjects will change during your shoot. Plan your panorama, do a dry run, then fly like the wind (but don&#8217;t forget the other tips).</li>
<li><strong>Lock any camera settings</strong> you can, leave the rest alone. Some cameras lock exposure and white balance in &#8216;panorama&#8217; mode (check the manual), but it&#8217;s up to you to keep focal length (zoom), aperture, focus and ISO constant.</li>
</ul>
<h4>Playing with pixels &mdash; stitching an &#8216;unstitchable&#8217; panorama</h4>
<p>All the apps mentioned in this section are available for Windows and OS X (linux too, though using gimp instead of photoshop). Also it&#8217;s worth pointing out that even though this post is about horizontal panoramas, these techniques can be be used to create any composite image (<a href="http://hugin.sourceforge.net/tech/imgs/venice_corr_enblend.jpg">blended tiled images</a>, <a href="http://hugin.sourceforge.net/tech/imgs/venice_noncorr.jpg">unblended tiled images</a>, spherical panoramas, <a href="http://www.tawbaware.com/maxlyons/gigapixel.htm">gigapixel images</a> etc).</p>
<ol>
<li>
<p><b>Shoot the images &amp; collect on PC</b> &mdash; I&#8217;m going to use images taken atop <a href="http://en.wikipedia.org/wiki/Gaisberg">Gaisberg mountain</a> near Salzburg, Austria. The images were shot on my <a href="http://www.dpreview.com/reviews/CanonG7/">Canon Powershot G7</a> in it&#8217;s <a href="http://www.canon.co.jp/imaging/mode/camera/stitch-e.html">Stitch Assist</a> mode (exposure &amp; white balance locked). To make things interesting I&#8217;ve chosen a set of images with a few of the common issues you may come across (no tripod, inconsistent position).
</p>
</li>
<li>
<p><img src="http://www.jaysenmarais.com/blog_media/200803/hugin_logo.gif" alt="hugin logo" align="right" style="margin-left: 10px;" /><b>Download and extract <a href="http://hugin.sourceforge.net/">Hugin</a></b> &mdash; Hugin is an ambitious open source (donation-ware) panorama creation GUI (cross-platform, written in c# under <a href="http://www.mono-project.com/Main_Page">mono</a>). It&#8217;s still beta so you may find the UI a little cryptic and glitchy, but you can&#8217;t complain given the price-tag (free).</p>
</li>
<li>
<p><b>Download and install <a href="http://user.cs.tu-berlin.de/~nowozin/autopano-sift/">autopano-sift</a> (optional)</b> &mdash; Autopano-sift is a helper program for Hugin which identifies control points in your sub-panorama images using some <a href="http://en.wikipedia.org/wiki/Scale-invariant_feature_transform">pretty hefty maths</a>. We will use autopano-sift to kick-start the control point detection process, but you can bypass autopano-sift and create all control points manually if you wish.</p>
</li>
<li>
<p><b>Open Hugin and load images</b> &mdash; When Hugin loads click the &#8216;load images&#8217; button and locate the images which make up your panorama (some camera naming schemes make this difficult so it&#8217;s best to collect them in a folder beforehand). Hugin may ask you to specify your cameras stated focal length (usually silk-screened around the lens itself) and 35mm equivalent (try <a href="http://www.dpreview.com">dpreview</a> or the manual).</p>
<p><center><img src="http://jaysenmarais.com/blog_media/200803/hugin_1.gif" alt="Hugin startup screen" /></center></p>
<p>Once Hugin has loaded your images, autopano-sift will appear (on first-run, Hugin may ask you to locate the autopano.exe).</p>
</li>
<li>
<p><b>Use autopano-sift to identify control points (optional)</b> &mdash; The autopano-sift UI has a few tweak-able parameters for the adventurous but for now just click &#8216;compute&#8217;.</p>
<p><center><img src="http://www.jaysenmarais.com/blog_media/200803/hugin_2.gif" alt="autopano-sift UI" /></center></p>
<p>Autopano-sift&#8217;s &#8216;PTO generation&#8217; process will kick off. This process may take a few minutes (depending on the size &amp; number of your images). Once completed, click &#8216;OK&#8217; and close autopano-sift.</p>
</li>
<li>
<p><b>The rough draft</b> &mdash; Hugin will use the control points generated by autopano-sift to align and distort your images. It will present its results in the &#8216;preview&#8217; window.</p>
<p><center><img src="http://www.jaysenmarais.com/blog_media/200803/hugin_3.gif" alt="initial panorama results" /></center></p>
<p>As you can see, there are some misaligments. These are to be expected (especially with dodgy source images like the ones I&#8217;m using) but unlike the automatic stitching software which would just blend over these cracks, we have the power to fix them.</p>
</li>
<li>
<p><b>Get to know the &#8216;control points&#8217; tab</b> &mdash; Close the preview window and navigate to the &#8216;control points&#8217; tab.</p>
<p><center><img src="http://www.jaysenmarais.com/blog_media/200803/hugin_4.gif" alt="hugin control points tab" /></center></p>
<p>The &#8216;control points&#8217; tab enables you to review, edit, delete and add control points to improve the stitching &amp; blending processes. Additionally, it gives a unique perspective on exactly why automated control point detection is so underwhelming. Main points:</p>
<ol>
<li>Existing control-points on both images (automatically generated by autopano-sift).</li>
<li>We&#8217;re only really interested in the area of overlap. Ideally there would be control points evenly distributed througout this entire overlap region.</li>
<li>The list of control points (automatic and manual).</li>
</ol>
</li>
<li>
<p><b>Manually tweaking control points</b> &mdash; The &#8216;control points&#8217; tab in the current build of Hugin (0.7 beta 4) has some frustrating UI glitches, but the following workarounds helped me:</p>
<ul>
<li>When <strong>editing existing control points</strong>, set the zoom factor to &#8217;200%&#8217;  (be sure to click them dead centre or Hugin will try to create a new control point, frustrating).</li>
<li>When <strong>adding new control points</strong>, set the zoom factor to &#8216;fit to window&#8217; then click on both images in turn, position the control points, click the &#8216;fine-tune&#8217; button and then the &#8216;add&#8217; button. repeat.</li>
</ul>
<p>Add a few control points for each troublesome image pair (evenly throughout the overlap area) then go to the &#8216;optimize&#8217; tab, choose &#8216;everything&#8217; and click the &#8216;optimize&#8217; button. Once the optimization process is complete, check the preview (ctrl-p on windows, cmd-P on mac) to see whether it&#8217;s made an improvement to the panorama. If there are still major breaks, tweak the control points as necessary.</p>
<p><center><img src="http://www.jaysenmarais.com/blog_media/200803/hugin_5.gif" alt="improved stitch" /></center></p>
<p>Here you can see the panorama preview is less &#8216;wavy&#8217;. Don&#8217;t worry too much about the rotation, we&#8217;ll fix this in photoshop.</p>
</li>
<li>
<p><b>Get <a href="http://www.all-in-one.ee/~dersch/">PTStitcher</a></b> &mdash; Although Hugin comes with a stitching engine (nona), we&#8217;ll use PTStitcher as it has better blending plus .psd output. Download the <a href="http://www.all-in-one.ee/~dersch/">PanoTools zip</a> and extract it. Copy the pano12.dll from the extracted folder into your Hugin folder. Copy the PTStitcher.exe app (from the Helpers folder in the extracted PanoTools folder) to the Hugin folder.</p>
</li>
<li>
<p><b>Creating a stitched (layered) psd file</b> &mdash; In Hugin, go to the &#8216;Stitcher&#8217; tab, change the &#8216;stitch the images&#8217; option to &#8216;into a layered photoshop file&#8217; and click &#8216;stitch now&#8217; (beware the psd file may be several hundred megabytes, hope you&#8217;ve got the RAM). Hugin may ask you to locate PTStitcher. If so point it to the copy you put in the Hugin folder.</p>
<p><center><img src="http://www.jaysenmarais.com/blog_media/200803/hugin_6.gif" alt="Hugin stitcher options" /></center>
</li>
<li>
<p><b>Final blending &amp; cropping in photoshop</b> &mdash; Upon opening the psd file in photoshop you&#8217;ll notice that the blend lines are pretty conspicuous. However, as each shot is a separate (masked) layer you can tweak each blend independently by editing the mask.</p>
<p><center><img src="http://www.jaysenmarais.com/blog_media/200803/hugin_7.gif" alt="blend issues" /></center></p>
<p>At this point you also have the opportunity to mask in/out moving foreground subjects and make other creative edits (i.e. duplicate people). If you took my advice and shot with 2/3 overlap you&#8217;ll have a spare layer to run wild with too. A few blending tips:</p>
<ul>
<li>Use broad diameter &#8216;soft&#8217; brushes to feather the masks in areas of sky.</li>
<li>Avoid straight lines in your masks (especially horizontal &amp; vertical lines). Human eyes will spot those straight away.</li>
<li>In areas of high detail use small diameter &#8216;harder&#8217; edged brushes (this avoid ghosting in the final image).</li>
<li>Hard edged subjects in the foreground make great (hard) mask boundaries</li>
</ul>
<p>After tweaking each of the seams the whole panorama becomes pretty convincing. This is the most rewarding part of the process, and you run the risk of wasting a lot of time <img src='http://www.jaysenmarais.com/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> . In this example I decided to merge foreground characters from two different shots, but I left some easter eggs in there for anyone who&#8217;s really looking.</p>
<p><center><img src="http://www.jaysenmarais.com/blog_media/200803/hugin_8.gif" alt="resolved blend issues" /></center>
</li>
<li>
<p><b>The final cut</b> &mdash; To get rid of the &#8216;rising horizon&#8217; problem in this image set (a constant issue when shooting panoramas sans tripod) I&#8217;ve selectively cloned and distorted the middle foreground grass and left sky. The final image captures all the things I remember from that instant in one single image (the ultimate <a href="http://www.thefreedictionary.com/aide-memoire">aide mémoire</a>).</p>
<p><center><a href="http://www.flickr.com/photos/jaysenmarais/2392738256/sizes/l/"><img src="http://www.jaysenmarais.com/blog_media/200803/hugin_9.jpg" alt="final image" /></a></center>
</li>
</ol>
<p>The length of this post might make the process of manually assembling composite/panoramic images appear complex, but trust me, the second time&#8217;s a snap. Oh, and you&#8217;ll be the only kid on your street who&#8217;s panoramas don&#8217;t suck.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jaysenmarais.com/blog/20080402/making-linear-panoramas-that-dont-suck/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>dpreview.com lens review widget sallies forth</title>
		<link>http://www.jaysenmarais.com/blog/20080130/dpreview_lens_review_widget</link>
		<comments>http://www.jaysenmarais.com/blog/20080130/dpreview_lens_review_widget#comments</comments>
		<pubDate>Tue, 29 Jan 2008 18:27:39 +0000</pubDate>
		<dc:creator>jaysen</dc:creator>
				<category><![CDATA[dpreview]]></category>
		<category><![CDATA[photography]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[lens]]></category>
		<category><![CDATA[lens review]]></category>
		<category><![CDATA[user interface]]></category>
		<category><![CDATA[visualisation]]></category>
		<category><![CDATA[visualization]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://jaysenmarais.com/blog/20080130/dpreview_lens_review_widget/</guid>
		<description><![CDATA[Today&#8217;s a big day at dpreview.com as it sees the launch of the first dpreview.com lens reviews. I&#8217;m excited as it also sees the launch of my latest and greatest project, the humbly-titled lens review widget (or see it embedded in a lens review). The lens review widget is a flash component embedded into our [...]]]></description>
			<content:encoded><![CDATA[<p>Today&#8217;s a big day at <a href="http://www.dpreview.com">dpreview.com</a> as it sees the launch of the first <a href="http://www.dpreviews.com/lensreviews/">dpreview.com lens reviews</a>. I&#8217;m excited as it also sees the launch of my latest and greatest project, the humbly-titled <a href="http://www.dpreview.com/lensreviews/widget/Fullscreen.ashx">lens review widget</a> (or see it <a href="http://www.dpreview.com/lensreviews/canon_17-85_4-5p6_is_usm_c16/page3.asp">embedded in a lens review</a>).</p>
<p><a href="http://www.dpreview.com/lensreviews/widget/Fullscreen.ashx"><img src="http://www.jaysenmarais.com/blog_media/200801/widget_screenshot_sharpness_nographs.jpg" alt="Screen shot of the lens review widget in sharpness mode" style="border:none;" /></a></p>
<p>The lens review widget is a flash component embedded into our lens reviews responsible for presenting the results of our studio tests. The challenge of the project is that the lens review studio test output is intricate, multi-dimensional and in acute danger of misinterpretation.</p>
<p>The widget&#8217;s goal is to provide users with a constructive mental model of this dataset and an intuitive/responsive/encouraging interface with which to navigate it.</p>
<p>The broad data categories initially displayed are:</p>
<ul>
<li><img src="http://www.jaysenmarais.com/blog_media/200801/widget_sharpness.jpg" alt="sharpness demonstration" align="right" style="text-align:center;" /><b>Sharpness</b> is the top of the list for most lens geeks. Not all lenses are created equal, especially considering the difference in the &#8216;sharpness&#8217; of the image they produce. A single lens can vary greatly between different focal length/aperture combinations and even varies (non-linearly) from centre to corner within a single shot!</li>
<li><img src="http://www.jaysenmarais.com/blog_media/200801/widget_ca.jpg" alt="chromatic aberration demonstration" align="right" /><b><a href="http://en.wikipedia.org/wiki/Chromatic_aberration">Chromatic aberration</a></b> is the colour &#8216;fringing&#8217; you see around light-on-dark or dark-on-light objects in your photographs. Generally purple or green (but occasionally blue/yellow) this effect varies with focal length/aperture and distance from centre.</li>
<li><img src="http://www.jaysenmarais.com/blog_media/200801/widget_distortion.jpg" alt="distortion demonstration" align="right" /><b>Distortion</b> is what causes real world straight lines to appear curved in your photographs. Zoom lenses in particular are prone to distorting &#8216;inwards&#8217; (pincushion) at one extreme and &#8216;outwards&#8217; (barrel) at the other. Distortion varies by focal length.</li>
<li><img src="http://www.jaysenmarais.com/blog_media/200801/widget_falloff.jpg" alt="falloff demonstration" align="right" /><b>Falloff</b> is the phenomenon whereby the corners of the frame appear &#8216;darker&#8217; than the centre (i.e. the light &#8216;falls off&#8217; from centre to edge). Though often used as an intentional effect, falloff is generally avoided if possible and varies with focal length, aperture and obviously, distance from centre.</li>
</ul>
<p>In practice these 4 effects are all present (to some extent) in every shot you take, so representing their individual effects is more complicated than simply displaying the raw images (which we also do).</p>
<h4>Designing the user interface</h4>
<p>With so much data to navigate and several dimensions to deal with (angle from centre, distance from centre, focal length and aperture) the process of designing a useful and intuitive UI was difficult. Eventually a standard hierarchy emerged:</p>
<ol>
<li><b>Lens review</b>. It may seem the obvious choice, but I&#8217;ve included it on this list as (if allowed in configuration) the user is able to change the review data being viewed within the widget.</li>
<li><b>Visualization</b>. Sharpness &#038; Chromatic Aberration, Distortion or Fall-off.</li>
<li><b><a href="http://en.wikipedia.org/wiki/Focal_length">Focal Length</a></b>. Or &#8216;zoom&#8217; to non-photographers, is generally marked on lenses in arbitrary integer values (generally 4 &#8211; 7 per lens).</li>
<li><b><a href="http://en.wikipedia.org/wiki/Aperture">Aperture</a></b>. The variable size of the &#8216;hole&#8217; which regulates the amount of light entering the camera body. Stated in <a href="http://en.wikipedia.org/wiki/F-number">f numbers</a>, an approximately logarithmic semi-standardized decimal value. The aperture values available for a lens depend on the focal length chosen.</li>
<li><b>Comparison lens review</b>. Users reading reviews are constantly making comparative decisions, so the widget allows users to compare two lens reviews (or two data-points within the same review) cheek-by-jowl, hopefully improving comprehension. Of course, this requires user interface chrome to allow the user to choose.</li>
</ol>
<p><img src="http://www.jaysenmarais.com/blog_media/200801/widget_lenspicker.jpg" alt="picker picker control" align="right" />There was much internal debate (which still rages) about this UI element which allows users to change/compare reviews, but the eventual decision was to filter reviews by system, lens and finally camera body. <em>Note: Our lens tests are performed on a camera body (instead of an optical test bench) which has relevance upon the results.</em></p>
<h4>The &#8216;slider&#8217;</h4>
<p>The real challenge from a UI perspective was creating a UI element which allowed users to change focal length / aperture in an intuitive way, was brand-neutral and could cope with the intricacies of the focal length /aperture systems and their inter-relationship. After initially experimenting with <a href="http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/fl/controls/Slider.html#includeExamplesSummary">flash&#8217;s slider component</a>, I decided to abandon it and start from scratch (before you shout <a href="http://en.wikipedia.org/wiki/Not_Invented_Here">Not Invented Here</a>, be aware that flash&#8217;s slider is a major usability dud).</p>
<p><center><img src="http://www.jaysenmarais.com/blog_media/200801/widget_grabslider.gif" alt="GrabSlider demo animation" /></center></p>
<h4>Trim</h4>
<p>Some neat little features that I pushed into the widget (usually late at night):</p>
<ul>
<li><strong>Full screen mode</strong>: At any time a user can click the full screen button at the bottom of the widget to view in a new window/tab (selected reviews, visualization, focal length &amp; aperture are retained).</li>
<li><strong>Permalinking</strong>: At any point, users can obtain a permalink to the current state of the widget to bookmark and/or link to (again the selected reviews, visualization, focal length &amp; aperture are retained).</li>
<li><strong>Keyboard controls</strong>: A bit of a power-user feature requested by the guys in the office, the keyboard arrow keys can be used to control focal length and aperture. If multiple reviews are visible, they will all receive the inputs, allowing users to change the visualizations in unison (not currently possible via the sliders).</li>
</ul>
<p>Though a few minor issues persist, I&#8217;m very happy with the current implementation. I feel it strikes the right balance between aesthetics, usability, accuracy, brand-neutrality and &#8216;fun&#8217;.</p>
<p>Time (and the forums) will ultimately tell.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jaysenmarais.com/blog/20080130/dpreview_lens_review_widget/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Photography &#8217;08 (ditching iphoto)</title>
		<link>http://www.jaysenmarais.com/blog/20080106/photography-08-ditching-iphoto</link>
		<comments>http://www.jaysenmarais.com/blog/20080106/photography-08-ditching-iphoto#comments</comments>
		<pubDate>Sat, 05 Jan 2008 18:14:12 +0000</pubDate>
		<dc:creator>jaysen</dc:creator>
				<category><![CDATA[photography]]></category>
		<category><![CDATA[Flickr]]></category>
		<category><![CDATA[geotagging]]></category>
		<category><![CDATA[iPhoto]]></category>
		<category><![CDATA[Lightroom]]></category>
		<category><![CDATA[metadata]]></category>
		<category><![CDATA[PictureSync]]></category>

		<guid isPermaLink="false">http://jaysenmarais.com/blog/20080106/photography-08-ditching-iphoto/</guid>
		<description><![CDATA[Until recently my digital photography &#8216;workflow&#8217; (such as it was) has been comically under-thought: Take photo, download images (using canon software) to mac and wipe CF card. Import images into iPhoto 6 then: Battle against iPhoto&#8217;s terrible data-entry interface (helped slightly by Ken Ferry&#8217;s great Keyword assistant for iPhoto). Complain bitterly when I realized that [...]]]></description>
			<content:encoded><![CDATA[<p>Until recently my digital photography &#8216;workflow&#8217; (such as it was) has been comically under-thought:</p>
<ol>
<li>Take photo, download images (using canon software) to mac and wipe CF card.</li>
<li>Import images into iPhoto 6 then:
<ul>
<li>Battle against iPhoto&#8217;s terrible data-entry interface (helped slightly by Ken Ferry&#8217;s great <a href="http://homepage.mac.com/kenferry/software.html">Keyword assistant for iPhoto</a>).</li>
<li>Complain bitterly when I realized that iPhoto does not write <a href="http://en.wikipedia.org/wiki/Exif">EXIF</a>/<a href="http://en.wikipedia.org/wiki/Extensible_Metadata_Platform">XMP</a>, instead it keeps metadata in own proprietary database.</li>
<li>Lament iPhoto&#8217;s ignorance of <a href="http://en.wikipedia.org/wiki/Geotagging">Geo-tagging</a> (storing latitude and longitude in photos to allow them to be represented on maps).</li>
</ul>
</li>
<li>Avoid backing up iPhoto library (not so straight-forward) whilst panicking that i&#8217;d lose my photos to a disc failure.</li>
<li>Ignore requests to email photos due to effort required (we all do it!) or resize and email if feeling keen (rare).</li>
<li>Occassionally upload tiny subset to facebook (and receive angry-mails from non-facebookers who can&#8217;t see the images).</li>
</ol>
<p><strong>The New way</strong></p>
<ul>
<li>Signed up for <a href="http://flickr.com/upgrade/">flickr pro</a> account. $25/year for unlimited storage/bandwidth etc.</li>
<li>Downloaded <a href="http://www.adobe.com/uk/products/photoshoplightroom/">Lightroom</a> (metadata editor, neat tone curve editor).</li>
<li>Downloaded <a href="http://picturesync.net/">PictureSync</a>. It turns iPhoto data into EXIF/IPTC/XMP/Spotlight tags, pulls lat/long from google earth (optional) and uploads (full-size) photos flickr. Also plays nice with lightroom. Great rules engine (for fixing metadata).</li>
<p><a href="http://picturesync.net/"><img src="http://www.jaysenmarais.com/blog_media/200801/picturesync_screen.jpg" alt="picturesync integrates with google earth, uploads to flickr and has a nifty rules engine" style="display:block;border:none;" /></a></p>
<li>Added <a href="http://www.facebook.com/apps/application.php?id=2352557895">My Flickr app</a> to my facebook profile, canned default photo app.</li>
</ul>
<p><strong>The new status quo</strong></p>
<ol>
<li>Images metadata now embedded in images (where it ought to be) instead of in an app&#8217;s database.</li>
<li>Photos backed up (hurrah) in the cloud (even better) at full resolution/quality with powerful privacy control.</li>
<li>Can view/search/share entire photo library over web (including all metadata).</li>
<li>Friends/family can download images (configurable) in a variety of sizes without any additional effort on my part.</li>
<p><a href="http://www.flickr.com/photos/jaysenmarais/"><img src="http://www.jaysenmarais.com/blog_media/200801/flickr_download_example.jpg" style="display:block;border:none;" alt="flickr image downloads can be enabled (per-image) and are available in a variety of sizes"></a></p>
<li>Ready-made RSS (and GeoRSS) feeds of my images thanks to flickr (friends and family can <a href="http://api.flickr.com/services/feeds/photos_public.gne?id=39779962@N00&#038;lang=en-us&#038;format=atom">subscribe</a>).</li>
<li>My Geo-tagged photos can be viewed on <a href="http://www.flickr.com/photos/jaysenmarais/map/">ready-made map UI</a>. Cool!</li>
<li>Significantly more web 2.0 street-cred (easy on the 2.0 cynicism people!)</li>
</ol>
<p>So next time someone asks me to send them a copy of a photo, there&#8217;s now a more-than-slim chance I may actually do so.</p>
<p>Next on my list is getting my G7 and my <a href="http://jaysenmarais.com/blog/20071217/going-off-the-reservation-with-new-garmin-gps/">new GPS</a> working together to automatically geocode my images.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jaysenmarais.com/blog/20080106/photography-08-ditching-iphoto/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>I&#8217;ve joined the dpreview.com team</title>
		<link>http://www.jaysenmarais.com/blog/20071208/ive-joined-the-dpreviewcom-team</link>
		<comments>http://www.jaysenmarais.com/blog/20071208/ive-joined-the-dpreviewcom-team#comments</comments>
		<pubDate>Fri, 07 Dec 2007 19:22:00 +0000</pubDate>
		<dc:creator>jaysen</dc:creator>
				<category><![CDATA[dpreview]]></category>
		<category><![CDATA[photography]]></category>
		<category><![CDATA[amazon]]></category>
		<category><![CDATA[job]]></category>
		<category><![CDATA[london]]></category>
		<category><![CDATA[travel]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://jaysenmarais.com/blog/20071208/ive-joined-the-dpreviewcom-team/</guid>
		<description><![CDATA[I&#8217;ve had a quiet blogging spell lately due to the general upheaval of changing jobs, countries and continents. I&#8217;ve said goodbye to the consulting world and taken a position working with the gang at dpreview.com as a full-time public-facing web-developer. It&#8217;s a huge, popular and well-established site (at 9 years old it can be considered [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve had a quiet blogging spell lately due to the general upheaval of changing jobs, countries and continents. </p>
<p align="center"><img alt="jaysen dpreview &amp; amazon" src="http://jaysenmarais.com/blog_media/200712/jaysen_to_dpreview_amazon.gif" /> </p>
<p>I&#8217;ve said goodbye to the consulting world and taken a position working with the gang at <a href="http://dpreview.com">dpreview.com</a> as a full-time public-facing web-developer. It&#8217;s a huge, popular and well-established site (at 9 years old it can be considered the <a href="http://en.wikipedia.org/wiki/The_New_York_Times">gray lady</a> of digital photography) <a href="http://www.techcrunch.com/2007/05/14/amazon-acquires-dpreviewcom/">recently acquired by amazon</a>. I now find myself working in central London (frequently cursing the tube) with a young and enthusiastic team covering an equally dynamic industry.</p>
<p><strong>Note</strong>: <em>I&#8217;m retiring my</em><a href="http://jaysenmarais.com/blog/20070218/starting-with-that-single-step/"><em> rule regarding blogging about my day-job</em></a><em>, mainly because my role has changed (more public development) and I&#8217;m keen to get more involved in the development community.</em></p>
<p>With so much going on in digital photography and the web-savvy nature of our readership, there&#8217;s plenty of exciting stuff we can (and will) do. Some of the smaller stuff I&#8217;ve been working on has already started to appear on the site, more details to follow.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jaysenmarais.com/blog/20071208/ive-joined-the-dpreviewcom-team/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Hue City</title>
		<link>http://www.jaysenmarais.com/blog/20070617/hue-city</link>
		<comments>http://www.jaysenmarais.com/blog/20070617/hue-city#comments</comments>
		<pubDate>Sun, 17 Jun 2007 11:46:20 +0000</pubDate>
		<dc:creator>jaysen</dc:creator>
				<category><![CDATA[photography]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[colour]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[hue]]></category>
		<category><![CDATA[image search]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[quinton marais]]></category>
		<category><![CDATA[search]]></category>

		<guid isPermaLink="false">http://jaysenmarais.com/blog/20070617/hue-city/</guid>
		<description><![CDATA[A project that I&#8217;ve been working on forever has, among other features, a &#8216;search images by colour&#8216; feature. This is one that I&#8217;d been excited about for a long time and had tackled on several occasions but it had never quite come together. Until now. My previous attempts had all involved reducing each image to [...]]]></description>
			<content:encoded><![CDATA[<p>A <a href="http://www.quintonmarai.com">project</a> that I&#8217;ve been working on forever has, among other features, a &#8216;<a href="http://www.quintonmarais.com/search/colour.aspx">search images by colour</a>&#8216; feature. This is one that I&#8217;d been excited about for a long time and had tackled on several occasions but it had never quite come together. Until now.</p>
<p>My previous attempts had all involved reducing each image to a weighted list of &#8216;popular&#8217; colours. The search UI let the user pick from the <a href="http://en.wikipedia.org/wiki/Web_colors">web (216) palette</a>, with only images possessing a healthy portion of that colour being returned in the results. At one time I even allowed users to select a secondary colour along with <a href="http://en.wikipedia.org/wiki/RGB_color_space">RGB</a>/<a href="http://en.wikipedia.org/wiki/HSV_color_space">HSV</a>/<a href="http://en.wikipedia.org/wiki/CMYK_color_model">CMYK</a> (synchronised) sliders, but that was as complicated to use as it sounds, so I let it go. The problem was that this &#8216;popular colours&#8217; approach ignored the fundamental truth that people just don&#8217;t search for drab browns, faded yellowy-greens or most of the other colours which make up these palettes. From a colour-space perspective, when people say &#8216;colour&#8217;, they mean &#8216;<a href="http://en.wikipedia.org/wiki/Hue">hue</a>&#8216;. </p>
<p>So earlier this week (on the train) I set about re-writing the whole colour search feature to actually be a hue-based search feature (the word colour remains because &#8216;hue search&#8217; just doesn&#8217;t light up anyone&#8217;s eyes, not even mine). After a few train trips and most of Saturday I had the hue-parsing algorithm implemented and had written a console app which re-indexed all the existing images in the library. I also updated the relevant portions of the batch uploading tool and the admin web site to be hue-aware. Things were going well, but I had only a vague idea of how the actual search UI would work.</p>
<p>Initially I thought another slider would be the best approach,&nbsp;but decided it was overkill after looking around at&nbsp;existing html slider implementations (<a href="http://developer.yahoo.com/yui/slider/">yahoo UI library as a nice slider</a>, but I didn&#8217;t want the added dependency for what is essentially a minor feature). Eventually I&nbsp;set about&nbsp;rolling my own control for the job.&nbsp;I think the&nbsp;hue picker widget and the <a href="http://www.quintonmarais.com/search/colour.aspx">hue search feature</a> as a whole turned out really well, and will continue to improve as the number of images in the library grows.</p>
<p>Now I&#8217;m&nbsp;thinking of packaging&nbsp;up the &nbsp;Hue Picker for free distribution. You know, just for kicks.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jaysenmarais.com/blog/20070617/hue-city/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>QuintonMarais.com launched tonight</title>
		<link>http://www.jaysenmarais.com/blog/20070613/quintonmaraiscom-launched-tonight</link>
		<comments>http://www.jaysenmarais.com/blog/20070613/quintonmaraiscom-launched-tonight#comments</comments>
		<pubDate>Wed, 13 Jun 2007 10:22:20 +0000</pubDate>
		<dc:creator>jaysen</dc:creator>
				<category><![CDATA[photography]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[asp.net]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[discountasp.net]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[georss]]></category>
		<category><![CDATA[hosting]]></category>
		<category><![CDATA[quinton marais]]></category>
		<category><![CDATA[sql server]]></category>

		<guid isPermaLink="false">http://jaysenmarais.com/blog/20070613/quintonmaraiscom-launched-tonight/</guid>
		<description><![CDATA[After several weeks&#8217; work, quintonmarais.com launched this evening. Hi-lights include .Net 1.1 to .Net 2.0 upgrade (long live the MasterPage) Amazon S3 for all image storage (dramatically reduced bandwidth and hosting costs) Google map-based location search. Creation of &#8220;Pusher&#8221;, a fire-and-forget image watermarking, batch uploading and data-entry&#160;smart client app&#160;(to create the 12+ thumbnail and preview [...]]]></description>
			<content:encoded><![CDATA[<p>After several weeks&#8217; work, <a href="http://www.quintonmarais.com">quintonmarais.com</a> launched this evening.</p>
<p>Hi-lights include</p>
<ol>
<li>.Net 1.1 to .Net 2.0 upgrade (long live the MasterPage)
<li><a href="http://www.amazon.com/gp/browse.html?node=16427261">Amazon S3</a> for all image storage (dramatically reduced bandwidth and hosting costs)
<li><a href="http://maps.google.com/">Google map</a>-based <a href="http://www.quintonmarais.com/Search/Location.aspx">location search</a>.
<li>Creation of &#8220;Pusher&#8221;, a fire-and-forget image watermarking, batch uploading and data-entry&nbsp;smart client app&nbsp;(to create the 12+ thumbnail and preview versions of each image).
<li>Creation of &#8220;S3 Viewer&#8221;, a smart client app for viewing/maintaining the thousands of S3 items and buckets which support the site.
<li><a href="http://quintonmarais.com/Feeds/NewImages.ashx">&#8216;New Images&#8217;</a> atom feed (surprisingly easy to get going).
<li>SQL Server 2000 to SQL Server 2005 upgrade (<a href="http://msdn2.microsoft.com/en-us/library/ms186243(SQL.90).aspx">Common Table Expressions</a> are the goods).
<li><a href="http://georss.org/">GeoRSS</a> feed to (hopefully) ensure photographs appear in search results as geo-tagged objects.
<li><a href="http://www.quintonmarais.com">Tag-clouds</a> for hierarchical image categories.
<li><a href="http://quintonmarais.com/search/colour.aspx">Colour search</a> (still beta, currently rewriting the search algorithm to favour colour coverage rather than colour fidelity).
<li>Cleaner UI design.
<li>Xhtml transitional doc type with vastly improved markup validity (flash still causing some issues here). Some tables remain, to be slowly phased out when I have time.
<li>Flash 9 <a href="http://www.quintonmarais.com">homepage scroller</a> (flash cs3 didn&#8217;t play nice with my old flash 6 swfs).
<li>Self installed and configured SSL.
<li>New hosting provider (<a href="http://discountasp.net/">discountasp.net</a>, very impressed so far)</li>
</ol>
<p>All told the upgrade took about 3 months&#8217; worth of train trips, nights and weekends (around my day job). It&#8217;s meant an overall reduction in sleep, but ultimately worth it. Now I have just to force myself to stop tinkering with it.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jaysenmarais.com/blog/20070613/quintonmaraiscom-launched-tonight/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

