<?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>mclelun &#187; Art and Design</title>
	<atom:link href="http://www.mclelun.com/blog/category/art-and-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mclelun.com/blog</link>
	<description>Design + Programming = Multitask</description>
	<lastBuildDate>Thu, 26 Aug 2010 15:00:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Cipta!</title>
		<link>http://www.mclelun.com/blog/2010/08/cipta/</link>
		<comments>http://www.mclelun.com/blog/2010/08/cipta/#comments</comments>
		<pubDate>Wed, 25 Aug 2010 12:12:06 +0000</pubDate>
		<dc:creator>mclelun</dc:creator>
				<category><![CDATA[Art and Design]]></category>
		<category><![CDATA[AfterEffects]]></category>

		<guid isPermaLink="false">http://www.mclelun.com/blog/?p=53</guid>
		<description><![CDATA[Since I was blogging about After Effects stuff that I did in office in my last post, I might as well blog about this motion graphic that I did for a TV show known as &#8220;Cipta!&#8221;. &#8220;Cipta!&#8221; is an educational TV show for young children which will be start showing on Astro this coming Saturday. [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.mclelun.com/img/blog/100825_cipta_h.jpg" alt="Cipta!" /></p>
<p>Since I was blogging about After Effects stuff that I did in office in my last <a href="http://www.mclelun.com/blog/2010/08/nilapura/">post</a>, I might as well blog about this motion graphic that I did for a TV show known as &#8220;Cipta!&#8221;.</p>
<p><span id="more-53"></span></p>
<p>&#8220;Cipta!&#8221; is an educational TV show for young children which will be start showing on Astro this coming Saturday. The main task I handle in this project was the opening intro sequence for the show. The logo was design by my boss, and I animate them using After Effects with the help from Aidi on the letter &#8220;C&#8221;. </p>
<p><img src="http://www.mclelun.com/img/blog/100825_cipta_01.jpg" alt="Cipta! Intro" /></p>
<p>Images above show part of the opening sequence that I did. The dude was crop from green screen footage but that two kids were crop from photos. I decide the use photos for the kids because one of them can’t make it to the green screen shooting session and it will be quite weird if one them is &#8220;moving&#8221; while the other one is just a &#8220;static photo&#8221;.</p>
<p><img src="http://www.mclelun.com/img/blog/100825_cipta_02.jpg" alt="Cipta! elements" /></p>
<p>Beside working on the intro, I also did some graphic elements to be use in the final footage. Images above show some of elements that will be shown on screen when the crafting/DIY session start. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.mclelun.com/blog/2010/08/cipta/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Nilapura</title>
		<link>http://www.mclelun.com/blog/2010/08/nilapura/</link>
		<comments>http://www.mclelun.com/blog/2010/08/nilapura/#comments</comments>
		<pubDate>Wed, 25 Aug 2010 10:22:47 +0000</pubDate>
		<dc:creator>mclelun</dc:creator>
				<category><![CDATA[Art and Design]]></category>
		<category><![CDATA[AfterEffects]]></category>

		<guid isPermaLink="false">http://www.mclelun.com/blog/?p=50</guid>
		<description><![CDATA[I was working on a fun project last week. Spend most of the time doing post production and adding CG background to green screen footage of an upcoming series for local TV channel. It was a rush project as we just have few days to work on it. More over, I am still quite new [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.mclelun.com/img/blog/100825_nilapura_h.jpg" alt="Nilapura" /></p>
<p>I was working on a fun project last week. Spend most of the time doing post production and adding CG background to green screen footage of an upcoming series for local TV channel. </p>
<p><span id="more-50"></span></p>
<p>It was a rush project as we just have few days to work on it. More over, I am still quite new to After Effects as I only had used it for like few simple motion graphics <a href="http://www.mclelun.com/blog/2010/08/cipta/">projects</a>. Luckily, After Effects is a bit like Flash + Photoshop on drug. So, it is quite easy for me to pick up all the basic stuff.</p>
<p>Anyway, I don’t have much information about this show yet, but it is currently known as &#8220;Nilapura&#8221; internally. Right now, the only thing I can show you is the comparison shot for the works I did. Real footage might have to wait until when it is broadcast on TV.</p>
<p><img src="http://www.mclelun.com/img/blog/100825_nilapura_01.jpg" alt="Nilapura" /></p>
<p>As you can see from the image above, it still looks too much like a &#8220;computer graphic&#8221;. I should have de-saturate the footage and add more blur to the background. I would like to redo these scenes next time, because I believe it was just use for prove of concept at the moment.  </p>
]]></content:encoded>
			<wfw:commentRss>http://www.mclelun.com/blog/2010/08/nilapura/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Custom L4D2 Campaign</title>
		<link>http://www.mclelun.com/blog/2010/08/custom-l4d2-campaign/</link>
		<comments>http://www.mclelun.com/blog/2010/08/custom-l4d2-campaign/#comments</comments>
		<pubDate>Mon, 09 Aug 2010 16:40:18 +0000</pubDate>
		<dc:creator>mclelun</dc:creator>
				<category><![CDATA[Art and Design]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Game]]></category>
		<category><![CDATA[L4D]]></category>
		<category><![CDATA[Source]]></category>

		<guid isPermaLink="false">http://www.mclelun.com/blog/?p=47</guid>
		<description><![CDATA[Everyone have their own top ten things that they want to do in their life. For me, one of these &#8220;things&#8221; is to develop a single player game mod which focuses on story telling rather than blasting off enemies with shiny rocket launcher. I had been looking into Valve Source SDK recently and decide to [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.mclelun.com/img/blog/common_l4d_h.jpg" /></p>
<p>Everyone have their own top ten things that they want to do in their life. For me, one of these &#8220;things&#8221; is to develop a single player game mod which focuses on story telling rather than blasting off enemies with shiny rocket launcher. I had been looking into Valve Source SDK recently and decide to use it for my project.</p>
<p><span id="more-47"></span></p>
<h3>Early screenshots</h3>
<p>Before starting a project blindly, I need to refresh my memory on Source mapping. When I was using Hammer ages ago, it is known as Worldcraft. So, I decide to develop a short campaign for L4D2 as my exercise. Below are some early WIP screenshots. Click to them to enlarge images.</p>
<p><a href="http://www.mclelun.com/img/blog/100809_l4d_1.jpg" rel="lightbox"><img src="http://www.mclelun.com/img/blog/100809_l4d_1.jpg" alt="l4d" width="500" height="375" /></a></p>
<p><a href="http://www.mclelun.com/img/blog/100809_l4d_2.jpg" rel="lightbox"><img src="http://www.mclelun.com/img/blog/100809_l4d_2.jpg" alt="l4d" width="500" height="375" /></a></p>
<p><a href="http://www.mclelun.com/img/blog/100809_l4d_3.jpg" rel="lightbox"><img src="http://www.mclelun.com/img/blog/100809_l4d_3.jpg" alt="l4d" width="500" height="375" /></a></p>
<p>Currently, I had done a bit on the starting area. I know I should have plan out the whole map before putting details in it, but I just like detailing and can&#8217;t resist. Maybe the flow and game play of this map will end up like crap because of that. </p>
<h3>Commands to hide HUD and Viewmodel</h3>
<p>Anyway, to take screenshots without HUD and viewmodel for Source game. Type the following command in the console. (This is just a reminder for myself)<br />
<strong><br />
sv_cheats 1<br />
cl_drawhud 0<br />
r_drawviewmodel 0<br />
r_drawvgui 0<br />
</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.mclelun.com/blog/2010/08/custom-l4d2-campaign/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Mesinaut</title>
		<link>http://www.mclelun.com/blog/2010/07/mesinaut/</link>
		<comments>http://www.mclelun.com/blog/2010/07/mesinaut/#comments</comments>
		<pubDate>Mon, 19 Jul 2010 17:38:41 +0000</pubDate>
		<dc:creator>mclelun</dc:creator>
				<category><![CDATA[Art and Design]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Animation]]></category>

		<guid isPermaLink="false">http://www.mclelun.com/blog/?p=45</guid>
		<description><![CDATA[I was working on a short 3D animation with Aidi to submit for IPCC 2010. The original idea is to create an IP base on a few stories we discussed some time ago. But we changed our plan as we realize it is a bit too ambitious to proceed with it. More over, I am [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.mclelun.com/img/blog/100720_mesinaut_h.jpg" alt="Mesinaut" /></p>
<p>I was working on a short 3D animation with Aidi to submit for IPCC 2010. The original idea is to create an IP base on a few stories we discussed some time ago. But we changed our plan as we realize it is a bit too ambitious to proceed with it. More over, I am still new in 3D animation, which means I can’t help much if the animation is complicated. After some discussion, Aidi proposed &#8220;Mesinaut&#8221; and we start working on it during June.</p>
<p><span id="more-45"></span></p>
<p>Finally, the finalist for IPCC 2010 was announced earlier today. Sadly, our animation was not shortlisted. But this is still an interesting project for me because it is the first 3D animation that I had worked on.</p>
<h3>Introduction</h3>
<p>As I am not a good with words and story telling, I will just copy the brief description about Mesinaut written by Aidi in his blog <a href="http://aidigv.blogspot.com/2010/07/mesinaut-meets-epic-fail.html">post</a>.</p>
<blockquote><p>Mesinaut is a story about two very different robots who became unlikely friends during their journey to escape their besieged planet and in the course of their travels they discover the truth behind the attacks. The duo encounters a scenario that they must solve in order to resume their journey across the desert planet. The small robot acts as the thinker while the big robot acts as the muscle.</p></blockquote>
<h3>Concept Art</h3>
<p>The character designs for this animation were done by 3 different person. Aidi, Daim and me. Below are the concept arts colored by me.</p>
<p><img src="http://www.mclelun.com/img/blog/100720_mesinaut_01.jpg" alt="CONBOT" /><br />
This is the big robot design by me. Originally it was a clean and simple robot but was change later on to have a more construction feel on it. I would like to redesign this if we win the IPCC 2010. But since we didn&#8217;t even manage to get shortlisted, so it will remain like this for now.</p>
<p><img src="http://www.mclelun.com/img/blog/100720_mesinaut_02.jpg" alt="RESBOT" /><br />
This smaller robot was design by Daim (Aidi&#8217;s cousin who is currently working in an animation studio at Japan). As you can see in his sketch, the &#8220;brain&#8221; part is removable and there is a CD spinning in the head when the robot start to think</p>
<p><img src="http://www.mclelun.com/img/blog/100720_mesinaut_03.jpg" alt="TRIPOD" /><br />
This is the evil robot design by Aidi. Green color was chosen by Aidi to give it a more &#8220;military&#8221; feel.</p>
<h3>What I did?</h3>
<p>As I was always sidetrack to do some other projects, my contribution on this animation is actually quite limited. Things that I did were:</p>
<ul>
<li>3DSMax CATMotion Rigging for Conbot and Resbot.</li>
<li>Model a simple cargo container with Blender.</li>
<li>Animate the starting scene when Resbot runaway from Tripod.</li>
<li>Post-editing work. effects, sky, camera wiggle, sound and music (content pack purchase online).</li>
</ul>
<p><img src="http://www.mclelun.com/img/blog/100720_mesinaut_04.jpg" alt="Comparison" /><br />
Top image is a render from 3DSMax. Below is the final render after editing in AfterEffects. Due to lack of time, we didn&#8217;t texture the robot properly.</p>
<h3>The Animation</h3>
<p>Below is a youtube link for the animation. Hope you enjoy it. Comments are always welcome.<br />
<center><br />
<object width="500" height="300"><param name="movie" value="http://www.youtube.com/v/AaG0yR_WRgg&amp;hl=en_US&amp;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/AaG0yR_WRgg&amp;hl=en_US&amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="300"></embed></object><br />
</center></p>
<h3>Vue Render</h3>
<p>Company purchase a copy of Vue recently for an upcoming project. So, I play around with it with the Conbot model. I must say if I got my hand on Vue earlier, the terrain in the animation will look a lot better.</p>
<p><img src="http://www.mclelun.com/img/blog/100720_mesinaut_05.jpg" alt="Vue" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.mclelun.com/blog/2010/07/mesinaut/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Down The Rabbit Hole</title>
		<link>http://www.mclelun.com/blog/2010/07/down-the-rabbit-hole/</link>
		<comments>http://www.mclelun.com/blog/2010/07/down-the-rabbit-hole/#comments</comments>
		<pubDate>Sun, 18 Jul 2010 14:13:25 +0000</pubDate>
		<dc:creator>mclelun</dc:creator>
				<category><![CDATA[Art and Design]]></category>
		<category><![CDATA[Comic]]></category>
		<category><![CDATA[Vector]]></category>

		<guid isPermaLink="false">http://www.mclelun.com/blog/?p=42</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.mclelun.com/img/blog/100718_rabbithole_h.jpg" alt="Down The Rabbit Hole" /></p>
<p><span id="more-42"></span></p>
<p><img src="http://fc07.deviantart.net/fs70/f/2010/199/1/b/Down_the_rabbit_hole_by_mclelun.jpg" alt="Down The Rabbit Hole" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.mclelun.com/blog/2010/07/down-the-rabbit-hole/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
