<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Joel Lim's After Effects Design Journal</title>
	<atom:link href="http://aftereffectsofaftereffects.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://aftereffectsofaftereffects.wordpress.com</link>
	<description>(ID: n6771637)</description>
	<lastBuildDate>Wed, 29 Oct 2008 03:43:01 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='aftereffectsofaftereffects.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Joel Lim's After Effects Design Journal</title>
		<link>http://aftereffectsofaftereffects.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://aftereffectsofaftereffects.wordpress.com/osd.xml" title="Joel Lim&#039;s After Effects Design Journal" />
	<atom:link rel='hub' href='http://aftereffectsofaftereffects.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Assignment 3 Reflection, Reference List and After Effects Techniques</title>
		<link>http://aftereffectsofaftereffects.wordpress.com/2008/10/29/assignment-3-reflection-reference-list-and-after-effects-techniques/</link>
		<comments>http://aftereffectsofaftereffects.wordpress.com/2008/10/29/assignment-3-reflection-reference-list-and-after-effects-techniques/#comments</comments>
		<pubDate>Wed, 29 Oct 2008 03:43:01 +0000</pubDate>
		<dc:creator>aftereffectsofaftereffects</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://aftereffectsofaftereffects.wordpress.com/?p=61</guid>
		<description><![CDATA[ASSIGNMENT 3 REFLECTION Music Track Choice I chose Kraftwerk&#8217;s &#8216;Das Model&#8217; for this assignment because it sounded more unique than the other tracks. It was quirky in a way and I liked that. The music created a world in my mind – a digital world, an imaginary place where Moebius, the legendary sci-fi artist, would [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=aftereffectsofaftereffects.wordpress.com&amp;blog=4366580&amp;post=61&amp;subd=aftereffectsofaftereffects&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h2><strong>ASSIGNMENT 3 REFLECTION</strong></h2>
<p><strong><br />
</strong></p>
<h4>Music Track Choice</h4>
<p>I chose Kraftwerk&#8217;s &#8216;Das Model&#8217; for this assignment because it sounded more unique than the other tracks. It was quirky in a way and I liked that. The music created a world in my mind – a digital world, an imaginary place where Moebius, the legendary sci-fi artist, would live in. Hence, the other reason why I chose it was because ideas started pouring out of my head from the get-go.</p>
<h4>Visual Identity, Style and Symbols</h4>
<p>To find an appropriate visual identity for the video, I researched Kraftwerk&#8217;s existing visual landscape. I found that Kraftwerk&#8217;s electronica informs the design of all aspects of its brand identity: it is minimalistic, repetitive, futuristic and slightly bizzare. I also discovered that Kraftwerk is known as a forerunner of contemporary electronic music. Its fans grew up in the seventies and eighties.</p>
<p>Taking all the above into consideration, I decided that my video&#8217;s visual look will borrow from the iconography of 8-bit video games. The classic video game look would be familiar to Kraftwerk&#8217;s early fans; it would let me design a world that was digital, futuristic and, at the same time, offbeat.</p>
<p>Plenty of 8-bit visual devices and symbols are available today thanks to decades of 8-bit gaming. I found a few samples and plonked them onto my moodboard. My main character follows the grid-designed, angular and two-dimensional avatar look symbolic of games of that era. The bright, saturated, complementary hues of the character and different settings and props, as well as their design, reflects the classic video game look – albeit more contemporary. The typefaces used supports the digital, eighties, 8-bit tone and manner.</p>
<h4>Composition and Motion</h4>
<p>I composed the elements or forms in my scenes with asymmetrical balance in mind. Composition of key frames was done in Photoshop and then transferred to After Effects. I tried to make as little use of three-dimensional perspective as possible in keeping with the two-dimensional 8-bit world. In line with the linear movement of 8-bit video game icons, animated elements including my central character weren&#8217;t eased in or out. I made certain scenes to look like actual retro video gameplay: especially the one where he &#8216;flies&#8217; through the city avoiding the concrete towers.</p>
<h4>What I Would Do Differently</h4>
<p>I had to tweak the ending of my video because I did not time my sequences well enough; I got to the end of the track too soon. In my original ending as per storyboard, the protagonist will happy with just the way he looks upon leaving the booth, wake up the next day and feel dissatisfied again. I would also use fewer props/elements in the scene where he finds the booth. I find it too cluttered.</p>
<h2>REFERENCE LIST FOR ASSIGNMENT 3</h2>
<p>All images used to create the graphics and backgrounds in this video clip had Creative Commons Share-Alike licenses and were sourced from Flickr.com</p>
<ul>
<li>flickr.com/photos/mnadi/34012604</li>
<li>flickr.com/photos/scrapstothefuture/134266194</li>
<li>flickr.com/photos/mightymightymatze/268758544</li>
<li>flickr.com/photos/seier/2263988203</li>
<li>flickr.com/photos/vernhart/1283676797</li>
<li>flickr.com/photos/yewenyi/2144911926</li>
<li>flickr.com/photos/flyingturtle/1641610496</li>
<li>flickr.com/photos/jamesjordan/2448899898</li>
<li>flickr.com/photos/kaleidosopicpsyche/2174781610</li>
<li>flickr.com/photos/monkeygirl76/2414924504</li>
<li>flickr.com/photos/polandeze/493818086</li>
<li>flickr.com/photos/rileyroxx/224651031</li>
<li>flickr.com-photos-darwinbell-2459821251</li>
<li>flickr.com/photos/dacotahsgirl/512831513</li>
<li>flickr.com/photos/ekosystem/2427517016</li>
<li>flickr.com/photos/lnx/6783900</li>
<li>flickr.com/photos/satosugar/56278966</li>
<li>flickr.com/photos/splorp/42799621</li>
<li>flickr.com/photos/striatic/6925134</li>
<li>flickr.com/photos/zhent/574472488</li>
</ul>
<h2>AFTER EFFECTS TECHNIQUES</h2>
<ul>
<li>Additional layers of graphics and text were added to the Photoshop-composed layers.</li>
<li>Colours of layers and elements therein were corrected using Colour Correction.</li>
<li>Glow was added to the protagonist&#8217;s 8-bit body as well as other 8-bit objects.</li>
<li>Layers were positioned close to each other to give the video a “flat” or 2D look.</li>
<li>Camera was employed in scenes where the protagonist moved in 3D space.</li>
<li>Masking technique proved useful when I wanted to animate objects through layers (like the sun rising outside the window in the opening scene).</li>
<li>To synchronise the &#8216;Das Modeller&#8217; text&#8217;s radial blur effect with the music beat, I converted the track&#8217;s waveform into keyframes and then linked the effect&#8217;s expression to the keyframes.</li>
<li>The exclamation mark that flew in and circled over the character&#8217;s head was an instance of kinetic type created by manipulating its x,y, and z properties.</li>
<li>A video transition effect tiled the final scene into place where I credited the track to Kraftwerk.</li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/aftereffectsofaftereffects.wordpress.com/61/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/aftereffectsofaftereffects.wordpress.com/61/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/aftereffectsofaftereffects.wordpress.com/61/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/aftereffectsofaftereffects.wordpress.com/61/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/aftereffectsofaftereffects.wordpress.com/61/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/aftereffectsofaftereffects.wordpress.com/61/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/aftereffectsofaftereffects.wordpress.com/61/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/aftereffectsofaftereffects.wordpress.com/61/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/aftereffectsofaftereffects.wordpress.com/61/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/aftereffectsofaftereffects.wordpress.com/61/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/aftereffectsofaftereffects.wordpress.com/61/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/aftereffectsofaftereffects.wordpress.com/61/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/aftereffectsofaftereffects.wordpress.com/61/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/aftereffectsofaftereffects.wordpress.com/61/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=aftereffectsofaftereffects.wordpress.com&amp;blog=4366580&amp;post=61&amp;subd=aftereffectsofaftereffects&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://aftereffectsofaftereffects.wordpress.com/2008/10/29/assignment-3-reflection-reference-list-and-after-effects-techniques/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/9f34f20e554d063858da64298f8735b9?s=96&#38;d=identicon" medium="image">
			<media:title type="html">aftereffectsofaftereffects</media:title>
		</media:content>
	</item>
		<item>
		<title>Week 10 &gt; Moodboard and Stylised Video Clip</title>
		<link>http://aftereffectsofaftereffects.wordpress.com/2008/10/03/week-10-moodboard-and-stylised-video-clip/</link>
		<comments>http://aftereffectsofaftereffects.wordpress.com/2008/10/03/week-10-moodboard-and-stylised-video-clip/#comments</comments>
		<pubDate>Fri, 03 Oct 2008 00:30:29 +0000</pubDate>
		<dc:creator>aftereffectsofaftereffects</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://aftereffectsofaftereffects.wordpress.com/?p=45</guid>
		<description><![CDATA[Mood Board As you can see below, my mood board comprises stuff from the 1950&#8242;s. American 50&#8242;s, particularly. It was a very optimistic time, World War II was over and done with, the baby boomers were making babies. Elvis was rocking, Marilyn and Marlon Brando were stars. The first satellite, the Russian Sputnik, was launched [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=aftereffectsofaftereffects.wordpress.com&amp;blog=4366580&amp;post=45&amp;subd=aftereffectsofaftereffects&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h2>Mood Board</h2>
<p>As you can see below, my mood board comprises stuff from the 1950&#8242;s. American 50&#8242;s, particularly. It was a very optimistic time, World War II was over and done with, the baby boomers were making babies. Elvis was rocking, Marilyn and Marlon Brando were stars. The first satellite, the Russian Sputnik, was launched successfully. The women of the decade wore stiletto heels, gloves that reached their elbows, and fancy hats like berets. The men wore denim jeans &#8212; which became fashionable at that time, had their hair done a la Elvis, and drove huge cars.</p>
<p><a href="http://aftereffectsofaftereffects.files.wordpress.com/2008/10/50s-mood-board1.jpg"><img class="alignnone size-large wp-image-56" title="50's" src="http://aftereffectsofaftereffects.files.wordpress.com/2008/10/50s-mood-board1.jpg?w=510&#038;h=721" alt="" width="510" height="721" /></a></p>
<h2>Stylised Video Clip</h2>
<p>After my mood board was done, I watched the Duck and Cover movie clip. Then I realised my mood board&#8217;s style was similar to the clip&#8217;s &#8212; which was shot in the 50&#8242;s. I didn&#8217;t want to augment the clip with visual components from my mood board because it was pointless fusing it with graphics from the same decade. It wouldn&#8217;t stand out.</p>
<p>So I decided to make my Week 10 pastiche clip a dark parody of U.S. military confidence. I found the Duck and Cover section of video I wanted, clipped it, and deleted the sound. Then, I scoured the Web for special effects and audio clips. I found a nice short recording of Eleanor Roosevelt (you hear her at the beginning of the video) and some Rambo and Alien movie voice samples. In addition, I found sound effects of &#8216;aoogah horns&#8217;, explosions, jet planes flying past, and air-to-ground missiles blasting targets. Perfect.</p>
<p>After mixing the elements into my Duck and Cover redux, I altered the hue and saturation of the video clip to make it greenish, added an old TV effect, as well as sped up the overall clip by some 25%. I also sped up Eleanor and Rambo&#8217;s audio to get them sounding Chipmunk-like. For good measure, I added light flashes a split second before the bombs went off in the video.</p>
<p>To watch &#8216;An Unconquerable People&#8217;, click here: <a href="http://vimeo.com/1864818" target="_blank">http://vimeo.com/1864818</a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/aftereffectsofaftereffects.wordpress.com/45/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/aftereffectsofaftereffects.wordpress.com/45/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/aftereffectsofaftereffects.wordpress.com/45/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/aftereffectsofaftereffects.wordpress.com/45/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/aftereffectsofaftereffects.wordpress.com/45/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/aftereffectsofaftereffects.wordpress.com/45/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/aftereffectsofaftereffects.wordpress.com/45/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/aftereffectsofaftereffects.wordpress.com/45/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/aftereffectsofaftereffects.wordpress.com/45/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/aftereffectsofaftereffects.wordpress.com/45/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/aftereffectsofaftereffects.wordpress.com/45/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/aftereffectsofaftereffects.wordpress.com/45/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/aftereffectsofaftereffects.wordpress.com/45/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/aftereffectsofaftereffects.wordpress.com/45/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=aftereffectsofaftereffects.wordpress.com&amp;blog=4366580&amp;post=45&amp;subd=aftereffectsofaftereffects&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://aftereffectsofaftereffects.wordpress.com/2008/10/03/week-10-moodboard-and-stylised-video-clip/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/9f34f20e554d063858da64298f8735b9?s=96&#38;d=identicon" medium="image">
			<media:title type="html">aftereffectsofaftereffects</media:title>
		</media:content>

		<media:content url="http://aftereffectsofaftereffects.files.wordpress.com/2008/10/50s-mood-board1.jpg?w=510" medium="image">
			<media:title type="html">50's</media:title>
		</media:content>
	</item>
		<item>
		<title>Week 9 &gt; Temporal Graffiti</title>
		<link>http://aftereffectsofaftereffects.wordpress.com/2008/09/29/week-10-temporal-graffiti/</link>
		<comments>http://aftereffectsofaftereffects.wordpress.com/2008/09/29/week-10-temporal-graffiti/#comments</comments>
		<pubDate>Mon, 29 Sep 2008 01:40:09 +0000</pubDate>
		<dc:creator>aftereffectsofaftereffects</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://aftereffectsofaftereffects.wordpress.com/?p=38</guid>
		<description><![CDATA[Graffiti in 3D? Being a reasonably avid photographer, I browsed through my photos and found three I could use for this piece. They were a Ferris Wheel, a sculpture of a Hindu god (Lord Muruga?), and a Chinese lantern. All man-made objects. To &#8216;graffitise&#8217; them, I first used Hue and Saturation in Photoshop to take [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=aftereffectsofaftereffects.wordpress.com&amp;blog=4366580&amp;post=38&amp;subd=aftereffectsofaftereffects&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h2>Graffiti in 3D?</h2>
<p>Being a reasonably avid photographer, I browsed through my photos and found three I could use for this piece. They were a Ferris Wheel, a sculpture of a Hindu god (Lord Muruga?), and a Chinese lantern. All man-made objects.</p>
<p>To &#8216;graffitise&#8217; them, I first used Hue and Saturation in Photoshop to take away colour. Then I used Curves to create a high contrast black and white image. Once I was done with the three visuals, it was time to work on the background on which the graffiti would appear. I took two photos, a concrete floor and a wall, and altered their hue, saturation and contrast levels. After I had all the elements I wanted, I dumped them into After Effects to be put together into a composition.</p>
<p>I made a mask with the Pen and Stroke tools in After Effects. I keyframed the Stroke effect so it would look like someone was spraying black paint onto a stencil. After that, I decided to take my project further.</p>
<p>I clicked the 3D button and set a Camera in place. I made my Camera zoom in towards the red rectangle, <em>through</em> the Ferris Wheel graffiti. In beat to the music, I later made the Camera lunge forward, filling the screen with red, and let it focus on the black lantern graffiti appearing between the two gods.</p>
<p>All of a sudden I figured I should turn the composition into an intro ident for a production house. I added a layer of graffiti beneath the black lantern and made text to appear as the composition ended.</p>
<p>Looking at it now, I think cutting out the first half of the composition, i.e. the Ferris Wheel, and starting somewhere in the middle would result in a better piece.</p>
<p>Click here for Temporal Graffiti/Ident: <a href="http://vimeo.com/1837025" target="_blank">http://vimeo.com/1837025</a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/aftereffectsofaftereffects.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/aftereffectsofaftereffects.wordpress.com/38/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/aftereffectsofaftereffects.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/aftereffectsofaftereffects.wordpress.com/38/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/aftereffectsofaftereffects.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/aftereffectsofaftereffects.wordpress.com/38/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/aftereffectsofaftereffects.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/aftereffectsofaftereffects.wordpress.com/38/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/aftereffectsofaftereffects.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/aftereffectsofaftereffects.wordpress.com/38/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/aftereffectsofaftereffects.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/aftereffectsofaftereffects.wordpress.com/38/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/aftereffectsofaftereffects.wordpress.com/38/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/aftereffectsofaftereffects.wordpress.com/38/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=aftereffectsofaftereffects.wordpress.com&amp;blog=4366580&amp;post=38&amp;subd=aftereffectsofaftereffects&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://aftereffectsofaftereffects.wordpress.com/2008/09/29/week-10-temporal-graffiti/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/9f34f20e554d063858da64298f8735b9?s=96&#38;d=identicon" medium="image">
			<media:title type="html">aftereffectsofaftereffects</media:title>
		</media:content>
	</item>
		<item>
		<title>Animation and Motion Graphics Assignment 1</title>
		<link>http://aftereffectsofaftereffects.wordpress.com/2008/09/10/animation-and-motion-graphics-assignment-1/</link>
		<comments>http://aftereffectsofaftereffects.wordpress.com/2008/09/10/animation-and-motion-graphics-assignment-1/#comments</comments>
		<pubDate>Wed, 10 Sep 2008 05:17:10 +0000</pubDate>
		<dc:creator>aftereffectsofaftereffects</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://aftereffectsofaftereffects.wordpress.com/?p=28</guid>
		<description><![CDATA[Assignment 1, Reflection I&#8217;ve created a temporal identity clip that answers the question: What am I doing here (at QUT)? Or put in another way, the composition relates a transition in my life from copywriter to student. The tagline I wrote sums up the reason for the transition: The Copywriter Who Wanted More. Digital media [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=aftereffectsofaftereffects.wordpress.com&amp;blog=4366580&amp;post=28&amp;subd=aftereffectsofaftereffects&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h2><strong>Assignment 1, Reflection</strong></h2>
<p>I&#8217;ve created a temporal identity clip that answers the question: What am I doing here (at QUT)? Or put in another way, the composition relates a transition in my life from copywriter to student. The tagline I wrote sums up the reason for the transition: <em>The Copywriter Who Wanted More</em>. Digital media was rapidly changing the advertising industry. I needed to be a student of new media.</p>
<p>My target viewers are anyone curious about where I am and what I&#8217;m doing now. My primary audience are those I&#8217;ve worked with before moving to Queensland as well as family members back home. My secondary audience are potential employers who might want to know why I chose to take a break from work to study. I hope the composition will answer their questions and convince them that I&#8217;ve acquired a new, useful skill</p>
<p>After Effects gives &#8220;life&#8221; to my actors (i.e. elements on screen). It affords many motion possibilities as well as the animation of 2D forms in 3D space. I elaborate on this in the following paragraphs.</p>
<p>To tell my story, I used stage and puppetry elements as a reference. In line with that, the feel and tone of the work was slightly humorous. <em>Metaphorical</em> objects like a paper plane was used to represent my journey to Australia. A pencil symbolised my occupation as a writer. In addition, <em>literal</em> assets like a PC, QUT logo and mortar board were also employed in the production.</p>
<p>In terms of <em>space</em>, red curtains in the background gave the impression of a stage, the set in which my actors and elements played. The curtains added spatial depth to the space as well. A spotlight further enhanced the theatre-esque feel.</p>
<p>As a more realistic approach or <em>form</em> was taken instead of an abstract one, the movement of my characters and elements had to be as true-to-life as possible. Objects that dropped into view had to obey physical laws like gravity. Other actions to mimic live action included inertia and arc-like motion of objects tied to strings.</p>
<p>In terms of <em>timing</em>, the rhythm of the video was paced to the soundtrack. Actors coming into screen did not dangle too long on stage – which would&#8217;ve been boring, nor enter and exit too quickly – which would&#8217;ve caused the signages, for instance, to be unreadable.</p>
<h2>After Effects Techniques</h2>
<p>Elements were arranged on the stage in 3D space with the Camera and Lights switched on. The camera was &#8216;locked&#8217; in to a Null Object to ensure that it remained fixed for most of the production. All objects could cast and receive shadows, even the strings attached to the objects.  Easy Ease and Motion Blur functions made movement more realistic. Keyframing all the elements took massive amounts of time; hours were spent setting, correcting and replaying actions. The initial drafts of the video clip did not feature a red curtain. After some feedback, curtains were added and I liked it immediately. The actors seemed to have more depth when a background element was present. The words on the title boards were not up to mark, I felt. They seemed slightly blur. I tried tweaking the camera&#8217;s focus but to no effect.</p>
<p><em>Link to The Copywriter Who video clip: <a href="http://vimeo.com/1836484" target="_blank">http://vimeo.com/1836484</a></em></p>
<h2>Reference list for Assignment 1</h2>
<p>Flickr photos used under a Creative Commons Non-commercial, Share Alike Licence : Mortar Board, Eyeball, Brain, False Teeth, Roo, PC, Red Curtains, and Pencil. (www.flickr.com via www.search.creativecommons.org)</p>
<p>Photos and Additional Graphics by Joel Lim: Paper Plane,QUT logo, and all Title Boards.</p>
<p>Soundtrack: Music &#8216;A Smile and a Ribbon&#8217; by artist: Patience and Prudence. Album: The Best of Patience and Prudence.</p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/aftereffectsofaftereffects.wordpress.com/28/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/aftereffectsofaftereffects.wordpress.com/28/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/aftereffectsofaftereffects.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/aftereffectsofaftereffects.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/aftereffectsofaftereffects.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/aftereffectsofaftereffects.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/aftereffectsofaftereffects.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/aftereffectsofaftereffects.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/aftereffectsofaftereffects.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/aftereffectsofaftereffects.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/aftereffectsofaftereffects.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/aftereffectsofaftereffects.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/aftereffectsofaftereffects.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/aftereffectsofaftereffects.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/aftereffectsofaftereffects.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/aftereffectsofaftereffects.wordpress.com/28/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=aftereffectsofaftereffects.wordpress.com&amp;blog=4366580&amp;post=28&amp;subd=aftereffectsofaftereffects&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://aftereffectsofaftereffects.wordpress.com/2008/09/10/animation-and-motion-graphics-assignment-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/9f34f20e554d063858da64298f8735b9?s=96&#38;d=identicon" medium="image">
			<media:title type="html">aftereffectsofaftereffects</media:title>
		</media:content>
	</item>
		<item>
		<title>Week 6 &gt; Mad Mack&#8217;s</title>
		<link>http://aftereffectsofaftereffects.wordpress.com/2008/08/30/week-6-exercise-mad-macks/</link>
		<comments>http://aftereffectsofaftereffects.wordpress.com/2008/08/30/week-6-exercise-mad-macks/#comments</comments>
		<pubDate>Sat, 30 Aug 2008 06:21:12 +0000</pubDate>
		<dc:creator>aftereffectsofaftereffects</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://aftereffectsofaftereffects.wordpress.com/?p=24</guid>
		<description><![CDATA[Notes: After Effects Camera function is really something awesome. With that, I can activate 3D tools like making the logo spin around. An effect I found fun to play with was Explosions. It&#8217;s great for blowing up the prices in the retail ident clip. I also took what I learnt at the lecture about animation [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=aftereffectsofaftereffects.wordpress.com&amp;blog=4366580&amp;post=24&amp;subd=aftereffectsofaftereffects&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h2><strong>Notes:</strong></h2>
<p>After Effects Camera function is really something awesome. With that, I can activate 3D tools like making the logo spin around. An effect I found fun to play with was Explosions. It&#8217;s great for blowing up the prices in the retail ident clip. I also took what I learnt at the lecture about animation to make my actors (objects, text) behave more realistically (inertia, movement, speed) in virtual 3D space. With SFX, I bet the overall clip will be ten times more impactful and more MAD.</p>
<p>To watch Mad Mack&#8217;s, click here: <a title="Mad Mack's" href="http://www.youtube.com/watch?v=-KEdqPGH_9k">http://www.youtube.com/watch?v=-KEdqPGH_9k</a></p>
<address> </address>
<address><span style="color:#999999;">I</span><span style="color:#999999;">mages of toaster, blender and hair dryer taken from the following websites:</span></address>
<address><span style="color:#999999;">www.images.ru/img/alibaba/photos/51286113/Stainless_Steel_Toaster.jpg</span></address>
<address><span style="color:#999999;">www.baratillo.ph/store/images/heller_blender.jpg</span></address>
<address><span style="color:#999999;">www.healthy-hair-and-skin.com/images/revlon_hair_dryer</span><br />
</address>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/aftereffectsofaftereffects.wordpress.com/24/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/aftereffectsofaftereffects.wordpress.com/24/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/aftereffectsofaftereffects.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/aftereffectsofaftereffects.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/aftereffectsofaftereffects.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/aftereffectsofaftereffects.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/aftereffectsofaftereffects.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/aftereffectsofaftereffects.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/aftereffectsofaftereffects.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/aftereffectsofaftereffects.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/aftereffectsofaftereffects.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/aftereffectsofaftereffects.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/aftereffectsofaftereffects.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/aftereffectsofaftereffects.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/aftereffectsofaftereffects.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/aftereffectsofaftereffects.wordpress.com/24/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=aftereffectsofaftereffects.wordpress.com&amp;blog=4366580&amp;post=24&amp;subd=aftereffectsofaftereffects&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://aftereffectsofaftereffects.wordpress.com/2008/08/30/week-6-exercise-mad-macks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/9f34f20e554d063858da64298f8735b9?s=96&#38;d=identicon" medium="image">
			<media:title type="html">aftereffectsofaftereffects</media:title>
		</media:content>
	</item>
		<item>
		<title>Week 3 &gt; Kinetic Type</title>
		<link>http://aftereffectsofaftereffects.wordpress.com/2008/08/15/week-3-tutorial-type/</link>
		<comments>http://aftereffectsofaftereffects.wordpress.com/2008/08/15/week-3-tutorial-type/#comments</comments>
		<pubDate>Fri, 15 Aug 2008 03:46:36 +0000</pubDate>
		<dc:creator>aftereffectsofaftereffects</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://aftereffectsofaftereffects.wordpress.com/?p=15</guid>
		<description><![CDATA[Design Considerations I didn&#8217;t want to go down the beaten path of making sentences and words move on screen; although parts of my clip does have that. To differentiate my work, yet keeping within the bounds of only using type in the exercise, I decided to make a face with type. My name, Joel, was [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=aftereffectsofaftereffects.wordpress.com&amp;blog=4366580&amp;post=15&amp;subd=aftereffectsofaftereffects&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h2><strong>Design Considerations</strong></h2>
<p>I didn&#8217;t want to go down the beaten path of making sentences and words move on screen; although parts of my clip does have that. To differentiate my work, yet keeping within the bounds of only using type in the exercise, I decided to make a face with type. My name, Joel, was transformed into a face using different typefaces.</p>
<p>The choice of font for the face was not random. I wanted an &#8216;e&#8217; that would stand out as it would be the eye and selected a serif font. The &#8216;o&#8217; for the mouth had to be simple so I chose Helvetica. The &#8216;j&#8217; was to be the top part of the head and I wanted it to be smooth, a slick hairstyle, so I chose a freehand font. The capital &#8216;L&#8217; was the nose and I selected a serif typeface that made it prominent but not imposing.</p>
<p>Once the face and mouth movements were settled, I needed to make the clip interest the viewer and tried to inject some humour in it. I did this by having the face misunderstand certain words of the rapid-fire speech of the audio track. This I did with the early &#8216;pen&#8217; sequence. I also pulled out particular words and made them interact with the face in unexpected ways. The interactions were relevant to the what was being said. For instance &#8216;repression&#8217; seemed to force the face to duck beneath the screen.</p>
<p>All in all, I enjoyed the exercise. (Note to self: I want to learn how to track images and text on the screen.)</p>
<p>Click to play Kinetic Type clip: <a href="http://www.youtube.com/watch?v=gpTuBg85ynk" target="_blank">http://www.youtube.com/watch?v=gpTuBg85ynk</a></p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/aftereffectsofaftereffects.wordpress.com/15/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/aftereffectsofaftereffects.wordpress.com/15/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/aftereffectsofaftereffects.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/aftereffectsofaftereffects.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/aftereffectsofaftereffects.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/aftereffectsofaftereffects.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/aftereffectsofaftereffects.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/aftereffectsofaftereffects.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/aftereffectsofaftereffects.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/aftereffectsofaftereffects.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/aftereffectsofaftereffects.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/aftereffectsofaftereffects.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/aftereffectsofaftereffects.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/aftereffectsofaftereffects.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/aftereffectsofaftereffects.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/aftereffectsofaftereffects.wordpress.com/15/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=aftereffectsofaftereffects.wordpress.com&amp;blog=4366580&amp;post=15&amp;subd=aftereffectsofaftereffects&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://aftereffectsofaftereffects.wordpress.com/2008/08/15/week-3-tutorial-type/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/9f34f20e554d063858da64298f8735b9?s=96&#38;d=identicon" medium="image">
			<media:title type="html">aftereffectsofaftereffects</media:title>
		</media:content>
	</item>
		<item>
		<title>Week 2 &gt; Photoshop Montage</title>
		<link>http://aftereffectsofaftereffects.wordpress.com/2008/07/31/week-2-photoshop-montage/</link>
		<comments>http://aftereffectsofaftereffects.wordpress.com/2008/07/31/week-2-photoshop-montage/#comments</comments>
		<pubDate>Thu, 31 Jul 2008 00:57:46 +0000</pubDate>
		<dc:creator>aftereffectsofaftereffects</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[montage]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://aftereffectsofaftereffects.wordpress.com/?p=4</guid>
		<description><![CDATA[The above is a jpeg of my composition entitled: EAT. Click to see full size image. Design Considerations The design incorporates street art, graffiti style; a combination of communist propaganda poster and anarchistic copy. The man and woman depicted here are set in the midst of a headless man in a suit, slices of steaks [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=aftereffectsofaftereffects.wordpress.com&amp;blog=4366580&amp;post=4&amp;subd=aftereffectsofaftereffects&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a href="http://aftereffectsofaftereffects.files.wordpress.com/2008/07/amg-wk2-tute-copy.jpg"><img class="alignnone size-medium wp-image-3" src="http://aftereffectsofaftereffects.files.wordpress.com/2008/07/amg-wk2-tute-copy.jpg?w=1024&#038;h=576" alt="" width="1024" height="576" /></a></p>
<p><span style="color:#333333;"><em>The above is a jpeg of my composition entitled: EAT. Click to see full size image.<br />
</em></span></p>
<h2><strong>Design Considerations</strong></h2>
<p>The design incorporates street art, graffiti style; a combination of communist propaganda poster and anarchistic copy. The man and woman depicted here are set in the midst of a headless man in a suit, slices of steaks and some kind of steel structure. Upon closer inspection , bite marks are seen along the edges of the three objects surrounding the couple.</p>
<p>On top of the several layers, I&#8217;ve overlaid a semi-transparent reddish layer. This is to make the montage look more uniform in colour. The red tint also evokes a sense of anger, which is in-line with the headline which communicates capitalism&#8217;s (and pseudo-communist economies&#8217;) insatiable hunger for resources such as labour, food and steel.</p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/aftereffectsofaftereffects.wordpress.com/4/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/aftereffectsofaftereffects.wordpress.com/4/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/aftereffectsofaftereffects.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/aftereffectsofaftereffects.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/aftereffectsofaftereffects.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/aftereffectsofaftereffects.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/aftereffectsofaftereffects.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/aftereffectsofaftereffects.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/aftereffectsofaftereffects.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/aftereffectsofaftereffects.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/aftereffectsofaftereffects.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/aftereffectsofaftereffects.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/aftereffectsofaftereffects.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/aftereffectsofaftereffects.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/aftereffectsofaftereffects.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/aftereffectsofaftereffects.wordpress.com/4/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=aftereffectsofaftereffects.wordpress.com&amp;blog=4366580&amp;post=4&amp;subd=aftereffectsofaftereffects&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://aftereffectsofaftereffects.wordpress.com/2008/07/31/week-2-photoshop-montage/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/9f34f20e554d063858da64298f8735b9?s=96&#38;d=identicon" medium="image">
			<media:title type="html">aftereffectsofaftereffects</media:title>
		</media:content>

		<media:content url="http://aftereffectsofaftereffects.files.wordpress.com/2008/07/amg-wk2-tute-copy.jpg?w=300" medium="image" />
	</item>
	</channel>
</rss>
