<?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>thimic.net &#187; 2d</title>
	<atom:link href="http://www.thimic.net/category/2d/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.thimic.net</link>
	<description>where Michael Thingnes puts his stuff</description>
	<lastBuildDate>Fri, 14 May 2010 22:46:58 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>It&#8217;s been a while</title>
		<link>http://www.thimic.net/2010/05/14/its-been-a-while/</link>
		<comments>http://www.thimic.net/2010/05/14/its-been-a-while/#comments</comments>
		<pubDate>Fri, 14 May 2010 21:13:33 +0000</pubDate>
		<dc:creator>thimic</dc:creator>
				<category><![CDATA[2d]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[4 production]]></category>
		<category><![CDATA[advanced visual effects]]></category>
		<category><![CDATA[vfx]]></category>
		<category><![CDATA[works]]></category>
		<category><![CDATA[ave]]></category>
		<category><![CDATA[compositing]]></category>
		<category><![CDATA[digital visual effects]]></category>
		<category><![CDATA[foley]]></category>
		<category><![CDATA[ica]]></category>
		<category><![CDATA[lighting]]></category>
		<category><![CDATA[modelling]]></category>
		<category><![CDATA[rendering]]></category>
		<category><![CDATA[sound]]></category>
		<category><![CDATA[teesside]]></category>
		<category><![CDATA[texturing]]></category>

		<guid isPermaLink="false">http://www.thimic.net/?p=1629</guid>
		<description><![CDATA[So it&#8217;s been a while a few weeks a couple of months. First there was Easter, then there was intensive work to finish the final year project and write a good report, then Studio Practice &#38; Business had its turn, and suddenly and without quite knowing how I got there, two months had just vanished.
This [...]]]></description>
			<content:encoded><![CDATA[<p>So it&#8217;s been <span style="text-decoration: line-through;">a while</span> <span style="text-decoration: line-through;">a few weeks</span> a couple of months. <span id="more-1629"></span>First there was Easter, then there was intensive work to finish the final year project and write a good report, then Studio Practice &amp; Business had its turn, and suddenly and without quite knowing how I got there, two months had just vanished.</p>
<p>This doesn&#8217;t mean I haven&#8217;t been working on the AVE ICA, merely that I&#8217;ve been busy to the point of not finding time to keep the blog as up to date as I probably should have.</p>
<p>Starting with the week leading up to the Easter holidays, <a href="http://andreasnor.com" target="_blank">Andreas Nor</a> was kind enough to help me record foley sounds in the Phoenix building. The week after, home in Norway for a couple of weeks, I began building the 3D scene. At this stage I had ruled out Vue as it caused too many new problems that needed solving. Instead, I opted for 3ds max, using Mental Ray as the render engine.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2010/05/scene02.jpg"><img class="alignnone size-medium wp-image-1635" title="Early tree model, trees from seek.autodesk.com" src="http://www.thimic.net/wp-content/uploads/2010/05/scene02-576x323.jpg" alt="" width="576" height="323" /></a></p>
<p>During the easter holidays I created the first version of my 3D tree and tracked all five shots in PFTrack.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2010/05/Screen-shot-2010-04-03-at-01.36.34.png"><img class="alignnone size-medium wp-image-1634" title="PFTrack" src="http://www.thimic.net/wp-content/uploads/2010/05/Screen-shot-2010-04-03-at-01.36.34-576x360.png" alt="" width="576" height="360" /></a></p>
<p>As I had only used PFTrack once before several months ago, I had to relearn a fair few things, but the tracks went well and I feel they ended up being pretty solid. Having created the tree and the tracks, I actually began rendering a few shots and performed some test comps.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2010/05/scene05.jpg"><img class="alignnone size-medium wp-image-1638" title="Early tree test" src="http://www.thimic.net/wp-content/uploads/2010/05/scene05-576x323.jpg" alt="" width="576" height="323" /></a></p>
<p>I wasn&#8217;t exactly satisfied, but before I had time to make any changes, Easter was over and I returned to the uni merely five days before the final year project was to be handed in. This forced me to stop working on the AVE project for a while and as I later got an extension on the final year project, two weeks went by without any updates to the AVE ICA.</p>
<p>After delivering the final year project on 26 April I once again returned to the AVE project. During the for lack of a better word &#8220;break&#8221;, I had decided that the scene I made originally was too heavy, too boring, badly lit and lacking in detail. Starting up again, I therefore chucked nearly everything in the scene. The branches, the lighting and half the textures were some of the things I got rid of.  From there, I started with a tree from <a href="http://seek.autodesk.com/" target="_blank">seek.autodesk.com</a>, rotated it on its side, added moss and plants and tried to make it look more detail-rich.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2010/05/branch04.jpg"><img class="alignnone size-medium wp-image-1639" title="Better-looking branch" src="http://www.thimic.net/wp-content/uploads/2010/05/branch04-576x324.jpg" alt="" width="576" height="324" /></a></p>
<p>Having now created one branch, I converted it to a Mental Ray render proxy and made ten instances in 3ds max. From there I started populating the big tree. Using instanced render proxies greatly sped up the viewport and reduced memory use, though it had the obvious drawback of looking repetitive. In hindsight, I probably should have made a few variations, but time didn&#8217;t allow.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2010/05/AVE-020-test01.jpg"><img class="alignnone size-medium wp-image-1640" title="Finished tree model" src="http://www.thimic.net/wp-content/uploads/2010/05/AVE-020-test01-576x324.jpg" alt="" width="576" height="324" /></a></p>
<p>As soon as I was reasonably happy with the finished tree, rendering begun. The shots were quite heavy to render due to light spilling through a lot of leaves. With rendering settings dialled lower that what I wished for, only a few days left until the deadline on 7 April and still without finished renders, I had to ask for an extension in AVE as well. By the time the renders actually finished, the deadlines in Studio Practice &amp; Business were closing in fast and once again I had to take an unwanted break from AVE.</p>
<p>In the end, the last Studio Practice &amp; Business deadline was late on a Tuesday and the AVE deadline was set for the following Friday. This effectively meant that I had less than three days to key and composite five shots, solve any unforeseen problems, cut the project together, write a report  and hand in the assignment before 4pm on Friday. I delivered 3:50pm.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2010/05/Screen-shot-2010-05-14-at-22.03.50.png"><img class="alignnone size-medium wp-image-1644" title="Shot 4, final comp" src="http://www.thimic.net/wp-content/uploads/2010/05/Screen-shot-2010-05-14-at-22.03.50-576x242.png" alt="" width="576" height="242" /></a></p>
<p>Having finished I think the project turned out quite well. Sure, the pulled keys are imperfect in places, the leaves aren&#8217;t moving due to Mental Ray render proxy issues and the render and contact shadows/lighting could have been improved in places, but overall it could definitely have been worse. I also gained quite a few skills during the project, such as more advanced use of PFTrack, better understanding of roto and comp, and I used the 3D tools in Nuke for the first time.</p>
<p>Next and probably last post regarding the AVE ICA will contain the finished piece.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thimic.net/2010/05/14/its-been-a-while/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AVE previs ready</title>
		<link>http://www.thimic.net/2010/01/25/ave-previs-ready/</link>
		<comments>http://www.thimic.net/2010/01/25/ave-previs-ready/#comments</comments>
		<pubDate>Mon, 25 Jan 2010 08:55:23 +0000</pubDate>
		<dc:creator>thimic</dc:creator>
				<category><![CDATA[2d]]></category>
		<category><![CDATA[3 previs]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[advanced visual effects]]></category>
		<category><![CDATA[vfx]]></category>
		<category><![CDATA[works]]></category>
		<category><![CDATA[3ds max]]></category>
		<category><![CDATA[ave]]></category>
		<category><![CDATA[compositing]]></category>
		<category><![CDATA[digital visual effects]]></category>
		<category><![CDATA[environment]]></category>
		<category><![CDATA[forest]]></category>
		<category><![CDATA[keying]]></category>
		<category><![CDATA[matchmoving]]></category>
		<category><![CDATA[nuke]]></category>
		<category><![CDATA[previs]]></category>
		<category><![CDATA[slapcomp]]></category>
		<category><![CDATA[teesside]]></category>
		<category><![CDATA[wood]]></category>

		<guid isPermaLink="false">http://www.thimic.net/?p=1264</guid>
		<description><![CDATA[
Christmas is long gone and I&#8217;m back in Middlesbrough after a refreshing break. The first thing I had to focus on when I got back was to create a presentation for Advanced Visual Effects where we were to present a storyboard, previs, schedule and a couple of other things regarding the ICA. As I still [...]]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="576" height="324" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=8963749&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="576" height="324" src="http://vimeo.com/moogaloop.swf?clip_id=8963749&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Christmas is long gone and I&#8217;m back in Middlesbrough after a refreshing break. The first thing I had to focus on when I got back was to create a presentation for Advanced Visual Effects where we were to present a storyboard, previs, schedule and a couple of other things regarding the ICA. As I still didn&#8217;t have a previs because of work on my Practical Project, this became my main priority.<span id="more-1264"></span></p>
<p>This is the first project I&#8217;m doing which combines CG and live action, green screen removal and 3D tracking. Because of this, I decided to make life a little more difficult for myself than was strictly required by doing all aspects of the work I&#8217;m supposed to do in the final shots right in the previs. I did this in the hope that I would gain experience which might help me when doing the real effects shots later.</p>
<p>Basically, I tracked all five shots in PFTrack, modelled and rendered a fairly simple scene in 3D Studio Max, quickly keyed the footage and composited it together using Nuke. As this is just a previs there is still a ton of errors and problems with almost everything. I have continuity errors, issues of scale, existence of contact lighting and shadows in odd places, lack of contact lighting and shadows in others, horrible keying/roto, no colour and grain consistency between shots and so on and so forth. There are also two different actors as I was shooting on two separate days and didn&#8217;t have the same people available.</p>
<p>The process of creating the previs took about three days and in hindsight I&#8217;m very glad I did it. As a result I will at least do these things differently when creating the final piece:</p>
<ul>
<li>Shooting in 1080p instead of 720p to get a better resolution for keying</li>
<li>Make very sure all forms of sharpening in the camera are turned off</li>
<li>Shoot a lens distortion grid for every shot to make sure I can accurately get rid of lens distortion (I actually went back and shot grids for the previs, but as the distortion changed quite dramatically with focus and I only had notes for focal length it didn&#8217;t help much)</li>
<li>Be more relaxed about the subject being partly outside the green screen here and there or a cable/tripod being behind the subject as those things can be easily rotoscoped, but making all the more sure the green screen is evenly lit and that shadows are reduced to a minimum</li>
<li>Adding less contact lighting on set and more in post as the light I got on set was generally too harsh</li>
<li>Create and import a simple proxy scene of the CG environment to the matchmoving application to avoid scaling issues</li>
<li>Make sure of continuity between shots &#8211; both in the studio and in the CG environment</li>
<li> Read up on colour grading</li>
</ul>
<p>Finally, after the previs was finished and the presentation was done, I opened Photoshop and have played around with ways of making the finished shots more interesting. Underneath is one version where I&#8217;ve added more glowing things and a slight spotlight on the apple, but I might dial things back a bit if this turns out to be too much.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2010/01/concept02.jpg"><img class="alignnone size-medium wp-image-1269" title="concept02" src="http://www.thimic.net/wp-content/uploads/2010/01/concept02-500x281.jpg" alt="concept02" width="500" height="281" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thimic.net/2010/01/25/ave-previs-ready/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Let me stitch that for you&#8230;</title>
		<link>http://www.thimic.net/2009/07/24/let-me-stitch-that-for-you/</link>
		<comments>http://www.thimic.net/2009/07/24/let-me-stitch-that-for-you/#comments</comments>
		<pubDate>Fri, 24 Jul 2009 21:48:08 +0000</pubDate>
		<dc:creator>thimic</dc:creator>
				<category><![CDATA[2d]]></category>
		<category><![CDATA[vfx]]></category>
		<category><![CDATA[works]]></category>
		<category><![CDATA[d90]]></category>
		<category><![CDATA[hdri]]></category>
		<category><![CDATA[landscape]]></category>
		<category><![CDATA[nikon]]></category>
		<category><![CDATA[panorama]]></category>
		<category><![CDATA[stitch]]></category>
		<category><![CDATA[tone mapping]]></category>

		<guid isPermaLink="false">http://www.thimic.net/?p=1047</guid>
		<description><![CDATA[Having recently acquired a digital SLR, I&#8217;ve been trying to wrap my head around concepts such as hdri, tone mapping and photo stitching lately. So far, I&#8217;ve been climbing the local hill a couple of times to get some footage to play with. I&#8217;m still at the stage where I&#8217;m experimenting with applications and workflows, but I liked [...]]]></description>
			<content:encoded><![CDATA[<p>Having recently acquired a <a href="http://en.wikipedia.org/wiki/Digital_single-lens_reflex_camera" target="_blank">digital SLR</a>, I&#8217;ve been trying to wrap my head around concepts such as <a href="http://en.wikipedia.org/wiki/HDRI" target="_blank">hdri</a>, <a href="http://en.wikipedia.org/wiki/Tone_mapping" target="_blank">tone mapping</a> and <a href="http://en.wikipedia.org/wiki/Photo_stitching" target="_blank">photo stitching</a> lately. So far, I&#8217;ve been climbing the <a href="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=&amp;ie=UTF8&amp;ll=59.808901,10.414739&amp;spn=0.016531,0.040212&amp;t=h&amp;z=15" target="_blank">local hill</a> a couple of times to get some footage to play with. I&#8217;m still at the stage where I&#8217;m experimenting with applications and workflows, but I liked how these two turned out.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/07/hugin_fused_saturated.jpg"><img class="size-medium wp-image-1050 alignnone" title="Oslofjorden in the background. I live somewhere close to the pond in the middle." src="http://www.thimic.net/wp-content/uploads/2009/07/hugin_fused_saturated-500x261.jpg" alt="hugin_fused_saturated" width="500" height="261" /></a></p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/07/vardaasen_sunrise.jpg"><img class="size-medium wp-image-1051 alignnone" title="Sunrise over Oslofjorden." src="http://www.thimic.net/wp-content/uploads/2009/07/vardaasen_sunrise-500x64.jpg" alt="vardaasen_sunrise" width="500" height="64" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thimic.net/2009/07/24/let-me-stitch-that-for-you/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutorial: Postapocalyptic City Part 2</title>
		<link>http://www.thimic.net/2009/04/23/tutorial-postapocalyptic-city-part-2/</link>
		<comments>http://www.thimic.net/2009/04/23/tutorial-postapocalyptic-city-part-2/#comments</comments>
		<pubDate>Wed, 22 Apr 2009 23:37:09 +0000</pubDate>
		<dc:creator>thimic</dc:creator>
				<category><![CDATA[1 postapocalyptic city]]></category>
		<category><![CDATA[2d]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[tutorials]]></category>
		<category><![CDATA[vfx]]></category>
		<category><![CDATA[works]]></category>
		<category><![CDATA[after effects]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[compositing]]></category>
		<category><![CDATA[environment]]></category>
		<category><![CDATA[landscape]]></category>
		<category><![CDATA[lighting]]></category>
		<category><![CDATA[max]]></category>
		<category><![CDATA[noroff]]></category>
		<category><![CDATA[rendering]]></category>
		<category><![CDATA[studio]]></category>

		<guid isPermaLink="false">http://www.thimic.net/?p=798</guid>
		<description><![CDATA[
Compositing in After Effects is in many ways very similar to working in Photoshop. If you are familiar with layers, masks, blending modes and/or filters, compositing in After Effects should be a breeze.
Go to Part 1

5. Importing footage
Open After Effects. Press Ctrl+I for Windows or Cmd+I on the Mac to import the render passes. Navigate [...]]]></description>
			<content:encoded><![CDATA[<p><object width="576" height="324"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=9269709&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=9269709&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="576" height="324"></embed></object></p>
<p>Compositing in After Effects is in many ways very similar to working in Photoshop. If you are familiar with layers, masks, blending modes and/or filters, compositing in After Effects should be a breeze.</p>
<p><a href="http://www.thimic.net/2009/04/22/tutorial-postapocalyptic-city-part-1/" target="_self">Go to Part 1</a></p>
<p><a href="http://www.thimic.net/2009/04/22/tutorial-postapocalyptic-city-part-1/" target="_self"></a><span id="more-798"></span></p>
<h3>5. Importing footage</h3>
<p>Open After Effects. Press <em>Ctrl+I</em> for Windows or <em>Cmd+I</em> on the Mac to import the render passes. Navigate to correct folder and select all files by pressing <em>Ctrl+A</em>/<em>Cmd+A</em>. Make sure to check the box called <em>Multiple Sequences</em>. Then press <em>Open</em>.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-48.png"><img class="alignnone size-medium wp-image-803" title="picture-48" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-48-500x444.png" alt="picture-48" width="500" height="444" /></a></p>
<p>After Effects is now going to ask you whether the Targa files are premultiplied or not. As we checked the premultiplied box when outputting files from max, they are indeed. We didn&#8217;t set any background color in 3ds max and so it should be black which is the default. As a result, we&#8217;ll choose <em>Premultiplied &#8211; Matted With Color</em> and make sure that color is set to back which is the default in After Effects.</p>
<p><img class="alignnone size-full wp-image-804" title="picture-49" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-49.png" alt="picture-49" width="491" height="385" /></p>
<p>As you are importing four image sequences, you&#8217;ll be asked the same question four times. Answer <em>Premultiplied &#8211; Matted With Color</em> every time.</p>
<h3>6. Layers and blending modes</h3>
<p>Now that the footage has been added, you need to drag it down to the time line. Start with your main pass, in my case <em>city{0000-0100}</em> and scrub to a place in the time line where you are able to see both the city and the sky.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-51.png"><img class="alignnone size-medium wp-image-805" title="picture-51" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-51-500x303.png" alt="picture-51" width="500" height="303" /></a></p>
<p>To add a bit more light and a hint of global illumination, we&#8217;ll add the occlusion pass next. This pass goes above the main pass.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-52.png"><img class="alignnone size-medium wp-image-806" title="picture-52" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-52-500x303.png" alt="picture-52" width="500" height="303" /></a></p>
<p>To see the main pass through the occlusion pass, we need to change the blending mode for the occlusion pass from <em>Normal</em> to <em>Soft Light</em>.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-54.png"><img class="alignnone size-medium wp-image-807" title="picture-54" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-54-500x303.png" alt="picture-54" width="500" height="303" /></a></p>
<p>You might need to press the middle button in the lower left corner to get to the blending mode options.</p>
<p><img class="alignnone size-full wp-image-809" title="picture-551" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-551.png" alt="picture-551" width="62" height="20" /></p>
<p>To make the scene less gray and boring-looking, we&#8217;ll give the scene a yellow tint as if sunlight was illuminating the city. Right-click below the two render passes you added, choose <em>New</em> and then <em>Solid</em>.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-56.png"><img class="alignnone size-medium wp-image-810" title="picture-56" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-56-500x391.png" alt="picture-56" width="500" height="391" /></a></p>
<p>Then, under <em>Solid Settings</em>, give the solid a light, yellow color.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-57.png"><img class="alignnone size-medium wp-image-811" title="picture-57" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-57-500x463.png" alt="picture-57" width="500" height="463" /></a></p>
<p>Change the blending mode for the solid to <em>Multiply</em>.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-58.png"><img class="alignnone size-medium wp-image-812" title="picture-58" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-58-500x303.png" alt="picture-58" width="500" height="303" /></a></p>
<p>As you can see, this gives us a slight problem as the sky just turned yellow too. This is because unlike the rendered passes, the solid does not come with a built-in alpha. To add one and get rid of the yellowness, first drag the matte render pass into the time line. Drag it to the bottom of the stack.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-59.png"><img class="alignnone size-medium wp-image-813" title="picture-59" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-59-500x303.png" alt="picture-59" width="500" height="303" /></a></p>
<p>This seemingly cleared up the matter at once as the sky instantly went back to black. However, this only happened because the underlying matte is black in the area representing the sky and that anything (including light yellow) multiplied by black becomes black. To make the sky area of the solid truly transparent, you need to right-click the solid, choose <em>Effect</em>, <em>Channel</em> and then <em>Set Matte</em>.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-60.png"><img class="alignnone size-medium wp-image-814" title="picture-60" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-60-500x380.png" alt="picture-60" width="500" height="380" /></a></p>
<p>In the <em>Take Matte From Layer</em> drop down, select the matte which will be the fourth option. As the matte doesn&#8217;t come with an alpha channel, you have to change the <em>Use For Matte</em> option from <em>Alpha Channel</em> to either <em>Red Channel</em>, <em>Green Channel</em> or <em>Blue Channel</em>. As the matte is grayscale, the red, green and blue channel contains the exact same data and it doesn&#8217;t matter which one you choose.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-61.png"><img class="alignnone size-medium wp-image-815" title="picture-61" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-61-500x303.png" alt="picture-61" width="500" height="303" /></a></p>
<p>The solid is now transparent. As we&#8217;ll be needing to apply the matte to other layers later, select the matte in the <em>Effect Controls</em> window and press <em>Ctrl+C</em>/<em>Cmd+C</em> to copy it. Next up is the z depth pass. This can be used for two purposes, but here we&#8217;ll use it to decrease contrast further back to put some &#8220;air&#8221; between the foreground and the background. Drag the z depth pass to the top of the time line.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-62.png"><img class="alignnone size-medium wp-image-816" title="picture-62" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-62-500x303.png" alt="picture-62" width="500" height="303" /></a></p>
<p>As we wish to decrease the contrast more the further away you get, we want the lightest areas in the background. To achieve this, we&#8217;ll invert the layer by right-clicking it, choosing <em>Effect</em>, <em>Channel</em> and <em>Invert</em>.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-63.png"><img class="alignnone size-medium wp-image-817" title="picture-63" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-63-500x303.png" alt="picture-63" width="500" height="303" /></a></p>
<p>Then set the blending mode to <em>Add</em>.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-64.png"><img class="alignnone size-medium wp-image-818" title="picture-64" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-64-500x297.png" alt="picture-64" width="500" height="297" /></a></p>
<p>We have now successfully put some &#8220;air&#8221; between the foreground and the background, but in reality, this &#8220;air&#8221; isn&#8217;t white on a sunny day, but the color of the sky. We&#8217;ll apply a color correction to the z depth pass by right-clicking it again and choosing <em>Effect</em>, <em>Color Correction</em> and <em>Hue/Saturation</em>.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-65.png"><img class="alignnone size-medium wp-image-819" title="picture-65" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-65-500x443.png" alt="picture-65" width="500" height="443" /></a></p>
<p>Check the box called <em>Colorize</em> and then turn the <em>Colorize Hue</em> knob to somewhere round -160.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-66.png"><img class="alignnone size-medium wp-image-820" title="picture-66" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-66-500x303.png" alt="picture-66" width="500" height="303" /></a></p>
<p>Also, the sky has turned white, due to the fact that the z depth pass does not contain an alpha channel. With the z depth pass selected in the time line, highlight the <em>Effect Controls</em> panel above and press <em>Ctrl+V</em>/<em>Cmd+V</em> to paste in the matte from earlier. The <em>Take Matte From Layer</em> drop down resets for some reason, so we have to select our matte layer again.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-110.png"><img class="alignnone size-medium wp-image-822" title="picture-110" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-110-500x303.png" alt="picture-110" width="500" height="303" /></a></p>
<h3>7. Sky replacement</h3>
<p>Now that we have a basic composite for the buildings, we&#8217;ll proceed with replacing the sky. First step is to find a suitable image. Personally, I went over to <a href="http://cgtextures.com" target="_blank">CG Textures</a> and downloaded one of their <em>Skies 360</em> images. Import the image by pressing <em>Ctrl+I</em>/<em>Cmd+I</em> and pointing to it on your hard drive.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-27.png"><img class="alignnone size-medium wp-image-823" title="picture-27" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-27-500x444.png" alt="picture-27" width="500" height="444" /></a></p>
<p>Next, drag the new sky layer into the composite, directly underneath your main layer.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-35.png"><img class="alignnone size-medium wp-image-824" title="picture-35" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-35-500x303.png" alt="picture-35" width="500" height="303" /></a></p>
<p>Right away, the sky looks too large and rather boring so we&#8217;ll try making it a bit more interesting. First, reduce its size by expanding the layer (press the little triangle) and scale it down to around 40% under <em>Transform</em>.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-410.png"><img class="alignnone size-medium wp-image-825" title="picture-410" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-410-500x303.png" alt="picture-410" width="500" height="303" /></a></p>
<p>In the viewer, drag the sky layer upwards to match the horizon in the cityscape.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-53.png"><img class="alignnone size-medium wp-image-826" title="picture-53" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-53-500x303.png" alt="picture-53" width="500" height="303" /></a></p>
<p>Select the sky layer and press <em>Ctrl+D</em>/<em>Cmd+D</em> to duplicate it. Rename the layer to something like <em>Sky Flipped</em>. To do this you select the layer on the time line and hit <em>Return</em> on the keyboard to rename it. As you might have figured out by now, we&#8217;ll be flipping this layer. We&#8217;re doing this to conceal the fact that we&#8217;re using the same sky map twice. Expand the layer again, uncheck the little link symbol next to <em>Scale</em> and set the first value to -40% instead of 40%. Then check the link symbol again and in the viewer move the sky so the cloud formations doesn&#8217;t overlap with the same ones in the layer underneath.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-71.png"><img class="alignnone size-medium wp-image-827" title="picture-71" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-71-500x303.png" alt="picture-71" width="500" height="303" /></a></p>
<p>Now for the fun part: Still using the <em>Sky Flipped</em> layer, play around with different blending modes until you get a dramatic effect. I ended up with <em>Linear Light</em>. Don&#8217;t think about matching the color to the rest of the image yet, we&#8217;ll look at that next. You now have two sky layers you can animate at different speeds, making it look like some clouds are moving faster than others across the screen. Don&#8217;t animate anything just yet though.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-81.png"><img class="alignnone size-medium wp-image-828" title="picture-81" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-81-500x303.png" alt="picture-81" width="500" height="303" /></a></p>
<p>To make the sky and the 3d clash less, we&#8217;ll create what&#8217;s called an <em>Adjustment Layer</em>. An <em>Adjustment Layer</em> doesn&#8217;t contain graphics, but will let you apply effects to it that also applies to all layers below it. To create one, right-click any empty space in the time line and choose <em>New</em> and <em>Adjustment Layer</em>.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-91.png"><img class="alignnone size-medium wp-image-829" title="picture-91" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-91-500x289.png" alt="picture-91" width="500" height="289" /></a></p>
<p>In this case, we only want the <em>Adjustment Layer </em>to affect the sky, so we will drag it to right above our two sky layers. If you like, you can rename the layer to something like <em>Sky Adjustments</em>. Now that we have the <em>Sky Adjustments</em> layer in place, right-click it, choose <em>Effect</em>, <em>Color Correction</em> and <em>Hue/Saturation</em>.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-101.png"><img class="alignnone size-medium wp-image-830" title="picture-101" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-101-500x418.png" alt="picture-101" width="500" height="418" /></a></p>
<p>Now, dial <em>Master Hue</em> back to round -10 and <em>Master Saturation</em> to about -50 and the sky and city should begin to match each other.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-111.png"><img class="alignnone size-medium wp-image-831" title="picture-111" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-111-500x303.png" alt="picture-111" width="500" height="303" /></a></p>
<h3>8. Tracking</h3>
<p>The sky replacement is now almost finished, but one major thing is missing. While the rendered footage is constantly moving, the sky maps are stationary, making the composite painfully obvious as soon as you hit the play button. In other words, we&#8217;ll have to animate the sky, making it look like it follows the city horizon. Doing this by hand can be very time consuming and painful, though luckily there is a better way called tracking. When tracking a shot, you&#8217;re basically making After Effects watch a few selected areas of the image, frame by frame, and recording their movements. You can then apply the same movement to other objects in the scene. Areas used for tracking are preferably points of high contrast that don&#8217;t deform too much during the clip, making it easy for After Effects to recognize through a long sequence of frames. In this respect, the shot we&#8217;ve just created is rather difficult to track. Nearly every part of the rendered sequence deforms over time. In addition the sky needs to move with the horizon, confining the area of tracking to that fine line which is almost constantly deforming. In other words, tracking this shot, although possible, will probably be difficult and time consuming.</p>
<p>Luckily, we&#8217;re talking about a 3D render here, and so we have the means to fix this pretty easily. Go back to 3ds max, create two pyramid shapes and place them close to the horizon, looking through the camera. Make sure to space them a little apart. Now, hide all other geometry in your scene, give the pyramids a white, self-illuminated texture and render the sequence against a black background. Instant tracking markers!</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-122.png"><img class="alignnone size-medium wp-image-833" title="picture-122" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-122-500x281.png" alt="picture-122" width="500" height="281" /></a></p>
<p>This makes tracking a breeze. Import the pyramid pass and drag it to the bottom of the time line.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-131.png"><img class="alignnone size-medium wp-image-834" title="picture-131" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-131-500x303.png" alt="picture-131" width="500" height="303" /></a></p>
<p>We also need something to apply the motion to. For this we&#8217;ll be using what&#8217;s called a <em>Null Object</em>. Basically an invisible object that can store information about position, rotation and scale. Rather like a <em>Dummy</em> in 3ds max. To add one, right click an empty spot on the time line, choose <em>New</em> and <em>Null Object</em>.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-141.png"><img class="alignnone size-medium wp-image-835" title="picture-141" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-141-500x407.png" alt="picture-141" width="500" height="407" /></a></p>
<p>With the <em>Null</em> in place, right-click the pyramid layer and choose <em>Track Motion</em>. A panel named <em>Tracker Controls</em> will appear on the lower right of your screen.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-161.png"><img class="alignnone size-medium wp-image-836" title="picture-161" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-161-500x303.png" alt="picture-161" width="500" height="303" /></a></p>
<p>For this scene we need to track both <em>Position</em>, <em>Rotation</em> and <em>Scale</em> so make sure all three boxes are checked. As it&#8217;s hard tracking rotation and scale with only one <em>Track Point</em>, an additional point will appear once you check them.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-171.png"><img class="alignnone size-medium wp-image-837" title="picture-171" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-171-500x303.png" alt="picture-171" width="500" height="303" /></a></p>
<p>Click the button called <em>Edit Target</em> and make sure it is set to our <em>Null Object</em>. This will make sure the motion data will be transferred to the <em>Null Object</em> when racking is finished.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-181.png"><img class="alignnone size-medium wp-image-838" title="picture-181" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-181-500x220.png" alt="picture-181" width="500" height="220" /></a></p>
<p>Now we need to decide whether we are going to track forwards or backwards. In our case, the tracking points (pyramids) are actually out of frame at the beginning of the clip, so we&#8217;ll track backwards. That means scrubbing the time slider to the last frame.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-191.png"><img class="alignnone size-medium wp-image-839" title="picture-191" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-191-500x303.png" alt="picture-191" width="500" height="303" /></a></p>
<p>Having chosen a frame, we need to align the <em>Track Points</em> with the pyramids. Click and drag one to the lowest corner of each pyramid. We&#8217;re choosing the lowest points as they are the last parts of the pyramids to exit the frame before they disappear completely, which gives us another couple of frames of tracking.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-201.png"><img class="alignnone size-medium wp-image-840" title="picture-201" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-201-500x303.png" alt="picture-201" width="500" height="303" /></a></p>
<p>Now press the <em>Analyze Backwards</em> button and watch After Effects tracking the scene. As you can see, the pyramids disappear after a while, making the<em> Track Points</em> stop, but after that point we don&#8217;t see the horizon anymore and as the point here is to track the sky, that&#8217;s perfectly acceptable.</p>
<p><img class="alignnone size-full wp-image-841" title="picture-211" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-211.png" alt="picture-211" width="273" height="311" /></p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-221.png"><img class="alignnone size-medium wp-image-842" title="picture-221" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-221-500x303.png" alt="picture-221" width="500" height="303" /></a></p>
<p>Having finished the tracking, press the <em>Apply</em> button to transfer the position, rotation and scale information to our <em>Null Object</em>. <em>Dimensions</em> should be both <em>X</em> and <em>Y</em>.</p>
<p><img class="alignnone size-full wp-image-843" title="picture-231" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-231.png" alt="picture-231" width="203" height="254" /></p>
<p><img class="alignnone size-full wp-image-844" title="picture-241" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-241.png" alt="picture-241" width="363" height="197" /></p>
<p>Try playing the animation to check whether the <em>Null</em> is now fixed to the horizon.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-251.png"><img class="alignnone size-medium wp-image-845" title="picture-251" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-251-500x303.png" alt="picture-251" width="500" height="303" /></a></p>
<p>The final piece of the tracking puzzle is to scrub to the frame where you aligned the sky horizon with the city horizon and parent the the sky layers to the <em>Null</em> once there. Parenting in After Effects is similar to linking in 3ds max, meaning the parented layers will follow their parent. To parent both sky layers to the <em>Null</em>, select them and drag the little spiral icon on one of the layers to the <em>Null Object</em>.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-261.png"><img class="alignnone size-medium wp-image-846" title="picture-261" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-261-500x158.png" alt="picture-261" width="500" height="158" /></a></p>
<p>Play the animation again and make sure the sky stays within the frame at all times. If it doesn&#8217;t &#8211; move the sky layers around in the viewer until they do. Congratulations! You have successfully tracked a shot in After Effects! You can now go ahead and animate the sky layers if you want.</p>
<h3>9. Blur, grain and pre-comps</h3>
<p>We&#8217;re definitely getting somewhere now and to round off the shot we&#8217;ll add some depth of field, blur and a bit of grain. All three effects helps us hide the fact that the buildings are a bit low-poly to be in the foreground and that the sky and city doesn&#8217;t blend perfectly yet.</p>
<h4>9.1 Depth of field</h4>
<p>As depth of field is an effect we want applied to the whole image, we&#8217;ll first create a new <em>Adjustment Layer</em> and make it the top layer. I&#8217;ll name it <em>Depth of field</em>. We&#8217;ll also drag in a new z depth layer and make it the bottom layer. Having done that, right-click the newly created <em>Adjustment Layer</em>, choose <em>Effect</em>, <em>Blur &amp; Sharpen</em> and <em>Lens Blur</em>.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-271.png"><img class="alignnone size-medium wp-image-848" title="picture-271" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-271-500x377.png" alt="picture-271" width="500" height="377" /></a></p>
<p>The image instantly blurs all over. In the <em>Depth Map Layer</em> select the bottom z depth layer. Also check <em>Repeat Edge Pixels</em> to get rid of the dark border surrounding the frame.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-281.png"><img class="alignnone size-medium wp-image-849" title="picture-281" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-281-500x303.png" alt="picture-281" width="500" height="303" /></a></p>
<p>Use <em>Blur Focal Distance</em> to focus and <em>Iris Radius </em>to control how much blur you apply. In this example I set <em>Blur Focal Distance</em> to 215 and <em>Iris Radius </em>to 25.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-29.png"><img class="alignnone size-medium wp-image-850" title="picture-29" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-29-500x303.png" alt="picture-29" width="500" height="303" /></a></p>
<p>This leaves us with one problem though, as the sky gets blurred way too much. To fix this, we have to tweak the z depth layer we just added a little bit. Select the bottom z depth layer and in the menu bar go to <em>Layer</em> and <em>Pre-Compose</em>.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-301.png"><img class="alignnone size-full wp-image-851" title="picture-301" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-301.png" alt="picture-301" width="273" height="715" /></a></p>
<p>This creates a new composition within our main one, meaning we will be able to output the new composition as a new, modified z depth layer. Name the new composition <em>Z</em>, move all attributes to the new composition and open it.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-311.png"><img class="alignnone size-medium wp-image-852" title="picture-311" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-311-500x330.png" alt="picture-311" width="500" height="330" /></a></p>
<p>As you can see in the new composition, the sky area of the z depth is represented as pitch black, making the <em>Lens Blur</em> effect read the sky as really, really far away and that it therefore should be really, really blurred. We&#8217;ll change the color to something brighter, making <em>Lens Blur</em> go more easy on the sky.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-321.png"><img class="alignnone size-medium wp-image-853" title="picture-321" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-321-500x303.png" alt="picture-321" width="500" height="303" /></a></p>
<p>Create a solid by right-clicking in the timeline and choosing <em>New</em> and <em>Solid</em>. Make the color light gray this time. in this tutorial, I&#8217;m going for #8A8A8A. The solid goes below the z depth layer.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-331.png"><img class="alignnone size-medium wp-image-854" title="picture-331" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-331-500x303.png" alt="picture-331" width="500" height="303" /></a></p>
<p>Drag in a new matte from the <em>Project</em> tab and make it the bottom layer.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-341.png"><img class="alignnone size-medium wp-image-855" title="picture-341" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-341-500x303.png" alt="picture-341" width="500" height="303" /></a></p>
<p>Right-click on the z depth layer, choose <em>Effect</em>, <em>Channel</em> and <em>Set Matte</em>. Set <em>Take Matte From Layer</em> to the matte and set <em>User For Matte </em>to <em>Red Channel,</em> <em>Green Channel</em> or <em>Blue Channel</em>. Now we have a z depth map with a lighter background.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-361.png"><img class="alignnone size-medium wp-image-856" title="picture-361" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-361-500x303.png" alt="picture-361" width="500" height="303" /></a></p>
<p>Back in the main composition, you&#8217;ll notice the sky is significantly less blurred.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-112.png"><img class="alignnone size-medium wp-image-857" title="picture-112" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-112-500x303.png" alt="picture-112" width="500" height="303" /></a></p>
<h4>9.2 Blur</h4>
<p>I would recommend adding a small amount of blur to the composition as 3d renders often gets too crisp. To do this, simply add another <em>Adjustment Layer</em>, call it <em>Blur</em> and add the effect called <em>Fast Blur</em>. Set the <em>Blurriness</em> to somewhere between 0,5 and 2 and make sure to <em>Repeat Edge Pixels</em>.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-113.png"><img class="alignnone size-medium wp-image-858" title="picture-113" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-113-500x303.png" alt="picture-113" width="500" height="303" /></a></p>
<h4>9.3 Grain</h4>
<p>Finally, if you wish to give the shot a more filmic look, you might consider adding some grain as well. Create yet another <em>Adjustment Layer</em>, call it <em>Grain</em> and add the effect called <em>Add Grain</em>. There are a lot of settings to play with here, but I ended up with the <em>Preset</em> called <em>Eastman EXR 50D (5245)</em> and decreasing the <em>Intensity</em> to 0.9. I also set the <em>Viewing Mode</em> to <em>Final  Output</em>.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-210.png"><img class="alignnone size-medium wp-image-859" title="picture-210" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-210-500x303.png" alt="picture-210" width="500" height="303" /></a></p>
<p>I guess this is all for now. I know there are still a ton of things I could have gone in more detail about or explained better, but I had to stop somewhere <img src='http://www.thimic.net/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  If you&#8217;re stuck, want something explained better or just want to tell me how plain wrong I am, feel free to leave a comment and I&#8217;ll answer you as soon as I can.</p>
<p><a href="http://www.thimic.net/2009/04/22/tutorial-postapocalyptic-city-part-1/" target="_self">Go to Part 1</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thimic.net/2009/04/23/tutorial-postapocalyptic-city-part-2/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Tutorial: Postapocalyptic City Part 1</title>
		<link>http://www.thimic.net/2009/04/22/tutorial-postapocalyptic-city-part-1/</link>
		<comments>http://www.thimic.net/2009/04/22/tutorial-postapocalyptic-city-part-1/#comments</comments>
		<pubDate>Wed, 22 Apr 2009 00:34:22 +0000</pubDate>
		<dc:creator>thimic</dc:creator>
				<category><![CDATA[1 postapocalyptic city]]></category>
		<category><![CDATA[2d]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[tutorials]]></category>
		<category><![CDATA[vfx]]></category>
		<category><![CDATA[works]]></category>
		<category><![CDATA[after effects]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[compositing]]></category>
		<category><![CDATA[environment]]></category>
		<category><![CDATA[landscape]]></category>
		<category><![CDATA[lighting]]></category>
		<category><![CDATA[max]]></category>
		<category><![CDATA[noroff]]></category>
		<category><![CDATA[rendering]]></category>
		<category><![CDATA[studio]]></category>

		<guid isPermaLink="false">http://www.thimic.net/?p=729</guid>
		<description><![CDATA[
In this tutorial I&#8217;ll take you through the process of quickly creating a textured city in 3d studio max 2009 and how you, through a few extra render passes, can go from a quite crappy render to something half-way decent using After Effects CS3. If all goes well, we&#8217;ll end up with a finished shot [...]]]></description>
			<content:encoded><![CDATA[<p><object width="576" height="324"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=9269709&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=9269709&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="576" height="324"></embed></object></p>
<p>In this tutorial I&#8217;ll take you through the process of quickly creating a textured city in <a href="http://en.wikipedia.org/wiki/3ds_max" target="_blank">3d studio max</a> 2009 and how you, through a few extra render passes, can go from a quite crappy render to something half-way decent using <a href="http://en.wikipedia.org/wiki/After_Effects" target="_blank">After Effects</a> CS3. If all goes well, we&#8217;ll end up with a finished shot not too far from the left side of clip above. In part 1 I&#8217;ll cover the creation of the city in max and in part 2 we&#8217;ll jump over to After Effects for the compositing.</p>
<p><a href="http://www.thimic.net/2009/04/23/tutorial-postapocalyptic-city-part-2/" target="_self">Go to Part 2<br />
</a></p>
<p><span id="more-729"></span></p>
<h3>1. Creating buildings</h3>
<p>Create a few buildings in 3ds max or use the max file provided in this tutorial.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-1.png"><img class="alignnone size-medium wp-image-742" title="picture-1" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-1-500x310.png" alt="picture-1" width="500" height="310" /></a></p>
<p class="alert"><strong><a title="Postapocalyptic City Part 1 Starting Point" href="http://thimic.net/web/tutorials/postapocalyptic_city_starting_point.zip">Download tutorial max file</a></strong> (42 KB)</p>
<p>The more buildings you create, the more diversity you&#8217;ll get in your cityscape. (Shocking, isn&#8217;t it?) Make sure the pivot points of all buildings are placed at ground level.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-12.png"><img class="alignnone size-medium wp-image-741" title="picture-12" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-12-500x310.png" alt="picture-12" width="500" height="310" /></a></p>
<p>Lastly, you&#8217;ll end up with a total building count round 3000 so low poly is probably a good idea if you don&#8217;t have a very fast system.</p>
<h3>2. Particle Flow</h3>
<p>Create a plane and name it <em>CityEmitter</em>. The buildings you created in the previous step will be distributed across this plane.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-2.png"><img class="alignnone size-medium wp-image-743" title="picture-2" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-2-500x310.png" alt="picture-2" width="500" height="310" /></a></p>
<p>Next, go to the <em>Create</em> tab, choose <em>Particle Systems</em> from the drop-down menu and choose <em>PF Source</em>.</p>
<p><img class="alignnone size-full wp-image-744" title="picture-3" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-3.png" alt="picture-3" width="206" height="304" /></p>
<p>Place the <em>PF Source</em> anywhere in your scene. The position is not important.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-4.png"><img class="alignnone size-medium wp-image-745" title="picture-4" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-4-500x310.png" alt="picture-4" width="500" height="310" /></a></p>
<p>Under <em>Emission</em>, set <em>Viewport Quantity Multiplier</em> to 100% so you&#8217;ll be able to see all buildings in the viewport.</p>
<p><img class="alignnone size-full wp-image-746" title="picture-5" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-5.png" alt="picture-5" width="170" height="251" /></p>
<p>Then, under <em>Setup</em>, press the <em>Particle View</em> button. When you open <em>Particle View</em> you&#8217;ll get what&#8217;s called a <em>Standard Flow</em> which is basically a list of controllers that control birth, position, speed, rotation and shape of the particles. You also have control over how the particles will be displayed in the viewport and during render. Near the bottom is a list over all available controllers.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-6.png"><img class="alignnone size-medium wp-image-747" title="picture-6" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-6-500x521.png" alt="picture-6" width="500" height="521" /></a></p>
<p>We&#8217;ll now start by adding one of our buildings to the scene:</p>
<h4>2.1 Birth</h4>
<p>As we don&#8217;t want buildings to pop out of the ground during animation, all particles should appear simultaneously. We&#8217;ll therefore set <em>Emit Start</em> and <em>Emit Stop</em> to the same frame. I&#8217;ll set both to -1 to make sure the buildings are in place before animation starts at frame 0. In my case I want 250 buildings and consequently set the <em>Amount</em> to 250.</p>
<p><img class="alignnone size-full wp-image-748" title="picture-7" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-7.png" alt="picture-7" width="168" height="159" /></p>
<h4>2.2 Position</h4>
<p>As you can see, this gave us 250 particles emitting from the <em>PF Source</em> icon.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-8.png"><img class="alignnone size-medium wp-image-749" title="picture-8" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-8-500x310.png" alt="picture-8" width="500" height="310" /></a></p>
<p>To attach the particles to the plane instead, we&#8217;ll need to replace <em>Position Icon</em> in the controllers list with something else called <em>Position Object</em>. To do this, find the <em>Position Object</em> controller in the list of available controllers and drag it on top of the <em>Position Icon</em> controller in the view above. Let go when a red line appears over the <em>Position Icon</em>, meaning it&#8217;ll be replaced by what you&#8217;re dragging in.</p>
<p><img class="alignnone size-full wp-image-750" title="picture-9" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-9.png" alt="picture-9" width="340" height="724" /></p>
<p>Having selected the newly created <em>Position Object</em>, you can now press the button called <em>By List</em> under <em>Emitter Objects</em> which brings up a window where yo can select an <em>Emitter Object</em>. Choose the plane you created earlier called <em>CityEmitter</em>.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-10.png"><img class="alignnone size-medium wp-image-756" title="picture-10" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-10-499x619.png" alt="picture-10" width="499" height="619" /></a></p>
<p>This randomly distributes the particles across the plane.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-11.png"><img class="alignnone size-medium wp-image-757" title="picture-11" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-11-500x310.png" alt="picture-11" width="500" height="310" /></a></p>
<p>However, if you scrub through the time line, you&#8217;ll notice that the particles falls away from the plane which to state it mildly is less than ideal. To fix this, simply check the box called <em>Lock On Emitter</em> and the particles will stay in position.</p>
<p><img class="alignnone size-full wp-image-758" title="picture-121" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-121.png" alt="picture-121" width="168" height="107" /></p>
<p>This is all good of course, but at this point the particles are placed completely random and in a city with streets, this isn&#8217;t very realistic. To fix this, you first need to create a black &amp; white material for the <em>CityEmitter</em>. Light areas will receive the highest density of particles while completely dark areas will receive none.  In the example, I&#8217;ve combined the procedural textures <em>Tiles</em> and <em>Gradient Ramp</em> to create a texture, but you could also paint one in Photoshop or similar to get a more organic distribution map.</p>
<p><img class="alignnone size-full wp-image-759" title="picture-14" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-14.png" alt="picture-14" width="443" height="481" /></p>
<p>Back in <em>Particle View</em> and still under <em>Position Object</em>, scroll down to<em> Location</em> and check the box called <em>Density By Material</em>. The particles are now concentrated in the lighter areas.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-15.png"><img class="alignnone size-medium wp-image-760" title="picture-15" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-15-500x310.png" alt="picture-15" width="500" height="310" /></a></p>
<p>To make sure the buildings don&#8217;t stand on top of each other also check <em>Separation</em> and play with the <em>Distance</em> until the particles have some space between them.</p>
<p><img class="alignnone size-full wp-image-761" title="picture-13" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-13.png" alt="picture-13" width="161" height="285" /></p>
<h4>2.3 Speed</h4>
<p>Buildings really shouldn&#8217;t move around that much, so the speed controller is useless here. Right click it and choose Delete.</p>
<p><img class="alignnone size-full wp-image-762" title="picture-16" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-16.png" alt="picture-16" width="162" height="286" /></p>
<h4>2.4 Shape</h4>
<p>Now we&#8217;re going to replace the rather boring-looking ticks with the actual building. Clicking on the <em>Shape</em> controller doesn&#8217;t give us a whole lot of options so we clearly need another one: <em>Shape Instance</em>. Replace <em>Shape</em> with <em>Shape Instance</em> the same way you replaced <em>Position Icon</em> above.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-17.png"><img class="alignnone size-medium wp-image-763" title="picture-17" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-17-500x518.png" alt="picture-17" width="500" height="518" /></a></p>
<p>Then, with <em>Shape Instance</em> selected, press the button called <em>None</em> under <em>Particle Geometry Object</em> and choose a building by pressing <em>H</em> on the keyboard. I&#8217;ll pick my <em>SkyScraper</em> object.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-18.png"><img class="alignnone size-medium wp-image-764" title="picture-18" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-18-499x619.png" alt="picture-18" width="499" height="619" /></a></p>
<p>Aaaand, voila! Nothing happened! This is because the <em>Display</em> settings below are still set to <em>Ticks</em>. Quickly select <em>Display</em> in the list and choose <em>Geometry</em> from the <em>Type</em> drop down menu. We now have buildings, though their rotation might be a tiny bit off. We&#8217;ll look into that soon.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-19.png"><img class="alignnone size-medium wp-image-765" title="picture-19" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-19-500x310.png" alt="picture-19" width="500" height="310" /></a></p>
<p>Go back to <em>Shape Instance</em> and adjust <em>Scale</em> and <em>Variation</em> according to your preferences. I&#8217;ll keep <em>Scale</em> at 100% and set <em>Variation</em> to 25% to vary the landscape a little bit.</p>
<h4>2.5 Rotation</h4>
<p>Select the <em>Rotation</em> option from the list. As you can see, it&#8217;s set to <em>Random 3D</em> which explains why practically no building is standing upright. From the drop down menu, choose <em>Random Horizontal</em> to only make the buildings rotate around their Z axis.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-20.png"><img class="alignnone size-medium wp-image-767" title="picture-20" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-20-500x518.png" alt="picture-20" width="500" height="518" /></a></p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-21.png"><img class="alignnone size-medium wp-image-766" title="picture-21" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-21-500x310.png" alt="picture-21" width="500" height="310" /></a></p>
<p>If you don&#8217;t wish the buildings to be rotated at all, right-click the <em>Rotation</em> controller in the list and choose <em>Delete</em>.</p>
<h4>2.6 Adding more buildings</h4>
<p>All that remains now is to add the rest of the buildings. Fortunately, this is a very simple process. In <em>Particle View</em>, select the box called <em>Event01</em>, right-click it and choose <em>Copy</em>. Then right-click somewhere else in the same window and choose <em>Paste</em>.</p>
<p><img class="alignnone size-full wp-image-768" title="picture-22" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-22.png" alt="picture-22" width="488" height="310" /></p>
<p>Then hook the new <em>Event</em> to the <em>PF Source</em>.</p>
<p><img class="alignnone size-full wp-image-769" title="picture-23" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-23.png" alt="picture-23" width="496" height="278" /></p>
<p><img class="alignnone size-full wp-image-770" title="picture-24" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-24.png" alt="picture-24" width="502" height="278" /></p>
<p>Now, you only need to change a few parameters to have your new building in place. First go to <em>Birth</em> and set the number of buildings you want. This time I want 750.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-25.png"><img class="alignnone size-medium wp-image-771" title="picture-25" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-25-500x518.png" alt="picture-25" width="500" height="518" /></a></p>
<p>Then go to <em>Position Object</em> to change the position of the new building so they won&#8217;t be positioned in the same spots as the previous ones. Scroll down to the bottom of the list and under <em>Uniqueness</em> press the <em>New</em> button to generate a random <em>Seed</em> number.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-26.png"><img class="alignnone size-medium wp-image-772" title="picture-26" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-26-500x518.png" alt="picture-26" width="500" height="518" /></a></p>
<p>Finally, under <em>Shape Instance</em>, choose a new building by pressing the button under <em>Particle Geometry Object</em>, pressing <em>H</em> on the keyboard and selecting a new object from the list. I&#8217;ll choose <em>Rubble</em>. Then play around with <em>Scale</em> and <em>Variation</em> once more until you&#8217;re satisfied.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-28.png"><img class="alignnone size-medium wp-image-773" title="picture-28" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-28-500x518.png" alt="picture-28" width="500" height="518" /></a></p>
<p>Repeat paragraph 2.6 until all buildings are scattered on the emitter. I chose 500 <em>OfficeBuildings</em> and 50 <em>IntactSkyScrapers</em>.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-30.png"><img class="alignnone size-medium wp-image-774" title="picture-30" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-30-500x518.png" alt="picture-30" width="500" height="518" /></a></p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-31.png"><img class="alignnone size-medium wp-image-775" title="picture-31" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-31-500x310.png" alt="picture-31" width="500" height="310" /></a></p>
<h3>3. Finishing the scene</h3>
<p>As you probably don&#8217;t want your ground texture to look like the distribution map, you need to hide the <em>CityEmitter</em> and use a plane with another texture instead. The easiest way is to select the <em>CityEmitter</em>, press <em>Ctrl+V</em> to duplicate it and choose <em>Instance</em>. Name the new plane <em>Ground</em>.</p>
<p><img class="alignnone size-full wp-image-778" title="picture-32" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-32.png" alt="picture-32" width="261" height="250" /></p>
<p>Then press <em>H</em> on the keyboard, choose <em>CityEmitter</em> and press <em>OK</em>. Right-click the plane and choose <em>Hide Selection</em>. You are now free to apply which ever texture you like to the <em>Ground</em> plane. I chose my very simple <em>Rubble</em> texture.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-33.png"><img class="alignnone size-medium wp-image-779" title="picture-33" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-33-500x310.png" alt="picture-33" width="500" height="310" /></a></p>
<p>Now you just need to add some basic lighting and a moving camera and you&#8217;re ready to proceed to rendering. For lighting I suggest a single direct light with a mental ray Shadow Map for shadows.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-34.png"><img class="alignnone size-full wp-image-780" title="picture-34" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-34.png" alt="picture-34" width="361" height="687" /></a></p>
<h3>4. Rendering</h3>
<p>As mentioned above, we&#8217;ll use mental ray for this tutorial, so the first thing to do is to enable the <em>mental ray Renderer</em>. Press <em>F10</em> on the keyboard to open the <em>Render Setup</em> window and under the <em>Common</em> tab, scroll down to the bottom to the <em>Assign Renderer</em> section and press the button next to <em>Production</em>. Choose <em>mental ray Renderer</em> from the list. Next, scroll up again to set your resolution. In this example I&#8217;m using 640*360, but you are of course free to choose whatever resolution fits your needs. Next, set your frame range, 0-100 in my example, and choose a place for saving your rendered files. I suggest creating a render folder as you&#8217;ll end up with quite a few files. The file format we&#8217;ll use is <em>Targa Image File</em> with the following settings:</p>
<p><img class="alignnone size-full wp-image-781" title="picture-36" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-36.png" alt="picture-36" width="471" height="359" /></p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-37.png"><img class="alignnone size-medium wp-image-782" title="picture-37" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-37-270x800.png" alt="picture-37" width="270" height="800" /></a></p>
<p>Still in the <em>Render Setup</em> window, proceed to the <em>Indirect Illumination</em> tab and make sure <em>Enable Final Gather</em>, <em>Caustics</em> and  <em>Global Illumination</em> are all turned off.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-38.png"><img class="alignnone size-medium wp-image-783" title="picture-38" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-38-308x800.png" alt="picture-38" width="308" height="800" /></a></p>
<p>Then proceed to the <em>Render Elements</em> tab. You&#8217;ll need three additional render passes for this tutorial: A <em>Matte</em> to separate the city from the sky so we can do an effective sky replacement, an <em>Occlusion Pass</em> to fake global illumination and a <em>Z Depth Pass</em> to be able to add an atmospheric effect and some depth of field.</p>
<h3>4.1 Occlusion Pass</h3>
<p>Press the <em>Add &#8230;</em> button and choose <em>mr Shader Element</em> from the list.</p>
<p><img class="alignnone size-full wp-image-784" title="picture-39" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-39.png" alt="picture-39" width="327" height="439" /></p>
<p>Name the pass <em>Occlusion</em> and under <em>Parameters</em> press the button next to <em>Shader</em> to add a new shader. Choose <em>Ambient/Reflective Occlusion</em> from the list. There are a lot of settings to play with to tweak the <em>Ambient/Reflective Occlusion</em> shader, but the standard settings, although a little rough, will do just fine for this tutorial.</p>
<p><img class="alignnone size-full wp-image-785" title="picture-40" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-40.png" alt="picture-40" width="451" height="785" /></p>
<p>This basically renders a pass of the scene where this texture is applied to all geometry.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-41.png"><img class="alignnone size-medium wp-image-786" title="picture-41" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-41-500x281.png" alt="picture-41" width="500" height="281" /></a></p>
<h3>4.2 Z Depth pass</h3>
<p>Press the <em>Add &#8230;</em> button again and this time choose <em>Z Depth</em>.</p>
<p><img class="alignnone size-full wp-image-787" title="picture-42" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-42.png" alt="picture-42" width="327" height="439" /></p>
<p>The <em>Z Depth</em> pass produces an image where the geometry close to the camera is displayed in white while geometry further away gets darker and darker until it reaches a cut-off point and everything behind it is rendered as black.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-43.png"><img class="alignnone size-medium wp-image-788" title="picture-43" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-43-500x281.png" alt="picture-43" width="500" height="281" /></a></p>
<p>Under <em>Z Depth Element Parameters</em> you need to set a cut-off point for where the image goes entirely white or entirely black. In the example scene a <em>Z Min</em> value of 0 and a <em>Z Max</em> value of 2000 works out quite nice as the city plane is 2000 units wide and the camera is looking at the city from one end of the plane.</p>
<p><img class="alignnone size-full wp-image-789" title="picture-44" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-44.png" alt="picture-44" width="500" height="500" /></p>
<p>This might need some tweaking though, so I suggest doing a couple of test renders of still frames before rendering the final sequence.</p>
<h3>4.3 Matte</h3>
<p>Press the <em>Add &#8230;</em> button for the third time and this time choose <em>Matte</em>.</p>
<p><img class="alignnone size-full wp-image-790" title="picture-45" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-45.png" alt="picture-45" width="327" height="439" /></p>
<p>A matte lets you isolate an object in a scene by making the desired object appear as white while everything else is black. In this case we wish to separate the city from the sky and therefore wish the whole city to appear white against a black background. The quickest way to do this is to under <em>Matte Texture Element</em> enable <em>Material ID</em> and set it to 0. All textures in 3ds max has their <em>Material ID</em> set to zero by default and hence every textured object in the scene (should be all objects) will appear white on the render.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-46.png"><img class="alignnone size-medium wp-image-791" title="picture-46" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-46-500x281.png" alt="picture-46" width="500" height="281" /></a></p>
<p>Finally, check and double-check your settings and have that cup of coffee while waiting for the render to finish.</p>
<p><a href="http://www.thimic.net/wp-content/uploads/2009/04/picture-47.png"><img class="alignnone size-medium wp-image-792" title="picture-47" src="http://www.thimic.net/wp-content/uploads/2009/04/picture-47-308x800.png" alt="picture-47" width="308" height="800" /></a></p>
<p>This is it for part 1. I&#8217;m a beginner at writing tutorials, but hope it wasn&#8217;t too long and painful. Anyway, this should keep your computer nice and busy for a while, depending on your system. If you want to take a peek at my finished file, you can download it below.</p>
<p class="alert"><strong><a title="Postapocalyptic City Finished" href="http://thimic.net/web/tutorials/postapocalyptic_city_finished.zip">Download finished max file</a></strong> (52 KB)</p>
<p><a href="http://www.thimic.net/2009/04/23/tutorial-postapocalyptic-city-part-2/" target="_self">Part 2</a>, concerning After Effects, should be up tomorrow.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thimic.net/2009/04/22/tutorial-postapocalyptic-city-part-1/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Previz draft 2 and some other stuff</title>
		<link>http://www.thimic.net/2009/04/13/previz-draft-2-and-some-other-stuff/</link>
		<comments>http://www.thimic.net/2009/04/13/previz-draft-2-and-some-other-stuff/#comments</comments>
		<pubDate>Mon, 13 Apr 2009 18:16:14 +0000</pubDate>
		<dc:creator>thimic</dc:creator>
				<category><![CDATA[2d]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[noroff]]></category>
		<category><![CDATA[student film project 2009]]></category>
		<category><![CDATA[vfx]]></category>
		<category><![CDATA[works]]></category>
		<category><![CDATA[compositing]]></category>
		<category><![CDATA[film]]></category>
		<category><![CDATA[fxphd]]></category>
		<category><![CDATA[green spill]]></category>
		<category><![CDATA[landscape]]></category>
		<category><![CDATA[mandatory assignment]]></category>
		<category><![CDATA[max]]></category>
		<category><![CDATA[mental ray]]></category>
		<category><![CDATA[modeling]]></category>
		<category><![CDATA[motion blur]]></category>
		<category><![CDATA[nuke after effects]]></category>
		<category><![CDATA[particles]]></category>
		<category><![CDATA[project]]></category>
		<category><![CDATA[rendering]]></category>
		<category><![CDATA[student]]></category>
		<category><![CDATA[studio]]></category>
		<category><![CDATA[texturing]]></category>
		<category><![CDATA[z-depth]]></category>

		<guid isPermaLink="false">http://www.thimic.net/?p=707</guid>
		<description><![CDATA[
I know, I promised to post this more than a week ago, but it&#8217;s the holidays and found a few things I wanted to test before I started rendering the final shots. What happened was that I watched a most illuminating video lesson concerning motion blur and depth of field passes for Nuke made by [...]]]></description>
			<content:encoded><![CDATA[<p><object width="576" height="324"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=9480057&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=9480057&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="576" height="324"></embed></object></p>
<p>I know, I <a href="http://www.thimic.net/2009/04/02/storyboard-draft-2/" target="_blank">promised</a> to post this more than a week ago, but it&#8217;s the holidays and found a few things I wanted to test before I started rendering the final shots. What happened was that I watched a most illuminating video lesson concerning motion blur and depth of field passes for <a href="http://thefoundry.co.uk" target="_blank">Nuke</a> made by the good guys over at <a href="http://fxphd.com" target="_blank">fxphd</a> and realized two things: I used a slightly wrong depth format when applying depth of field and there is an easy way to apply motion blur in post, given that you output an extra render pass. The video in question was concerned with <a href="http://en.wikipedia.org/wiki/Maya_(software)" target="_blank">Maya</a> and <a href="http://en.wikipedia.org/wiki/Mental_ray" target="_blank">Mental Ray</a> however where as we&#8217;re using <a href="http://en.wikipedia.org/wiki/3ds_max" target="_blank">3ds max</a> and <a href="http://en.wikipedia.org/wiki/V-Ray" target="_blank">V-Ray</a>. It therefore took me a few extra hours of research before everything was working correctly.</p>
<p>In addition, there weren&#8217;t time to research ways to set up a render queue before making the previz, which meant I had to start every render manually when the previous render finished. With no wish of repeating that experience for the final film, I did some quick tests and got a rendering queue set up using Backburner.</p>
<p>With that out of the way, I rendered out the rest of the new shots and put them into our most recent cut. As we&#8217;re mostly concerned with timing and shots at this point, we decided to manage without sound for the time being.</p>
<p><object width="576" height="324"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=9269709&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=9269709&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="576" height="324"></embed></object></p>
<p>Oh, and I&#8217;ll quickly mention that I did some work on a little 3D + <a href="http://en.wikipedia.org/wiki/After_Effects" target="_blank">After Effects</a> lesson I&#8217;m having in a week or two. I&#8217;ll try teaching the rest of the class how to create the little sequence above and might put the tutorial up on this site when finished.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thimic.net/2009/04/13/previz-draft-2-and-some-other-stuff/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Assembling storyboard and animatic for the new story</title>
		<link>http://www.thimic.net/2009/02/24/assembling-storyboard-and-animatic-for-the-new-story/</link>
		<comments>http://www.thimic.net/2009/02/24/assembling-storyboard-and-animatic-for-the-new-story/#comments</comments>
		<pubDate>Tue, 24 Feb 2009 01:31:54 +0000</pubDate>
		<dc:creator>thimic</dc:creator>
				<category><![CDATA[2d]]></category>
		<category><![CDATA[noroff]]></category>
		<category><![CDATA[student film project 2009]]></category>
		<category><![CDATA[works]]></category>
		<category><![CDATA[animatic]]></category>
		<category><![CDATA[concept art]]></category>
		<category><![CDATA[film]]></category>
		<category><![CDATA[green spill]]></category>
		<category><![CDATA[mandatory assignment]]></category>
		<category><![CDATA[project]]></category>
		<category><![CDATA[storyboard]]></category>
		<category><![CDATA[student]]></category>
		<category><![CDATA[wip]]></category>

		<guid isPermaLink="false">http://www.thimic.net/?p=532</guid>
		<description><![CDATA[
This sunday Andreas and I scanned in the new storyboard and started assembling it digitally as well as beginning work on the new animatic. We had to leave the building before five though and didn&#8217;t finish. Therefore the whole group spent today completing first drafts of both:
As 13 pages of storyboard would be a tiny [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-536" title="storyboard" src="http://www.thimic.net/wp-content/uploads/2009/02/storyboard.jpg" alt="storyboard" width="500" height="315" /></p>
<p>This sunday <a href="http://andreasnor.com" target="_blank">Andreas</a> and I scanned in the new storyboard and started assembling it digitally as well as beginning work on the new animatic. We had to leave the building before five though and didn&#8217;t finish. Therefore the whole group spent today completing first drafts of both:<span id="more-532"></span></p>
<p>As 13 pages of storyboard would be a tiny bit extreme to fit inside a blog post, I made a PDF:</p>
<p class="alert"><strong><a title="Fetch! Storyboard Draft 1" href="http://thimic.net/web/greenspill_fetch_storyboard_draft01.pdf">Download Fetch! Storyboard Draft 1</a></strong> (640 KB)</p>
[See post to watch Flash video]
<p>The storyboard is a bit rushed at this time and we haven&#8217;t added much text. Might have missed some arrows as well and there are no transitions yet. Will be fixed in due course. The animatic is finished in the sense that we&#8217;ve timed all the shots, but we&#8217;re lacking a fair bit of sounds, mainly because there are many we haven&#8217;t found yet. I guess we&#8217;ll have to consider making our own sound effects.</p>
<p>For some reason we really ran into trouble when looking for music. We listened to a lot of tracks without finding anything we really liked. Then tried watching what music similar films used, like &#8220;<a href="http://www.youtube.com/watch?v=sQdqaSITVyI" target="_blank">In the Rough</a>&#8221; for instance, and found that they didn&#8217;t use music that much, but had a lot of sound effects in stead. I honestly don&#8217;t know what we&#8217;ll end up with, but as of now the animatic needs more music.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thimic.net/2009/02/24/assembling-storyboard-and-animatic-for-the-new-story/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Noting down the key points</title>
		<link>http://www.thimic.net/2009/02/11/noting-down-the-key-points/</link>
		<comments>http://www.thimic.net/2009/02/11/noting-down-the-key-points/#comments</comments>
		<pubDate>Wed, 11 Feb 2009 19:04:38 +0000</pubDate>
		<dc:creator>thimic</dc:creator>
				<category><![CDATA[2d]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[noroff]]></category>
		<category><![CDATA[student film project 2009]]></category>
		<category><![CDATA[vfx]]></category>
		<category><![CDATA[works]]></category>
		<category><![CDATA[compositing]]></category>
		<category><![CDATA[concept art]]></category>
		<category><![CDATA[film]]></category>
		<category><![CDATA[green spill]]></category>
		<category><![CDATA[landscape]]></category>
		<category><![CDATA[lighting]]></category>
		<category><![CDATA[mandatory assignment]]></category>
		<category><![CDATA[max]]></category>
		<category><![CDATA[modeling]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[project]]></category>
		<category><![CDATA[rendering]]></category>
		<category><![CDATA[student]]></category>
		<category><![CDATA[temple]]></category>
		<category><![CDATA[texturing]]></category>
		<category><![CDATA[v-ray]]></category>
		<category><![CDATA[wip]]></category>

		<guid isPermaLink="false">http://www.thimic.net/?p=490</guid>
		<description><![CDATA[
Today was a long day. When we arrived this morning, the storyboard wasn&#8217;t finished, the work on the animatic wasn&#8217;t even started, and there was a presentation to make. Add an ill team member and another that needed to leave early and you have the recipe for a long day at school. 
The day started by me separating [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.thimic.net/wp-content/uploads/2009/02/desert_landscape05.jpg"><img class="alignnone size-medium wp-image-492" title="desert_landscape05" src="http://www.thimic.net/wp-content/uploads/2009/02/desert_landscape05-500x277.jpg" alt="desert_landscape05" width="500" height="277" /></a></p>
<p>Today was a long day. When we <a href="http://www.vg.no/reise/artikkel.php?artid=540850" target="_blank">arrived this morning</a>, the storyboard wasn&#8217;t finished, the work on the animatic wasn&#8217;t even started, and there was a presentation to make. Add an ill team member and another that needed to leave early and you have the recipe for a long day at school. </p>
<p>The day started by me separating the storyboard images we scanned the day before while Andreas and Jamie drew the last few frames. Then Jamie went on working on the animatic while Andreas and I started assembling the storyboard. After a while Andreas had to leave for work. Jamie continued working on the animatic with some help/input from me while I worked on the storyboard with some help/input from him. At long last we were both finished and we begun work on the <a href="http://www.apple.com/iwork/keynote/" target="_blank">Keynote</a> presentation. Being rather tired, I just ripped off our previous presentation, replacing content and wrote nothing but headlines.</p>
<p>The whole process up to the concept art presentation has been rather tiresome for us as we&#8217;ve never been quite on schedule. This is in part because of holidays and illnesses as mentioned in the <a href="http://www.thimic.net/2009/02/10/the-curse-of-storyboarding/" target="_blank">previous post</a>, but I still feel we could have taken better advantage of the time we had. I don&#8217;t particularly like the feeling of being behind, so I think we should try to be more focused from now on.  </p>
<p>On another note, I worked some more on the <a href="http://www.thimic.net/2009/02/08/summary-of-the-last-few-days/" target="_blank">temple exterior comp</a> yesterday. Composited in the <a href="http://www.thimic.net/2009/02/10/the-curse-of-storyboarding/" target="_blank">new temple</a>, added some fire to the debris, adjusted the smoke opacity and made the fire cast light on its surroundings. Image in top of this post. I didn&#8217;t have my <a href="http://www.amazon.co.uk/Wacom-Intuos3-Wide-Tablet-Airbrush/dp/B000WQL9D4/ref=sr_1_6?ie=UTF8&amp;s=electronics&amp;qid=1234378900&amp;sr=8-6" target="_blank">tablet</a> (nope, not an affiliate link) when working though and for that reason I&#8217;m still not happy with the temple/debris edges. I think it&#8217;ll be good enough for concept art though <img src='http://www.thimic.net/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>Tomorrow, the concept art presentation will be over, and maybe we&#8217;ll be able to relax a bit.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thimic.net/2009/02/11/noting-down-the-key-points/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Summary of the last few days</title>
		<link>http://www.thimic.net/2009/02/08/summary-of-the-last-few-days/</link>
		<comments>http://www.thimic.net/2009/02/08/summary-of-the-last-few-days/#comments</comments>
		<pubDate>Sun, 08 Feb 2009 18:07:04 +0000</pubDate>
		<dc:creator>thimic</dc:creator>
				<category><![CDATA[2d]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[noroff]]></category>
		<category><![CDATA[student film project 2009]]></category>
		<category><![CDATA[vfx]]></category>
		<category><![CDATA[works]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[compositing]]></category>
		<category><![CDATA[film]]></category>
		<category><![CDATA[green spill]]></category>
		<category><![CDATA[landscape]]></category>
		<category><![CDATA[mandatory assignment]]></category>
		<category><![CDATA[nuke]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[project]]></category>
		<category><![CDATA[student]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[wip]]></category>

		<guid isPermaLink="false">http://www.thimic.net/?p=451</guid>
		<description><![CDATA[
I haven&#8217;t had time to write anything the last few days unfortunately, so I&#8217;ll try putting the essentials down in this post.
Andreas had a few suggestions about the temple exterior, so I made some changes to it at school on wednesday and thursday. I then put them on my memory stick so I could work [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.thimic.net/wp-content/uploads/2009/02/desert_landscape02.jpg"><img class="alignnone size-medium wp-image-455" title="desert_landscape02" src="http://www.thimic.net/wp-content/uploads/2009/02/desert_landscape02-500x277.jpg" alt="desert_landscape02" width="500" height="277" /></a></p>
<p>I haven&#8217;t had time to write anything the last few days unfortunately, so I&#8217;ll try putting the essentials down in this post.</p>
<p><a href="http://andreasnor.com/" target="_blank">Andreas</a> had a few suggestions about the <a href="http://www.thimic.net/2009/02/04/the-era-of-concept-art-draws-nigh/" target="_blank">temple exterior</a>, so I made some changes to it at school on wednesday and thursday. I then put them on my memory stick so I could work some on it during the weekend and left school. Without the memory stick. No update on that front in other words. I&#8217;ll put it up in its current version at my earliest convenience. Whenever that may be.</p>
<p>Not being able to work more on the temple, I tried fitting it into some surroundings (I&#8217;ll replace the temple with the current version when I find my memory stick). As this is still the concept phase, 3D can take too long to do so I ended up finding images on the <a href="http://deviantart.com/" target="_blank">internet</a> and mashed them together after a fashion in the top image of this post. The shadows aren&#8217;t right, but not too important in this case. I&#8217;ve made the temple, the road and the stars. The other components I&#8217;ve found. Landscapes were made by <a href="http://ladyofspira.deviantart.com/gallery/" target="_blank">Ladyofspira</a>. I don&#8217;t have anyones leave to use the images, but as it is only intended as a possible guideline for general looks and meant for the team only, I hope I won&#8217;t get too many lawyers banging on my door. If I&#8217;ve used your imagery and you want it removed, leave a comment here and I&#8217;ll take care of it at once.</p>
<p>On thursday, the group made radical changes to the <a href="http://www.jamiegepte.com/story-notes/" target="_blank">story</a>, for the better in my opinion. <a href="http://jamiegepte.com/" target="_blank">Jamie</a> wrote the second draft of the story while the rest of the team was present. Andreas and I worked the story into a draft one treatment that afternoon:<span id="more-451"></span></p>
<h4 style="text-align: center;"><strong>Synergy</strong></h4>
<p><em>FLY-OVER CAM. Futuristic motorcycle driving high speed across desert landscape, suspicious DEVICE with timer countdown fastened to bike. Bike approaches destination, lights from fire in distance. Bike slows down, stops in front of entrance to HIGH-TECH TEMPLE, signs of recent destruction and mayhem. FEMALE dismounts bike, picks up device and moves into temple.</em></p>
<p><em>Female moves deeper into temple ruins. Inside temple enters LARGE CHAMBER showing recent signs of havoc and destruction.<br />
Giant PILLAR thrown towards her.  Barely dodges flying pillar but drops device. MALE in armour appears in end of room. Female spots giant ROBOT emerging behind him. Robot backhands Male out of the way, charges against her.</em></p>
<p><em>Female runs against charging robot, leaps to attack. Attack dodged, giant FIST punches her, throwing her across room.</em></p>
<p><em>Male&#8217;s attention drawn to device. Runs towards it but stopped by robot attacking him. He attacks back, misses, robot throws him across room, through BRICK WALL. Female lunges for device, stopped by robot grabbing her. Robot pins her to floor with foot, about to crush her with fist, but knocked back by flying AXE hitting its face, from Male emerging from rubble. Female free, grabs SWORD and thrusts it through robots head.</em></p>
<p><em>Robot shuts down, falls to ground. Heroes stand over destroyed, inactive robot. Long awkward SILENCE. Countdown reaches zero.</em></p>
<p><em>Device gives distinct BEEP, breaks silence.</em></p>
<p><em>Female: (Neutral tone) Your lunch is ready&#8230;</em></p>
<p><em>Male: (neutral tone) Thanks. (Pause) So what&#8217;s for dinner tonight honey?</em></p>
<p><em>Female: (in same tone) Leftovers&#8230;</em></p>
<p><em>Male: What?! You said you where making meatloaf!</em></p>
<p><em>Female: (Irritated) Yeah! And you said you would fix the sink! That was last week! And what about the dog?! He smells like week old crap!</em></p>
<p><em>Couple walks away, arguing like typical married couple.</em></p>
<p>Finally, since the arrival of the aforementioned <a href="http://www.jamiegepte.com/progress-and-changes/" target="_blank">device</a>, we&#8217;ve been in need of a count down display. As compositing etc. is my area, I spent some hours this weekend trying to create such a count down in <a href="http://www.thefoundry.co.uk/" target="_blank">Nuke</a>. I had to do some light programming, something I haven&#8217;t done in a <a href="http://www.thimic.net/2007/12/23/week-number-widget/" target="_blank">long time</a>. Luckily I got some help from the good guys over at <a href="http://fxphd.com/" target="_blank">fxphd</a> and I got it working in the end. This is a temporary design and will probably change, but decided to put it up anyway:</p>
[See post to watch Flash video]
<p>Tomorrow we&#8217;ll work more on the storyboard for the presentation coming up this coming Thursday.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thimic.net/2009/02/08/summary-of-the-last-few-days/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
