<?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>Digital Anthill &#187; Pixel Motion</title>
	<atom:link href="http://www.digitalanthill.com/category/pixel-motion/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.digitalanthill.com</link>
	<description>Experimental Multimedia Artist: 3D, Video, Photography, Motion Graphics and Beyond..</description>
	<lastBuildDate>Thu, 26 Jan 2012 11:17:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Pixel Motion &#8211; Stop Motion Technique</title>
		<link>http://www.digitalanthill.com/181-2/</link>
		<comments>http://www.digitalanthill.com/181-2/#comments</comments>
		<pubDate>Tue, 16 Feb 2010 17:54:06 +0000</pubDate>
		<dc:creator>Rob</dc:creator>
				<category><![CDATA[Pixel Motion]]></category>
		<category><![CDATA[Stop motion]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.digitalanthill.com/181-2/</guid>
		<description><![CDATA[I came across the following video the other week and was amazed by the effect mustardcuffins had created. I spent a long time trying to think how it was done. Drift from mustardcuffins on Vimeo. I was producing some work for a project when I came across the pixel motion frame blending option in After]]></description>
			<content:encoded><![CDATA[<p align="left">I came across the following video the other week and was amazed by the effect <strong>mustardcuffins</strong> had created. I spent a long time trying to think how it was done.</p>
<p align="center"><object width="500" height="281"><param name="wmode" value="transparent" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7231932&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7231932&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" wmode="transparent" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="500" height="281"></embed></object></p>
<p align="center"><a href="http://vimeo.com/7231932">Drift</a> from <a href="http://vimeo.com/user306916">mustardcuffins</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p align="left">I was producing some work for a project when I came across the <strong>pixel motion</strong> frame blending option in<strong> After Effects</strong>. I realized that this is what gave this stop motion that awesome smooth blending transition effect.</p>
<p align="left">The next day I went out and took some photos to see if I could recreate that effect.</p>
<p align="left">All these shots were taken with the <strong>Nikon D90</strong> and the <strong>18-107mm kit lens</strong>.</p>
<p align="left">First test. Not quite as smooth mustards but its nearly there.</p>
<p align="left">&#160;</p>
<p align="left">&#160;</p>
<p align="center"><embed src="http://www.digitalanthill.com/content/tower_bock_pmotion_crop.mov" width="500" height="297" ></embed></p>
<p align="left">More examples and a <strong>tutorial</strong> after the break. </p>
</p>
<p> <span id="more-182"></span>
</p>
<p align="left">I found that the subject you focus on needs to be quite big other wise it can look a bit odd for example the lamp post in the following clip.</p>
<p align="center"><embed src="http://www.digitalanthill.com/content/lamp%20pmotion%20smaller.mov" width="500" height="297" ></embed></p>
<p align="left">I thought I would also see what happens if the camera doesn&#8217;t move. It gives quite a nice effect on the train carriages.</p>
<p align="center"><embed src="http://www.digitalanthill.com/content/train%20pmotion%20crop.mov" width="500" height="297" ></embed></p>
<p align="center">&#160;</p>
<p align="left">I realized nearly all of <strong>mustardcuffins</strong> shots had a central focal point. In the tower block example above that point is the corner of the building. I took a photo every <strong>three steps</strong> or so making sure that the centre of the image was&#160; lined up with that point on the tower.</p>
<p align="left">Here’s how I then created the effect using <strong>After Effects</strong> I&#8217;m not sure if this is how he does it but it does produce similar results:</p>
<p align="left">&#160;</p>
<p align="left">File&gt;Import&gt;File – select the first image of the sequence</p>
<p align="left">Make sure Jpeg sequence is selected then click Open.</p>
<p align="left"><a href="http://www.digitalanthill.com/blog-pictures/d521304dffb9_13532/filelocation.jpg" rel="lightbox[182]" title="file location"><img title="file location" style="border-top-width: 0px; display: block; border-left-width: 0px; float: none; border-bottom-width: 0px; margin-left: auto; margin-right: auto; border-right-width: 0px" height="244" alt="file location" src="http://www.digitalanthill.com/blog-pictures/d521304dffb9_13532/filelocation_thumb.jpg" width="244" border="0" /></a>&#160;</p>
<p align="left">Right click in the project tab and select New Composition.</p>
<p align="left">Give the new Composition a name. I’ve set it up as 720p with 24fps, of course you can change this to what you want. Click ok</p>
<p align="left"><a href="http://www.digitalanthill.com/blog-pictures/d521304dffb9_13532/Rendersetup.jpg" rel="lightbox[182]" title="Render setup"><img title="Render setup" style="border-top-width: 0px; display: block; border-left-width: 0px; float: none; border-bottom-width: 0px; margin-left: auto; margin-right: auto; border-right-width: 0px" height="222" alt="Render setup" src="http://www.digitalanthill.com/blog-pictures/d521304dffb9_13532/Rendersetup_thumb.jpg" width="244" border="0" /></a>&#160;</p>
<p align="left">Drag your image sequence into the timeline. Depending on the resolution of your camera you may need to scale the image down a bit.</p>
<p align="left">I found that if the image sequence is played how it is at the moment there is some movement between frames. To fix this I used the stabilize motion feature.</p>
<p><a href="http://www.digitalanthill.com/blog-pictures/d521304dffb9_13532/stabilize.jpg" rel="lightbox[182]" title="stabilize"><img title="stabilize" style="border-top-width: 0px; display: block; border-left-width: 0px; float: none; border-bottom-width: 0px; margin-left: auto; margin-right: auto; border-right-width: 0px" height="244" alt="stabilize" src="http://www.digitalanthill.com/blog-pictures/d521304dffb9_13532/stabilize_thumb.jpg" width="190" border="0" /></a>&#160;</p>
<p>Click Stabilize Motion (if this window isn&#8217;t there go to Window&gt;Tracker). This will bring up a track point on your video. Zoom right in to the centre point of the video and drag the centre of the tracker to that point. Then click the Analyze 1 Frame Forward button if the tracker doesn&#8217;t stick to the same point move it manually to the correct position. I found that the automatic tracking doesn&#8217;t really work all that well with stop motion video the quickest way I could do it was to press the page down button and then move the tracker manually into position.</p>
<p>Once you have tracked the entire sequence click the apply button. If you play the video now you’ll notice that it has smoothed out the movement.</p>
<p>Now select the motion blend tool. click the box twice until it is a solid diagonal line appears. This is the pixel blending option (what gives it that warping effect) I think this is only available in the later versions of AE.</p>
<p><a href="http://www.digitalanthill.com/blog-pictures/d521304dffb9_13532/pixelmotionselect.jpg" rel="lightbox[182]" title="pixel motion select"><img title="pixel motion select" style="border-top-width: 0px; display: block; border-left-width: 0px; float: none; border-bottom-width: 0px; margin-left: auto; margin-right: auto; border-right-width: 0px" height="117" alt="pixel motion select" src="http://www.digitalanthill.com/blog-pictures/d521304dffb9_13532/pixelmotionselect_thumb.jpg" width="244" border="0" /></a>&#160;</p>
<p>If you play the video now it will be far to fast. So right click the video in the time line and select&#160; Time&gt;Time Stretch. The time you set the new duration depends on how many frames the current clip is. For this example the original clip was about 2 seconds and I increased it to 20 (just experiment with the times).</p>
<p><a href="http://www.digitalanthill.com/blog-pictures/d521304dffb9_13532/timeduration.jpg" rel="lightbox[182]" title="time duration"><img title="time duration" style="border-top-width: 0px; display: block; border-left-width: 0px; float: none; border-bottom-width: 0px; margin-left: auto; margin-right: auto; border-right-width: 0px" height="216" alt="time duration" src="http://www.digitalanthill.com/blog-pictures/d521304dffb9_13532/timeduration_thumb.jpg" width="244" border="0" /></a>&#160; </p>
<p>You can preview the video by clicking the Ram preview button. It might be an idea to turn the quality down while doing this because it can take a long time to create a preview.</p>
<p><a href="http://www.digitalanthill.com/blog-pictures/d521304dffb9_13532/rampreview.jpg" rel="lightbox[182]" title="ram preview"><img title="ram preview" style="border-top-width: 0px; display: block; border-left-width: 0px; float: none; border-bottom-width: 0px; margin-left: auto; margin-right: auto; border-right-width: 0px" height="57" alt="ram preview" src="http://www.digitalanthill.com/blog-pictures/d521304dffb9_13532/rampreview_thumb.jpg" width="230" border="0" /></a></p>
<p>Once you are happy with the results render out the movie<br />
. Composition&gt;Make Movie then select the compression settings you want then hit Render. That’s it.</p>
<p>I will be creating some more of my own videos based on this technique soon.</p>
<p>If you have any questions just post a comment ill try and answer it if i can..</p>
<p><!-- PHP 5.x --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.digitalanthill.com/181-2/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
<enclosure url="http://www.digitalanthill.com/content/tower_bock_pmotion_crop.mov" length="18838107" type="video/quicktime" />
<enclosure url="http://www.digitalanthill.com/content/lamp%20pmotion%20smaller.mov" length="3113129" type="video/quicktime" />
<enclosure url="http://www.digitalanthill.com/content/train%20pmotion%20crop.mov" length="236464" type="video/quicktime" />
		</item>
	</channel>
</rss>

