<?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>digitalartwork</title>
	<atom:link href="http://digitalartwork.net/feed/" rel="self" type="application/rss+xml" />
	<link>http://digitalartwork.net</link>
	<description>Expanding the boundaries of multimedia storytelling using motiongraphic, interactive &#38; cinematic tools</description>
	<lastBuildDate>Sun, 01 Aug 2010 20:40:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Shaking It to New Orleans Bounce</title>
		<link>http://digitalartwork.net/2010/07/23/shaking-it-to-new-orleans-bounce/</link>
		<comments>http://digitalartwork.net/2010/07/23/shaking-it-to-new-orleans-bounce/#comments</comments>
		<pubDate>Fri, 23 Jul 2010 20:59:46 +0000</pubDate>
		<dc:creator>Zach Wise</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Canon 5D MKII]]></category>
		<category><![CDATA[Magazine]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[The New York Times]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://digitalartwork.net/?p=1063</guid>
		<description><![CDATA[Bounce is a raunchy, local hip-hop style that developed in the 1990s but is only now escaping its hometown with the help of some unlikely stars.]]></description>
			<content:encoded><![CDATA[<p><img src="http://digitalartwork.net/wp-content/uploads/2010/07/sissybounce_collage.jpg" alt="" title="Shaking It to New Orleans Bounce" /></p>
<p class="caption">Frame-grabs from <a href="http://video.nytimes.com/video/2010/07/22/magazine/1247468494644/shaking-it-to-new-orleans-bounce.html">Shaking It to New Orleans Bounce</a> on <a href="http://nytimes.com">NYTimes.com</a>
<p>Using a DSLR, specifically the 5D Mark II, was essential in creating this <a href="http://video.nytimes.com/video/2010/07/22/magazine/1247468494644/shaking-it-to-new-orleans-bounce.html">piece for The New York Times Magazine on bounce music in New Orleans.</a> The light in these clubs was low, often just a single bulb or a blacklight. A traditional camera would have never been able to pick up enough light to show what was happening.</p>
<p><span id="more-1063"></span></p>
<p>Another advantage to shooting with the 5D on this story was that I could customize my rig to work in each situation. In the clubs I often had very little room to work, so I mounted my camera on some short 15mm rods and handles. When working outside, I mounted the shoulder pad back on to my rig for more stability. I love this camera more and more each time I go out to shoot. I&#8217;m feeling really comfortable now that I&#8217;ve got a rig that I&#8217;m somewhat happy with and I can customize to the situation. </p>
]]></content:encoded>
			<wfw:commentRss>http://digitalartwork.net/2010/07/23/shaking-it-to-new-orleans-bounce/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>After Effects Workflow at The New York Times</title>
		<link>http://digitalartwork.net/2009/10/26/after-effects-workflow-at-the-new-york-times/</link>
		<comments>http://digitalartwork.net/2009/10/26/after-effects-workflow-at-the-new-york-times/#comments</comments>
		<pubDate>Mon, 26 Oct 2009 19:29:52 +0000</pubDate>
		<dc:creator>Zach Wise</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[After Effects]]></category>
		<category><![CDATA[Motiongraphics]]></category>
		<category><![CDATA[The New York Times]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://digitalartwork.net/?p=984</guid>
		<description><![CDATA[The use of motiongraphics/animation is still pretty new at The New York Times. We're still figuring things out, but I thought it might be useful to some to see what our work flow is like.]]></description>
			<content:encoded><![CDATA[
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_moogaloop_639348188"
			class="flashmovie"
			width="590"
			height="362">
	<param name="movie" value="http://vimeo.com/moogaloop.swf" />
	<param name="flashvars" value="clip_id=7167163&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=5D7099&fullscreen=1" />
	<param name="bgcolor" value="#141414" />
	<param name="allowscriptaccess" value="always" />
	<param name="allowfullscreen" value="true" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="http://vimeo.com/moogaloop.swf"
			name="fm_moogaloop_639348188"
			width="590"
			height="362">
		<param name="flashvars" value="clip_id=7167163&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=5D7099&fullscreen=1" />
		<param name="bgcolor" value="#141414" />
		<param name="allowscriptaccess" value="always" />
		<param name="allowfullscreen" value="true" />
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
<p class="caption">
			<a href="http://vimeo.com/7167163">NYTimes After Effects Demo Reel 2009</a> from <a href="http://vimeo.com/zachwise">Zach Wise</a> on <a href="http://vimeo.com">Vimeo</a>.
		</p>
<p>
			The use of motiongraphics/animation is still pretty new at The New York Times. We&#8217;re still figuring things out, but I thought it might be useful for some people to see what our work flow is like.
		</p>
<p><span id="more-984"></span></p>
<hr />
<h3>Have a Conversation:</h3>
<p>
			Our work flow generally starts with a conversation. The conversation addresses the following questions.
		</p>
<ul>
<li>Do we need motiongraphics?</li>
<li>Is the concept we&#8217;re trying to communicate visually complex?</li>
<li>Can we tell or illustrate this part of the story just as well with video or photography?</li>
<li>Do we have time to do it?</li>
</ul>
<hr />
<h3>Storyboard:</h3>
<div class="column span-7 colborder">
<p>
				If we&#8217;ve determined that we need motiongraphics for the story we have another conversation with a script in front of us. We firm up the script based on the following points.
			</p>
<ul>
<li>Which section or sections need motiongraphics.</li>
<li>Revise the narration to work with animation</li>
</ul>
<p>We then do a very rough storyboard and place the bits of narration under the visual coverage. In the example at the right, we determined that it would be best to cut back and forth from the video interview with Charles Duhigg to the motiongraphic. You can see frames in the storyboard marked as &#8220;Charles&#8221; for when we cut back to his video interview. Charles gave us a very &#8220;animated&#8221; story and we wanted to make sure the viewer experienced it, and we also wanted to make sure the viewer understood it. </p>
<p>The storyboards are meant to be a guide for when we actually start putting the piece together in After Effects. The boards are generally very rough looking and remind me of shorthand notes.</p>
<p>Here&#8217;s a link to our storyboard template: <a href="http://digitalartwork.net/wp-content/uploads/2009/10/StoryboardTemplate.pdf" target="_blank">StoryBoard.pdf</a></p></div>
<div class="column span-7 last">
<p>
				<a rel="shadowbox" href="http://digitalartwork.net/wp-content/uploads/2009/10/private_equity_storyboard.jpg"><img src="http://digitalartwork.net/wp-content/uploads/2009/10/private_equity_storyboard_thumb.jpg" alt="Storyboard for Private Equity" title="Storyboard for Private Equity"></a>
			</p>
<p class="caption">
				Storyboard from <a href="http://www.nytimes.com/packages/html/business/2009-private-equity/index.html">Flipped: How Private Equity Dealmakers Can Win While Their Companies Lose </a>.
			</p>
</p></div>
<hr />
<h3>Audio Track:</h3>
<p>After we&#8217;ve firmed up the narration script, we will either quickly record a scratch narration track or piece together a final narration track. It is essential to have this before starting an After Effects project because we need to know what our timing and pace needs to be for the animation.</p>
<p>We&#8217;ve had to come up with some interesting solutions for working with audio in After Effects though. It&#8217;s hard to do real time playback of audio in After Effects which makes it hard to hit the marks to have animation and narration weave together seamlessly. Our solution was to add a &#8220;beep track&#8221;.</p>
<div class="column span-7 colborder">
<p><strong>Our &#8220;beep&#8221; track solution works like this:</strong></p>
<ul>
<li>In Soundtrack Pro, we add a <a href="http://digitalartwork.net/wp-content/uploads/2009/10/SIne.aif" target="_blank">sine noise element</a> on key points in the script narration that we know something is supposed to happen with the animation. It acts kinda like a key frame, or an actor hitting their mark.</li>
<li>We import the audio file into After Effects and we can now visualize our marks to hit. It also helps if you underline the corresponding points in a printed version of the script to refer back to.</li>
</ul>
<p>Here&#8217;s a link to the sound we use: <a href="http://digitalartwork.net/wp-content/uploads/2009/10/SIne.aif" target="_blank">Sine.aif</a></p>
</p></div>
<div class="column span-7 last">
			<a rel="shadowbox" href="http://digitalartwork.net/wp-content/uploads/2009/10/soundtrack_beeptrack_screenshot.png"><img src="http://digitalartwork.net/wp-content/uploads/2009/10/soundtrack_beeptrack_screenshot_thumb.png" alt="Soundtrack Pro Beep Track Screenshot" title="Soundtrack Pro Beep Track Screenshot"></a></p>
<p class="caption">&#8220;Beep&#8221; track example in Soundtrack Pro <a rel="shadowbox" href="http://digitalartwork.net/wp-content/uploads/2009/10/soundtrack_beeptrack_screenshot.png">Large version.</a>.</p>
<p>
			<a rel="shadowbox" href="http://digitalartwork.net/wp-content/uploads/2009/10/beeptrack_example_screenshot.png"><img src="http://digitalartwork.net/wp-content/uploads/2009/10/beeptrack_example_screenshot_thumb.png" alt="Soundtrack Pro Beep Track Screenshot" title="Soundtrack Pro Beep Track Screenshot"></a></p>
<p class="caption">&#8220;Beep&#8221; track example in After Effects <a rel="shadowbox" href="http://digitalartwork.net/wp-content/uploads/2009/10/beeptrack_example_screenshot.png">Large version.</a>.</p>
</p></div>
<hr />
<h3>Rough Draft:</h3>
<p>Depending on the project, it can take a long time to render in After Effects. Generally we output a &#8220;rough draft&#8221; version of the piece near completion to drop into Final Cut Pro, so we can see how it looks in context with the rest of the story. Once we make the final tweaks we output a full resolution final version to replace the draft in Final Cut Pro.</p>
<hr />
<h3>Example:</h3>
<p>Here&#8217;s an example of the rendered final output from After Effects with the &#8220;beep&#8221; track for <a href="http://www.nytimes.com/packages/html/business/2009-private-equity/index.html">Flipped: How Private Equity Dealmakers Can Win While Their Companies Lose </a>.</p>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_davideo_70808609"
			class="flashmovie"
			width="590"
			height="362">
	<param name="movie" value="http://media.digitalartwork.net/players/davideo.swf" />
	<param name="flashvars" value="theXML=http://media.digitalartwork.net/video/private_equity_101_aftereffects.xml" />
	<param name="bgcolor" value="#141414" />
	<param name="allowscriptaccess" value="always" />
	<param name="allowfullscreen" value="true" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="http://media.digitalartwork.net/players/davideo.swf"
			name="fm_davideo_70808609"
			width="590"
			height="362">
		<param name="flashvars" value="theXML=http://media.digitalartwork.net/video/private_equity_101_aftereffects.xml" />
		<param name="bgcolor" value="#141414" />
		<param name="allowscriptaccess" value="always" />
		<param name="allowfullscreen" value="true" />
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
<p>Here&#8217;s how the final piece looked.</p>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_davideo_188185200"
			class="flashmovie"
			width="590"
			height="362">
	<param name="movie" value="http://media.digitalartwork.net/players/davideo.swf" />
	<param name="flashvars" value="theXML=http://media.digitalartwork.net/video/private_equity_101.xml" />
	<param name="bgcolor" value="#141414" />
	<param name="allowscriptaccess" value="always" />
	<param name="allowfullscreen" value="true" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="http://media.digitalartwork.net/players/davideo.swf"
			name="fm_davideo_188185200"
			width="590"
			height="362">
		<param name="flashvars" value="theXML=http://media.digitalartwork.net/video/private_equity_101.xml" />
		<param name="bgcolor" value="#141414" />
		<param name="allowscriptaccess" value="always" />
		<param name="allowfullscreen" value="true" />
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
<hr />
<p>This is basically our workflow. It&#8217;s not great, but it&#8217;s not bad either.</p>
<p><strong>Got some tips, or questions? Let me know in the comments.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://digitalartwork.net/2009/10/26/after-effects-workflow-at-the-new-york-times/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
<enclosure url="http://digitalartwork.net/wp-content/uploads/2009/10/SIne.aif" length="196096" type="audio/x-aiff" />
		</item>
		<item>
		<title>Recent Video Work for The New York Times</title>
		<link>http://digitalartwork.net/2009/10/13/recent-video-work-for-the-new-york-times/</link>
		<comments>http://digitalartwork.net/2009/10/13/recent-video-work-for-the-new-york-times/#comments</comments>
		<pubDate>Tue, 13 Oct 2009 21:34:44 +0000</pubDate>
		<dc:creator>Zach Wise</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Canon 5D MKII]]></category>
		<category><![CDATA[The New York Times]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://digitalartwork.net/?p=936</guid>
		<description><![CDATA[More video work for The New York Times using the Canon 5D Mark II camera.]]></description>
			<content:encoded><![CDATA[<p><img src="http://digitalartwork.net/wp-content/uploads/2009/10/6681_1_toxicpowerplant_590.jpg" alt="" title="From Air to Water Waste" /></p>
<p class="caption">Frame-grab from the <a href="http://video.nytimes.com/video/2009/10/12/us/1247465072247/toxic-waters.html">Toxic Waters: From Air to Water Waste</a> on <a href="http://nytimes.com">NYTimes.com</a>
<p>For the <a href="http://video.nytimes.com/video/2009/10/12/us/1247465072247/toxic-waters.html">Toxic Waters: From Air to Water Waste piece</a> I worked on I decided to use the Canon 5D Mark II again. The camera just produces beautiful images for video and I had the time on this piece to deal with the transcoding and audio sync routine since I knew the piece would run later in the <a href="http://projects.nytimes.com/toxic-waters">Toxic Waters series</a> </p>
<p><span id="more-936"></span></p>
<hr />
<h3>Trailers for Toxic Waters:</h3>
<div class="column span-7 colborder">
<p>One of the interesting things we did with this series is we actually produced trailers for each of the installments in the series. These trailers were meant to not only preview the upcoming video segment but also preview the print story. I interviewed the reporter Charles Duhigg for each trailer so that he could talk about what the next story would cover and inter-cut that interview with footage from the accompanying video.</p>
<p>
<a href="http://digitalartwork.net/wp-content/uploads/2009/10/toxicwaters_screen.png"><img src="http://digitalartwork.net/wp-content/uploads/2009/10/toxicwaters_screen_270.jpg" alt="Toxic Waters Screen Shot" title="Toxic Waters Screen Shot" /></a>
</p>
</div>
<div class="column span-7 last">
<p>
<a href="http://video.nytimes.com/video/2009/09/12/multimedia/1247464505881/next-in-the-series-agriculture.html"><img src="http://digitalartwork.net/wp-content/uploads/2009/10/trailer_dairy_270.jpg" alt="Next in the Series: Agriculture" title="Next in the Series: Agriculture" /></a><br />
<br />
<a href="http://video.nytimes.com/video/2009/09/12/multimedia/1247464505881/next-in-the-series-agriculture.html"><strong>Next in the Series: Agriculture</strong><br />
How do dairies and agriculture affect drinking water?</a><br />
<br/></p>
<p><a href="http://video.nytimes.com/video/2009/09/17/multimedia/1247464622361/next-in-the-series-power-plants.html"><img src="http://digitalartwork.net/wp-content/uploads/2009/10/trailer_powerplant_270.jpg" alt="Next in the Series: Power Plants" title="Next in the Series: Power Plants" /></a><br />
<br />
<a href="http://video.nytimes.com/video/2009/09/17/multimedia/1247464622361/next-in-the-series-power-plants.html"><strong>Next in the Series: Power Plants</strong><br />
How do power plants effect public water?</a><br />
<br/></p>
<p><a href="http://video.nytimes.com/video/2009/10/12/us/1247465087211/next-in-the-series-waste-water.html"><img src="http://digitalartwork.net/wp-content/uploads/2009/10/trailer_wastewater_270.jpg" alt="Next in the Series: Agriculture" title="Next in the Series: Agriculture" /></a><br />
<br />
<a href="http://video.nytimes.com/video/2009/10/12/us/1247465087211/next-in-the-series-waste-water.html"><strong>Next in the Series: Agriculture</strong><br />
Are faulty sewer systems endangering community health?</a><br />
<br/>
</p>
</div>
<hr />
<div class="column span-7 colborder">
<p>Be sure to check out the spectacular work on the series from my former <a href="http://lasvegassun.com/">Las Vegas Sun</a> colleague and now <a href="http://nytimes.com">New York Times</a> colleague, <a href="http://www.tysonevans.com/">Tyson Evans</a>. Tyson was part of a small team that put together <a href="http://projects.nytimes.com/toxic-waters/polluters/power-plants">this interactive map</a> which lets you find polluters near you, and breaks down the data in a very human understandable way.
</p>
</div>
<div class="column span-7 last">
<p>
<a href="http://projects.nytimes.com/toxic-waters/polluters/power-plants"><img src="http://digitalartwork.net/wp-content/uploads/2009/10/waterpollution_map_270.jpg" alt="Toxic Waters Map Screen Shot" title="Toxic Waters Map Screen Shot" /></a>
</p>
</div>
<hr />
<h3>Vows:</h3>
<div class="column span-7 colborder">
<p>
<a href="http://video.nytimes.com/video/2009/08/30/fashion/weddings/1247464279175/vows-julie-andy.html"><img src="http://digitalartwork.net/wp-content/uploads/2009/10/julieandandy_270.jpg" alt="Vows: Julie &#038; Andy" title="Vows: Julie &#038; Andy" /></a><br />
<br />
<a href="http://video.nytimes.com/video/2009/08/30/fashion/weddings/1247464279175/vows-julie-andy.html">Vows: Julie &#038; Andy</a><br />
<br />
Shot on the Canon 5D Mark II.
</p>
</div>
<div class="column span-7 last">
<p>
<a href="http://video.nytimes.com/video/2009/08/23/fashion/weddings/1247464171184/vows-megan-josh.html"><img src="http://digitalartwork.net/wp-content/uploads/2009/10/joshmegan_270.jpg" alt="Vows: Megan &#038; Josh" title="Vows: Megan &#038; Josh" /></a><br />
<br />
<a href="http://video.nytimes.com/video/2009/08/23/fashion/weddings/1247464171184/vows-megan-josh.html">Vows: Megan &#038; Josh</a><br />
<br />
Shot on the Canon 5D Mark II.
</p>
</div>
<hr />
<h3>Misc:</h3>
<div class="column span-7 colborder">
<p>
<a href="http://video.nytimes.com/video/2009/09/07/movies/1247464405309/a-conversation-with-oliver-stone.html"><img src="http://digitalartwork.net/wp-content/uploads/2009/10/interviewoliverstone_270.jpg" alt="A Conversation with Oliver Stone" title="A Conversation with Oliver Stone" /></a><br />
<br />
<a href="http://video.nytimes.com/video/2009/09/07/movies/1247464405309/a-conversation-with-oliver-stone.html">A Conversation with Oliver Stone</a><br />
<br />A quick turn-around one hour shoot.
</p>
</div>
<div class="column span-7 last">
<p>
<a href="http://www.nytimes.com/packages/html/business/2009-private-equity/index.html"><img src="http://digitalartwork.net/wp-content/uploads/2009/10/Flipped_270.jpg" alt="Flipped: How Private Equity Dealmakers Can Win While Their Companies Lose " title="Flipped: How Private Equity Dealmakers Can Win While Their Companies Lose " /></a><br />
<br />
<a href="http://www.nytimes.com/packages/html/business/2009-private-equity/index.html">Flipped: How Private Equity Dealmakers Can Win While Their Companies Lose</a><br />
<br /> <br />
I contributed motion-graphics to this awesome project spearheaded by Amy O&#8217;Leary. I&#8217;ll talk about this more in a future post.
</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://digitalartwork.net/2009/10/13/recent-video-work-for-the-new-york-times/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Lessons Learned Shooting with the Canon 5D Mark II</title>
		<link>http://digitalartwork.net/2009/07/15/lessons-learned-from-shooting-with-the-canon-5d-mark-ii/</link>
		<comments>http://digitalartwork.net/2009/07/15/lessons-learned-from-shooting-with-the-canon-5d-mark-ii/#comments</comments>
		<pubDate>Wed, 15 Jul 2009 22:23:51 +0000</pubDate>
		<dc:creator>Zach Wise</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Canon 5D MKII]]></category>
		<category><![CDATA[The New York Times]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://digitalartwork.net/?p=884</guid>
		<description><![CDATA[We interviewed about 50 people for the piece but could only use a fraction of them, and how to sync audio with 5D Mark II footage]]></description>
			<content:encoded><![CDATA[<p><img src="http://digitalartwork.net/wp-content/uploads/2009/07/20090706_michaeljackson_v3_framegrab_590.jpg" alt="" title="Frame-grab from the Michael Jackson Memorial video" /></p>
<p class="caption">Frame-grab from the <a href="http://video.nytimes.com/video/2009/07/08/arts/1194841404569/fan-memories.html">&#8220;Fan Memories&#8221; a Michael Jackson memorial video</a> on <a href="http://nytimes.com">NYTimes.com</a>  &#8211; <a href="http://digitalartwork.net/wp-content/uploads/2009/07/20090706_michaeljackson_v3_framegrab.jpg">full size frame-grab (1920&#215;1080)</a>
<p>For the <a href="http://video.nytimes.com/video/2009/07/08/arts/1194841404569/fan-memories.html">Michael Jackson Memorial piece</a> I worked on, we decided before I left for L.A. that we would use the Canon 5D Mark II to try and push the look of the piece, and to try something new. The first thing I did, is call up a freelancer, <a href="http://burkepost.com/">Patrick Burke</a>, to run sound. Patrick used to be an AC (Assistant Camera) in L.A. so he came with all the right tools, including a film slate that we used to sync audio from a <a href="http://transom.org/tools/recording_interviewing/200503.pmd660.html">Marantz PMD660</a> to the video footage of the 5D. </p>
<p>I explain how to sync the audio to the 5DMKII footage after the jump. </p>
<p><span id="more-884"></span></p>
<p>We interviewed about 50 people for the piece but could only use a fraction of them in the end for several reasons. Once we synced up the audio to the footage in Final Cut, you really have to transcode to start editing, because every cut you make, you run the risk of de-syncing the audio, plus h264 is not very nice for native editing.</p>
<p>I had a deadline of 5pm EST the next day which meant 2pm PST. Just enough time to slam out an edit&#8230; BUT the transcoding was going to take 16hrs!! I had to ditch most of the footage, and pick a couple people to transcode in order to get the piece up.</p>
<p>Also, the piece that is up was compressed for transmission and then re-encoded in NYC for the NYTimes website. I assure you the original <a href="http://digitalartwork.net/wp-content/uploads/2009/07/20090706_michaeljackson_v3_framegrab.jpg">footage looks amazing</a>.</p>
<hr />
<h3>How to sync audio with 5D Mark II footage</h3>
<p><img src="http://digitalartwork.net/wp-content/uploads/2009/07/filmslate.jpg" alt="filmslate" title="filmslate" width="590" height="331"  /></p>
<div class="column span-7 colborder">
<p>The first thing you need to do is make sure that you clap or use a film slate with both your audio recorder and camera recording</p>
<p>Batch conform your 5DMKII footage to 29.97 using Cinema Tools (part of the Final Cut Suite). The reason you need to do this, is because the .mov files from the 5DMKII read as 30fps when in fact they are 29.97fps. This discrepancy will cause your audio to fall out of sync. Luckily, it&#8217;s easy to fix.</p>
</div>
<div class="column span-7 last">
<p>
<img src="http://digitalartwork.net/wp-content/uploads/2009/07/cinema_tools_screenshot.jpg" alt="cinema_tools_screenshot" title="cinema_tools_screenshot" width="270" height="169" /><br />
<br />
<img src="http://digitalartwork.net/wp-content/uploads/2009/07/cinema_tools_screenshot2.jpg" alt="cinema_tools_screenshot2" title="cinema_tools_screenshot2" width="270" height="107"  />
</p>
</div>
<p><img src="http://digitalartwork.net/wp-content/uploads/2009/07/sequence_settings.jpg" alt="sequence_settings" title="sequence_settings" width="590" height="389" class="alignnone size-full wp-image-903" /></p>
<div class="column span-7 colborder">
<p>In Final Cut Pro, set your sequence to 1920&#215;1080 ProRes with a square pixel aspect ratio.</p>
<p>Next, line up the audio track in Final Cut so that the peak of the &#8220;clap&#8221; from your audio recorder lines up with the &#8220;clap&#8221; from the 5DMKII</p>
<p>Because of the 30fps/29.97 discrepency, you&#8217;ll need to change the speed of the audio from your audio recorder to 99.9%. I know, it doesn&#8217;t seem necessary, but trust me. If you don&#8217;t do this, you&#8217;ll notice the tracks fall out of sync after about 5 minutes or less.</p>
</div>
<div class="column span-7 last">
<p>
<img src="http://digitalartwork.net/wp-content/uploads/2009/07/finalcut_screenshot_02-270.jpg" alt="finalcut_screenshot_02-270" title="finalcut_screenshot_02-270" width="270" height="206" /><br />
<br />
<img src="http://digitalartwork.net/wp-content/uploads/2009/07/finalcut_screenshot_03.jpg" alt="finalcut_screenshot_03" title="finalcut_screenshot_03" width="270" height="193"  />
</p>
</div>
<div class="column span-7 colborder">
<p>I set up a sequence for each clip I was syncing audio to. After lining each sequence up, I usually do a batch export and walk away for awhile. When the export is done, you should have a folder full of fully synced beautiful 5DMKII clips ready to edit.</p>
</div>
<div class="column span-7 last">
<p>
<img src="http://digitalartwork.net/wp-content/uploads/2009/07/batch_export_01.jpg" alt="batch_export_01" title="batch_export_01" width="270" height="334" /><br />
<br />
<img src="http://digitalartwork.net/wp-content/uploads/2009/07/batch_export.jpg" alt="batch_export" title="batch_export" width="270" height="241"  />
</p>
</div>
<p>Got some advice on syncing audio up with the 5D Mark II? Share the love in the comments.</p>
]]></content:encoded>
			<wfw:commentRss>http://digitalartwork.net/2009/07/15/lessons-learned-from-shooting-with-the-canon-5d-mark-ii/feed/</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>Behind the Scenes of LENS</title>
		<link>http://digitalartwork.net/2009/06/01/behind-the-scenes-of-lens/</link>
		<comments>http://digitalartwork.net/2009/06/01/behind-the-scenes-of-lens/#comments</comments>
		<pubDate>Mon, 01 Jun 2009 21:59:52 +0000</pubDate>
		<dc:creator>Zach Wise</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[The New York Times]]></category>

		<guid isPermaLink="false">http://digitalartwork.net/?p=854</guid>
		<description><![CDATA[A few people have been asking me how the LENS Blog on The New York Times site came to be and what software it was built on. I thought I'd shed a little light on the development process and answer some of these questions.]]></description>
			<content:encoded><![CDATA[<p><img src="http://digitalartwork.net/wp-content/uploads/2009/06/lens_screenshot.jpg" alt="" title="LENS Homepage Screenshot" /></p>
<p class="caption">Screen-shot of the <a href="http://lens.blogs.nytimes.com/">LENS Homepage</a>
<p>A few people have been asking me how the <a href="http://lens.blogs.nytimes.com/">LENS Blog</a> on The New York Times site came to be and what software it was built on. I thought I&#8217;d shed a little light on the development process and answer some of these questions.</p>
<p><span id="more-854"></span></p>
<hr />
<h3>Why does it scroll sideways?</h3>
<p>When we started this project many months ago, <a href="http://www.boston.com/bigpicture/">The Big Picture</a> was obviously one of the successful models for a photo blog, not just in terms of traffic but also in terms of presenting photographs in my favorite way. BIG.
</p>
<p>When you go as big as <a href="http://www.boston.com/bigpicture/">The Big Picture</a>, you can run into big problems. Depending on your monitor, the photos can&#8217;t fit on your screen. Scrolling through many large photos causes you to have scrolling precision and dexterity for an optimal viewing experience. Slide-shows on the other hand are easy to view. The scroll position remains the same and the photos scroll. We started to think of the LENS blog as a slide-show, and slide-shows within slide-shows. We fell in love with the idea of being able to stay on one page and have a mass consumption of images.
</p>
<hr />
<div class="column span-7 colborder">
<h3>Mock-ups and Design Evolution</h3>
<p>My first crack at a mock-up was fairly traditional and was concerned with finding a way to make the image as large as possible
</p>
<p><img src="http://digitalartwork.net/wp-content/uploads/2009/06/lens_mock_270.jpg" alt="lens_mock_270" title="lens_mock_270" width="270" height="494" class="alignnone size-full wp-image-866" />
</p>
</div>
<div class="column span-7 last">
<p>
As our thinking evolved to the side-scrolling approach, we mocked-up some quick <a href="http://www.adobe.com/products/fireworks/">Fireworks</a> working pages so we could see what it would feel like.
</p>
<p>
<img src="http://digitalartwork.net/wp-content/uploads/2009/06/lens_prototype_2_270.jpg" alt="lens_prototype_2_270" title="lens_prototype_2_270" width="270" height="214" class="alignnone size-full wp-image-857" /><br />
<img src="http://digitalartwork.net/wp-content/uploads/2009/06/lens_prototype_1_270.jpg" alt="lens_prototype_1_270" title="lens_prototype_1_270" class="alignnone size-full wp-image-857" /><br />
<img src="http://digitalartwork.net/wp-content/uploads/2009/06/lens_prototype_3_270.jpg" alt="lens_prototype_3_270" title="lens_prototype_3_270" class="alignnone size-full wp-image-857" /></p>
</div>
<hr />
<div class="column span-7 colborder">
<h3>WordPress, Flash and XML Driven</h3>
<p>All of the NYTimes&#8217; blogs are produced in <a href="http://wordpress.org/">WordPress</a>. WordPress has a great <a href="http://codex.wordpress.org/Plugin_API">API</a> and allows you to customize the data from posts for things like RSS feeds and XML feeds without much effort.
</p>
<p>For the homepage of LENS we built a <a href="http://www.adobe.com/products/flash/">Flash</a> presentation that takes a custom XML feed from wordpress. The real reason we went with Flash for the front-end presentation was because of it&#8217;s full screen ability.
</p>
<p>
You can see in the spec screen-shots on the right, that we are using existing wordpress variables to construct the feed for flash. You may also notice a &#8220;<a href="http://codex.wordpress.org/Using_Custom_Fields">custom field</a>&#8220;. This is where we link to the slide-show, and video xml feeds exported by existing tools we use on NYTimes.com everyday.
</p>
</div>
<div class="column span-7 last">
<p>
<img src="http://digitalartwork.net/wp-content/uploads/2009/06/xml_spec_1_270.jpg" alt="xml_spec_1_270" title="xml_spec_1_270" class="alignnone size-full wp-image-860" /><br />
<img src="http://digitalartwork.net/wp-content/uploads/2009/06/xml_spec_2_270.jpg" alt="xml_spec_2_270" title="xml_spec_2_270" class="alignnone size-full wp-image-860" />
</p>
</div>
<hr />
<p>
Obviously this is a quick overview of how LENS came together and how it works. If you have specific questions, hit me up in the comments and I&#8217;ll try and answer them as best I can.</p>
]]></content:encoded>
			<wfw:commentRss>http://digitalartwork.net/2009/06/01/behind-the-scenes-of-lens/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>[LENS] (aka Lens) Launches</title>
		<link>http://digitalartwork.net/2009/05/18/lens-aka-lens-launches/</link>
		<comments>http://digitalartwork.net/2009/05/18/lens-aka-lens-launches/#comments</comments>
		<pubDate>Mon, 18 May 2009 13:05:46 +0000</pubDate>
		<dc:creator>Zach Wise</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[The New York Times]]></category>

		<guid isPermaLink="false">http://digitalartwork.net/?p=847</guid>
		<description><![CDATA[The New York Times introduces Lens, a photojournalism blog that intends to present some of the most interesting visual and multimedia reporting.]]></description>
			<content:encoded><![CDATA[<p><a href="http://lens.blogs.nytimes.com/"><img src="http://digitalartwork.net/wp-content/uploads/2009/05/lens_02.jpg" alt="lens_02" title="lens_02" width="590" height="499" /></a></p>
<p>
After many long months, we&#8217;ve launched it! I&#8217;ll write a little more about it once the dust settles.</p>
<blockquote><p>The New York Times introduces <a href="http://lens.blogs.nytimes.com/">Lens</a>, a photojournalism blog that intends to present some of the most interesting visual and multimedia reporting: in photographs, videos, audio slide shows and any other medium that fits — our format.</p>
<p>Lens will be a showcase for the work of Times photographers, but it will also highlight the best images from other newspapers, magazines, news organizations and picture agencies, and from around the Web. It will point readers in the direction of important books, galleries and museum exhibitions. And it will draw on The Times’s own pictorial archive, numbering in the millions of images and going back to the early 20th century.</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://digitalartwork.net/2009/05/18/lens-aka-lens-launches/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Some long photos from NYC</title>
		<link>http://digitalartwork.net/2009/01/05/some-long-photos-from-nyc/</link>
		<comments>http://digitalartwork.net/2009/01/05/some-long-photos-from-nyc/#comments</comments>
		<pubDate>Tue, 06 Jan 2009 02:27:34 +0000</pubDate>
		<dc:creator>Zach Wise</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Canon 5D MKII]]></category>
		<category><![CDATA[NYC]]></category>

		<guid isPermaLink="false">http://digitalartwork.net/?p=712</guid>
		<description><![CDATA[Some test footage from my new 5D MKII taken near Columbus Circle and also 34th Street.]]></description>
			<content:encoded><![CDATA[<p><object type="application/x-shockwave-flash" width="590" height="332" data="http://www.flickr.com/apps/video/stewart.swf?v=63881" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="flashvars" value="intl_lang=en-us&amp;photo_secret=e817ef9765&amp;photo_id=3172712520"></param><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=63881"></param><param name="bgcolor" value="#000000"></param><param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=63881" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&amp;photo_secret=e817ef9765&amp;photo_id=3172712520" height="332" width="590"></embed></object></p>
<p class="caption">Some test footage from my new 5D MKII taken near Columbus Circle.</p>
<h3>Download 720p</h3>
<p><a href="http://media.digitalartwork.net/video/20090103_NYMinute_clips_1.mp4"><img src="http://digitalartwork.net/wp-content/uploads/2008/12/download.png" alt="Download" />20090103_NYMinute_clips_1.mp4</a> </p>
<hr />
<br/><br />
<object type="application/x-shockwave-flash" width="590" height="332" data="http://www.flickr.com/apps/video/stewart.swf?v=63881" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="flashvars" value="intl_lang=en-us&amp;photo_secret=eb4400ccba&amp;photo_id=3172726044&amp;show_info_box=true"></param><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=63881"></param><param name="bgcolor" value="#000000"></param><param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=63881" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&amp;photo_secret=eb4400ccba&amp;photo_id=3172726044&amp;flickr_show_info_box=true" height="332" width="590"></embed></object></p>
<p class="caption">Some test footage from my new 5D MKII taken near Columbus Circle.</p>
<h3>Download 720p</h3>
<p><a href="http://media.digitalartwork.net/video/20090103_NYMinute_clips_2.mp4"><img src="http://digitalartwork.net/wp-content/uploads/2008/12/download.png" alt="Download" />20090103_NYMinute_clips_2.mp4</a></p>
]]></content:encoded>
			<wfw:commentRss>http://digitalartwork.net/2009/01/05/some-long-photos-from-nyc/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
<enclosure url="http://media.digitalartwork.net/video/20090103_NYMinute_clips_1.mp4" length="23656020" type="video/mp4" />
<enclosure url="http://media.digitalartwork.net/video/20090103_NYMinute_clips_2.mp4" length="17459892" type="video/mp4" />
		</item>
		<item>
		<title>Thirst in the Mojave</title>
		<link>http://digitalartwork.net/2009/01/05/thirst-in-the-mojave/</link>
		<comments>http://digitalartwork.net/2009/01/05/thirst-in-the-mojave/#comments</comments>
		<pubDate>Mon, 05 Jan 2009 20:05:30 +0000</pubDate>
		<dc:creator>Zach Wise</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Las Vegas Sun]]></category>
		<category><![CDATA[Maps]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[Water]]></category>

		<guid isPermaLink="false">http://digitalartwork.net/?p=367</guid>
		<description><![CDATA[Thirst in the Mojave tries to bring a little more web mentality to video but still utilize the linear narrative strengths that make video such a great storytelling tool.]]></description>
			<content:encoded><![CDATA[<p><img class="imageborder" src="http://digitalartwork.net/wp/wp-content/uploads/2008/08/mojave.jpg" alt="" title="Thirst in the Mojave" /></p>
<hr class="space" />
<p>The <a href="http://www.lasvegassun.com/news/topics/water/">Thirst in the Mojave</a> piece is my attempt at making video interactive and contextualizing its content. Video on the web is great but it lacks many web-centric features or enhancements.</p>
<p>The advantage of web video over traditional video has typically revolved around the ability to share with friends and time-shift watching content. Thirst in the Mojave tries to bring a little more web mentality to video but still utilize the linear narrative strengths that make video such a great storytelling tool.</p>
<p> I completed the project before I left the <a href="http://www.lasvegassun.com/">Las Vegas Sun</a> <a href="http://digitalartwork.net/2008/08/21/leaving-las-vegas/">back in August</a> and for reasons I&#8217;m not sure of, it finally launched.</p>
<p><span id="more-367"></span></p>
<hr />
<h2>Features of Mojave</h2>
<p><a href="http://www.lasvegassun.com/news/topics/water/"><img src="http://digitalartwork.net/wp/wp-content/uploads/2008/08/water_interface.jpg" alt="" title="water_interface" class="alignnone size-full wp-image-451" /></a></p>
<hr class="space" />
<div class="column span-4 colborder">
<h6>Interactive geo-coded video</h6>
<p>Each scene in the story is geo-located to where it was shot or what you are seeing. A GPS data-logger was used on every shoot for the project and GPS coordinates were logged for each shot and photograph made. </p>
</div>
<div class="column span-4 colborder">
<h6>Lower-Third Bios</h6>
<p>Every &#8220;lower-third&#8221; for the people speaking is brought in using flash and allows you to always know who is currently speaking. If you click on the name of the person, you can see a short bio including information relevant to what they are speaking about. The idea here was to contextualize or qualify their voice of authority.</p>
</div>
<div class="column span-4 last">
<h6>More Info!</h6>
<p>The more info box is triggered by the video playing to bring up context specific data, facts, graphics, links or videos. This is a great way to provide content that is informative and relevant but could slow down the main narrative.</p>
</div>
<hr />
<h4>Transparency is a great tool of truth.</h4>
<p><img src="http://digitalartwork.net/wp/wp-content/uploads/2008/08/facetoface.jpg" alt="" title="facetoface" width="150" height="84" class="alignright size-full wp-image-437" style="padding-left:20px; padding-bottom:30px"/>
<p>Another use of the more info box in this project was transparency. An example of this is a scene in part 3 where Pat Mulroy is talking about the pipeline project on <a href="http://www.lasvegasnow.com/global/story.asp?s=1560638">Face to Face with Jon Ralston</a>. In the narrative you see several clips from the program but in the more info box you can watch the entire Face to Face show that those clips came from. Any viewers who might be skeptical that those clips were taken out of context can watch the program and see that the clips were selected appropriately. </p>
<hr />
<h4>All together, about 20 hours of footage were shot and edited down to 22 minutes for the main narrative.</h4>
<p>The main narrative video content is divided into 5 parts for the web. The piece was also edited for TV by cutting it into 4 parts for commercial breaks with a total run time of 22 minutes. </p>
<div class="column span-7 colborder">
<h6>60 minutes of extra footage</h6>
<p><img src="http://digitalartwork.net/wp/wp-content/uploads/2008/08/info_video_1.jpg" alt="" title="info_video_1" width="270" height="151" class="alignnone size-full wp-image-455" /></p>
<p>I can&#8217;t tell you how many times I&#8217;ve edited an interview and had to lop off some really interesting information because it strayed from or didn&#8217;t fit the tight narrative I was working on. Now the viewer is in control and can let their curiosity of a subject drive them to discover more on their own. Facts spoken in the video can have links citing sources, or where to go for more info.</p>
</div>
<div class="column span-7 last">
<h6>Curiosity</h6>
<p><img src="http://digitalartwork.net/wp/wp-content/uploads/2008/08/info_link_1.jpg" alt="" title="info_link_1" width="270" height="151" class="alignnone size-full wp-image-454" /></p>
<p>There is also approximately another 60 minutes of extra footage that shows up in the more info box during the piece. Dozens of infographics were created for the piece. Between the geocoded map items, info box extras and bios there are about 145 extra pieces of information shown.</p>
</div>
<hr />
<h2>Interactive Water Use Map</h2>
<hr class="space" />
<a href="http://www.lasvegassun.com/water/map/"><img src="http://digitalartwork.net/wp/wp-content/uploads/2008/08/waterapp.jpg" alt="" title="waterapp" width="300" height="252" class="alignright size-full wp-image-440" style="padding-left:20px;padding-bottom:30px" /></a>
<p>We thought this topic was strong enough to go even further. We built a database of water usage from public water records for over 1/2 a million single family homes in the valley. We then built a &#8220;water use app&#8221; to allows viewers to search a map of the Las Vegas Valley to find out how much water they&#8217;ve used in the last year. They can then compare their usage to their neighbors. On top of the search functionality we also visualized water usage density and swimming pool density on the map. Approximately 70% of the water problem falls on outdoor residential water use, I think this app is a real asset towards understanding that problem and hopefully doing something about it. </p>
]]></content:encoded>
			<wfw:commentRss>http://digitalartwork.net/2009/01/05/thirst-in-the-mojave/feed/</wfw:commentRss>
		<slash:comments>34</slash:comments>
		</item>
		<item>
		<title>Family Christmas on a Canon 5D MKII</title>
		<link>http://digitalartwork.net/2009/01/02/family-christmas-on-a-canon-5d-mkii/</link>
		<comments>http://digitalartwork.net/2009/01/02/family-christmas-on-a-canon-5d-mkii/#comments</comments>
		<pubDate>Fri, 02 Jan 2009 15:35:05 +0000</pubDate>
		<dc:creator>Zach Wise</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Athens]]></category>
		<category><![CDATA[Canon 5D MKII]]></category>
		<category><![CDATA[Christmas]]></category>
		<category><![CDATA[Family]]></category>

		<guid isPermaLink="false">http://digitalartwork.net/?p=695</guid>
		<description><![CDATA[I just got the new Canon 5D MKII in my hands before I left for Ohio to spend Christmas with my family.]]></description>
			<content:encoded><![CDATA[
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_moogaloop_936927080"
			class="flashmovie"
			width="590"
			height="332">
	<param name="movie" value="http://vimeo.com/moogaloop.swf" />
	<param name="flashvars" value="clip_id=2694685&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1" />
	<param name="bgcolor" value="#141414" />
	<param name="allowscriptaccess" value="always" />
	<param name="allowfullscreen" value="true" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="http://vimeo.com/moogaloop.swf"
			name="fm_moogaloop_936927080"
			width="590"
			height="332">
		<param name="flashvars" value="clip_id=2694685&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=00adef&fullscreen=1" />
		<param name="bgcolor" value="#141414" />
		<param name="allowscriptaccess" value="always" />
		<param name="allowfullscreen" value="true" />
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
<p class="credit"><a href="http://vimeo.com/2694685">Christmas 2008</a> from <a href="http://vimeo.com/zachwise">Zach Wise</a> on <a href="http://vimeo.com">Vimeo</a></p>
<p>I just got the new Canon 5D MKII in my hands before I left for Ohio to spend Christmas with my family.</p>
<p>Not much to report about the camera that hasn&#8217;t been said before except I miss 24fps, 30fps doesn&#8217;t agree with me. Also, the IS lenses work great for stabilizing video, as long as you don&#8217;t use the on-board audio (you can hear the IS motor).</p>
]]></content:encoded>
			<wfw:commentRss>http://digitalartwork.net/2009/01/02/family-christmas-on-a-canon-5d-mkii/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Coolris and Flickr make an easy Photowall</title>
		<link>http://digitalartwork.net/2008/12/26/coolris-and-flickr-make-an-easy-photowall/</link>
		<comments>http://digitalartwork.net/2008/12/26/coolris-and-flickr-make-an-easy-photowall/#comments</comments>
		<pubDate>Fri, 26 Dec 2008 21:28:20 +0000</pubDate>
		<dc:creator>Zach Wise</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flickr]]></category>

		<guid isPermaLink="false">http://digitalartwork.net/?p=669</guid>
		<description><![CDATA[The Wall Street Journal used the new Cooliris flash embed for it's Year in Pictures. You can too.]]></description>
			<content:encoded><![CDATA[<p>The <a href="http://online.wsj.com/public/resources/documents/EndOfYearSlideshow-CoolIris.html">Wall Street Journal</a> really went all out this year on their <a href="http://online.wsj.com/public/resources/documents/EndOfYearSlideshow-CoolIris.html">Year in Pictures presentation</a>. It probably took me all of thirty seconds to do the same presentation here. It did alert me to how cool this <a href="http://developer.cooliris.com/?p=embed">Cooliris</a> thing is though.</p>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_cooliris_185812093"
			class="flashmovie"
			width="590"
			height="300">
	<param name="movie" value="http://apps.cooliris.com/embed/cooliris.swf" />
	<param name="flashvars" value="feed=api://www.flickr.com/?user=zachwise" />
	<param name="bgcolor" value="#141414" />
	<param name="allowscriptaccess" value="always" />
	<param name="allowfullscreen" value="true" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="http://apps.cooliris.com/embed/cooliris.swf"
			name="fm_cooliris_185812093"
			width="590"
			height="300">
		<param name="flashvars" value="feed=api://www.flickr.com/?user=zachwise" />
		<param name="bgcolor" value="#141414" />
		<param name="allowscriptaccess" value="always" />
		<param name="allowfullscreen" value="true" />
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
<p class="caption">My Flickr stream Cooliris</p>
]]></content:encoded>
			<wfw:commentRss>http://digitalartwork.net/2008/12/26/coolris-and-flickr-make-an-easy-photowall/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
