{"author_name":"kato9","cat":"LD #21","comments":[{"author_name":"sfernald","time":"August 22, 2011 2:46 pm","epoch":1314042360,"text":"This stuff is gold. I have never used After Effects and it’s great to see how it is put to use. Keep up the great articles? How much space did those videos add to your swf anyway?","spam":"N"}],"epoch":1314037500,"likes":0,"metadata":{"p_key":"63767","p_author":"kato9","p_authorkey":"5821","p_urlkey":"99552","p_title":"NO ESCAPE Compositing\/Layers Breakdown","p_cat":"LD #21","p_event":"LD21","p_time":"1314037500","p_likes":"0","p_comments":"1","p_status":"UPD5","us_key":"5821","us_name":"kato9","us_username":"kato9","event_start":"1313712000","event_key":"7","event_name":"LD21"},"text":"

\"\"<\/a><\/p>\n

I knew that if I wanted to sell the ‘story’ of my game NO ESCAPE, I was going to need a strong atmosphere. I’m guessing not many game devs consider After Effects an essential tool for their process, but because I do motion graphics work for a living, I knew that AE could give me solid results quickly. So, here’s a quick breakdown of the my layering\/compositing process:<\/p>\n

Layer 1: Background 1<\/strong><\/p>\n

Initially my background only had one layer, but the result looked fairly flat, so I decided to break the background elements into two layers, which allowed me to get a better parallax scrolling effect.<\/p>\n

Layer 2: Background 2<\/strong><\/p>\n

The ‘main’ background. The buildings were modeled and rendered in Cinema 4D. I used the Environment tool to add a layer of fog, which is why elements that are farther away are more faded.<\/p>\n

Layer 3: Foreground<\/strong><\/p>\n

Also created in Cinema 4D. I rendered everything out using an orthographic projection, which is why the foreground looks flat even through it was modeled in 3D.<\/p>\n

Layer 4: Rain<\/strong><\/p>\n

The rain was added in After Effects with a very useful third party plug-in called Particular. I created one single rain drop and set up a particle system to do the rest. If there’s anything I’ve learned from rainymood.com, it’s that rain makes everything better!<\/p>\n

Layer 5: Smoke<\/strong><\/p>\n

The smoke was rendered in Cinema 4D using its PyroCluster shader, which creates pretty convincing little smoke puffs fairly easily.<\/p>\n

Layer 6: Water Overflow<\/strong><\/p>\n

This is a small detail, but one of my favorite things in the whole game. After I was more or less done with coding, I knew I wanted to add a few more details including this little water overflow coming off of the billboard. I set up another particular system in After Effects, this time using the built in CC Particle World and this was the result.<\/p>\n

Layer 7: Lightning!<\/strong><\/p>\n

The last thing I added was a few lightning strikes, which I thought came out pretty cool. Created in After Effects using the built in Advanced Lightning effect. I timed the strikes so that they would come a few seconds before the thunder claps in the audio track, and positioned them to where the player would likely be at that point.<\/p>\n

So there you go – a HUGE downside to doing things this way is that having this video background increased the size of the .swf dramatically. If I was a more competent programmer I would have tried to create these effects dynamically, but alas. Hope this was somewhat interesting, feel free to ask any questions about Cinema 4D or After Effects if you’re interested.<\/p>\n

Here’s a link to my entry:<\/p>\n

http:\/\/www.ludumdare.com\/compo\/ludum-dare-21\/?action=preview&uid=5821<\/a><\/p>\n

 <\/p>\n

 <\/p>","time":"August 22nd, 2011 1:25 pm","title":"NO ESCAPE Compositing\/Layers Breakdown"}