<?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>Keyframe Kid - Motion Graphics Tutorials &#38; Discussion &#187; Techniques</title>
	<atom:link href="http://www.keyframekid.com/category/techniques/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.keyframekid.com</link>
	<description></description>
	<lastBuildDate>Tue, 11 May 2010 20:14:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Good Morning Title Tutorial and Project Files</title>
		<link>http://www.keyframekid.com/2009/12/01/good-morning-title-tutorial/</link>
		<comments>http://www.keyframekid.com/2009/12/01/good-morning-title-tutorial/#comments</comments>
		<pubDate>Tue, 01 Dec 2009 01:18:26 +0000</pubDate>
		<dc:creator>Youssef Sarhan</dc:creator>
				<category><![CDATA[Techniques]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[Particular]]></category>
		<category><![CDATA[Titles]]></category>
		<category><![CDATA[Trapcode]]></category>
		<category><![CDATA[Workflow]]></category>

		<guid isPermaLink="false">http://www.keyframekid.com/?p=176</guid>
		<description><![CDATA[Here is the effect we will be creating:

And here&#8217;s the tutorial:

Hey guys, back again after a little break. Right, so in this video I will show you how to create the sort of effect you might see on a morning tv show. It&#8217;s more about the basic skills you will learn in the tutorial rather [...]]]></description>
			<content:encoded><![CDATA[<p>Here is the effect we will be creating:</p>
<p><object width="618" height="348"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6987954&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=ffffff&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=6987954&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="618" height="348"></embed></object></p>
<p>And here&#8217;s the tutorial:</p>
<p><object width="618" height="386"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7904067&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=ffffff&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7904067&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="618" height="386"></embed></object></p>
<p>Hey guys, back again after a little break. Right, so in this video I will show you how to create the sort of effect you might see on a morning tv show. It&#8217;s more about the basic skills you will learn in the tutorial rather than the end result.</p>
<p>Be sure to download the <a href="http://www.keyframekid.com/projectfiles/goodmorningtitle_projectfiles.zip">project files</a></p>
<p>If you&#8217;ve got any questions put them in the comments and I&#8217;ll do my best to help out. You can keep in touch with updates by <a href="http://www.twitter.com/sefsar">following me on twitter</a> or subscribe to the feed.</p>
<p>Till next time guys, bye bye!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.keyframekid.com/2009/12/01/good-morning-title-tutorial/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>After Effects Export In Under 2 Minutes</title>
		<link>http://www.keyframekid.com/2009/11/01/under-2-minutes-after-effects-export/</link>
		<comments>http://www.keyframekid.com/2009/11/01/under-2-minutes-after-effects-export/#comments</comments>
		<pubDate>Sun, 01 Nov 2009 14:31:50 +0000</pubDate>
		<dc:creator>Youssef Sarhan</dc:creator>
				<category><![CDATA[Techniques]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[After Effects]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Export]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Quicktime]]></category>
		<category><![CDATA[Render]]></category>
		<category><![CDATA[Technique]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.keyframekid.com/?p=160</guid>
		<description><![CDATA[
Okay guys, quick and easy job this time. Basic ram export from after effects, which should do the job nicely. Render times will vary depending on the piece your working on, ram and some other things but if you feel it isn&#8217;t loading as quick as you would like maybe buy a new system?
Follow me [...]]]></description>
			<content:encoded><![CDATA[<p><object width="617" height="386"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7375015&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7375015&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="617" height="386"></embed></object></p>
<p>Okay guys, quick and easy job this time. Basic ram export from after effects, which should do the job nicely. Render times will vary depending on the piece your working on, ram and some other things but if you feel it isn&#8217;t loading as quick as you would like maybe <a href="http://store.apple.com/ie-business/configure/MB535B/A?mco=MTEzOTY0MTM">buy a new system?</a></p>
<p><a href="http://twitter.com/sefsar">Follow me on twitter</a> or subscribe to the blog too keep track of updates.</p>
<p>Hope that helps guys!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.keyframekid.com/2009/11/01/under-2-minutes-after-effects-export/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Motion Graphics Animation &amp; Workflow</title>
		<link>http://www.keyframekid.com/2009/08/08/motion-graphics-animation-workflow/</link>
		<comments>http://www.keyframekid.com/2009/08/08/motion-graphics-animation-workflow/#comments</comments>
		<pubDate>Fri, 07 Aug 2009 23:03:10 +0000</pubDate>
		<dc:creator>Youssef Sarhan</dc:creator>
				<category><![CDATA[Techniques]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[Def]]></category>
		<category><![CDATA[Form]]></category>
		<category><![CDATA[HD]]></category>
		<category><![CDATA[High]]></category>
		<category><![CDATA[Keyframe]]></category>
		<category><![CDATA[Sequence]]></category>
		<category><![CDATA[Trapcode]]></category>
		<category><![CDATA[Widescreen]]></category>
		<category><![CDATA[Workflow]]></category>

		<guid isPermaLink="false">http://www.keyframekid.com/?p=60</guid>
		<description><![CDATA[
Watch in HD if you can!
Last weekend I was worked on a short motion graphics piece. The idea was to record myself in front of a greenscreen and then incorporate an element of visual effects. As the recording and editing progressed I become more interested in abstracting the video to become a new medium, a [...]]]></description>
			<content:encoded><![CDATA[<p><object width="617" height="355" data="http://vimeo.com/moogaloop.swf?clip_id=4052640&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=59a5d1&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=4052640&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=59a5d1&amp;fullscreen=1" /></object></p>
<p>Watch in HD if you can!</p>
<p>Last weekend I was worked on a short motion graphics piece. The idea was to record myself in front of a greenscreen and then incorporate an element of visual effects. As the recording and editing progressed I become more interested in abstracting the video to become a new medium, a sort of particular environment that I could explore. This intruiged me so I continued down this road. In this atricle I hope to share some of my own thoughts and techniques when it comes to working with after effects, etc. You&#8217;ll see that even with some rudimentary materials you can create some pretty impressive and vibrant visuals.</p>
<p><img src="http://www.keyframekid.com/wp-content/uploads/2009/07/3423051354_6d27afd60b_b.jpg" alt="3423051354_6d27afd60b_b" title="3423051354_6d27afd60b_b" width="1024" height="620" class="alignnone size-full wp-image-64" /></p>
<p>Ok so to give you a break down of what was involved it was something like this.</p>
<p>Film Greenscreen Content >> Capture/Cut/Key in Final Cut >> Particle Visuals, AE Camera Control, Sound FX &#038; Music >> Final Ram Export</p>
<p>Thats the rough workflow, of course there were some forward-backward process as you can imagine. This isn&#8217;t going to be a tutorial but rather how you might approach working on something similar, I&#8217;ll go through each of the stages and fill you in on what worked and what didn&#8217;t.</p>
<p><span id="more-60"></span><strong>Film Greenscreen Content</strong></p>
<p>Ok, so I had pretty limited access to facilities, it was about 3am so no recording studios would let me in. Armed with a pretty decent budget HD camera, tripod, one lamp, a .7x wide converter, some tape (you&#8217;ll see why) and of course a few square meters of green cloth. I set it up like so:</p>
<p><img src="http://www.keyframekid.com/wp-content/uploads/2009/07/3422796402_44cd3a4c71_b.jpg" alt="3422796402_44cd3a4c71_b" title="3422796402_44cd3a4c71_b" width="1024" height="737" class="alignnone size-full wp-image-66" /></p>
<p>I had the camera and the lamp in pretty much the same place, at 300w the lamp was too bright and was going to cast a strong shadow behind the subject so I pointed it up against the white ceiling so that it would bounce and defuse the light onto peter, that way you&#8217;d avoid a as much shadow on the green screen. Bare in mind peteys (he let me call him that) pants are green, so they would be tricky to key out, you might have to masked it out frame by frame (<a href="http://en.wikipedia.org/wiki/Rotoscoping">rotoscoping</a>), he refused to wear anything different as you can imagine. Try to wear clothes that contrasts green, nothing from the green spectrum is what you&#8217;re aiming for. You want the greenscreen to be as evenly lit as possible. Ideally I would have had a lamp on either side lighting from behind and making the greenscreen bright for an easy key. There was also an ugly florescent light – you don&#8217;t really want these, if you can avoid it &#8211; directly behind and above me which actually helped soften the lighting in general. That came in handy in post when I was keying the footage. As you can see the camera is about at hip height. I&#8217;d also recommend getting the most vibrant green you can find, the green I found was a little muted. Ideally you&#8217;re looking for something that&#8217;s pretty easy to key like <a href="http://www.destudiodublin.com/images/1000x458%20deStudio%20Greenscreen%20Promo%20Crowd%2024-08-2007%2017-06-10-UWA.jpg">this</a>. As the lighting wasn&#8217;t perfect I had to rotoscope some of the frames, you want to avoid that if possible. Say you need to rotoscope 3 seconds and you&#8217;re shooting 25fps, that&#8217;s 75 frames. Depending on the complexity of the movement that could eat up a plenty of time. Try do everything you can before post so that in post it&#8217;s a smooth process.</p>
<p><img src="http://www.keyframekid.com/wp-content/uploads/2009/07/3422796308_e8e9ce074e_b.jpg" alt="3422796308_e8e9ce074e_b" title="3422796308_e8e9ce074e_b" width="1024" height="775" class="alignnone size-full wp-image-68" /></p>
<p>I turned the camera on it&#8217;s side for the full body recording, for two reasons, first off, so that I could fit in the whole shot; and secondly when you&#8217;re recording a full body shot on a greenscreen it makes much more sense to turn the camera so that the shot is vertical, this way you maximize the resolution. The action of the scene is now taking up pretty much all the frame.</p>
<p>I said earlier I had tape and a .7 wide converter, yeah, about that&#8230; erm, I taped the converter onto the front of the camera, and surprisingly it worked a charm, it was crucial for full-body shots. I had no other way of doing it, the room wasn&#8217;t big enough to move the camera back far enough. As I didn&#8217;t need the image to be totally sharp this was ok, however if you want a really sharp image, dont tape your lens on. I think thats obvious; anyway, here&#8217;s what it looked like.</p>
<p><img src="http://www.keyframekid.com/wp-content/uploads/2009/07/3422886810_f89e19ca9f_o-1.png" alt="3422886810_f89e19ca9f_o-1" title="3422886810_f89e19ca9f_o-1" width="582" height="690" class="alignnone size-full wp-image-70" /><br />
<!--more--><br />
<strong>Cut/Key Capture in Final Cut</strong></p>
<p>After a recording I captured the MiniDV in Final Cut. I didn&#8217;t need the key to be perfect., I just needed to get rid of the main bulk and isolate me to some extent. Here&#8217;s a quick breakdown of the process.</p>
<p><img src="http://www.keyframekid.com/wp-content/uploads/2009/07/3422154127_8acd1f1602_o.gif" alt="3422154127_8acd1f1602_o" title="3422154127_8acd1f1602_o" width="805" height="715" class="alignnone size-full wp-image-72" /></p>
<p>Raw footage was keyed then converted to B&#038;W using Gradient Ramp in After effects. I had the particles respond to lights and darks so I crushed the blacks &#038; whites together creating a strong contrast.</p>
<p><strong>Particle Visuals/AE Camera Control, Sound FX &#038; Music</strong></p>
<p>After the footage was processed then came the main task, the one which required the most thought and was essentially the hardest of them all. I used <a href="http://www.redgiantsoftware.com/products/all/trapcode-form/">Trapcode Form</a>, an extremely powerful plug-in from Red Giant Software for After Effects. There are tens of thousands, quite possibly millions of different combinations for how this plug-in can look. It&#8217;s easy to navigate but I think I&#8217;ve only scraped the surface. It was my first time using this plug in, be sure to check out their site for more info plus you can <a href="http://www.redgiantsoftware.com/downloads/trial-versions/">download the trail</a> for free which is a great way to learn it.</p>
<p>The way I had the plug-in set up was to convert the video into a 3 particle deep system. Consisting of the colours red,green,blue. I could have made it 2000, 243 or 68 deep, any number, it&#8217;s totally up to you. However this will effect loading times. This is also applicable to all the setting, if ever you&#8217;ve used after effects you&#8217;ll know that there is a huge range of possibility, a fantastic piece of software. Anyway by linking the particles to only display the lights of separate precomp (the b&#038;w video footage of me talking) I now had a pseudo-3d animated environment that I could maneuver the after effects camera around. While After Effects may look 3d it&#8217;s considered to be 2.5d so it has some of the appearance of 3d(X, Y &#038; Z axes) but it isn&#8217;t 3d in the same why 3DMax, Maya, Blender or C4D are. I was able to expand the particles to add some more depth to the video, like when I zoom into the face and you can sort of see my side profile even tho the shot was static and didn&#8217;t move. For example you could achieve a similar effect with a photograph, actually for some of the parts I did use stills from the footage.</p>
<p>Here are some shots of the flowchart from After Effects; how each layer and comp relate to one another. This is just a small portion of it.</p>
<p><img src="http://www.keyframekid.com/wp-content/uploads/2009/07/Picture-35.png" alt="Picture 35" title="Picture 35" width="976" height="907" class="alignnone size-full wp-image-80" /></p>
<p><strong>Final Ram Export</strong></p>
<p>When I was done I added it to the Render Que and exported it. Full HD so it came out pretty sweet. I&#8217;ll also note that I was working in 32BPC, not the 8BPC default, this really worked nicely to bump out the glow.</p>
<p>Here are a few screen-caps. Click them for full-res, the work pretty nicely as widescreen wallpapers.</p>
<p><a href="http://www.whiteinkblog.com/motiongraphicssc/sc1.jpg"><img src="http://www.whiteinkblog.com/motiongraphicssc/sc1.jpg" alt="" /></a></p>
<p><a href="http://www.whiteinkblog.com/motiongraphicssc/sc2.jpg"><img src="http://www.whiteinkblog.com/motiongraphicssc/sc2.jpg" alt="" /></a></p>
<p><a href="http://www.whiteinkblog.com/motiongraphicssc/sc3.jpg"><img src="http://www.whiteinkblog.com/motiongraphicssc/sc3.jpg" alt="" /></a></p>
<p><a href="http://www.whiteinkblog.com/motiongraphicssc/sc4.jpg"><img src="http://www.whiteinkblog.com/motiongraphicssc/sc4.jpg" alt="" /></a></p>
<p><a href="http://www.whiteinkblog.com/motiongraphicssc/sc5.jpg"><img src="http://www.whiteinkblog.com/motiongraphicssc/sc5.jpg" alt="" /></a></p>
<p><a href="http://www.whiteinkblog.com/motiongraphicssc/sc6.jpg"><img src="http://www.whiteinkblog.com/motiongraphicssc/sc6.jpg" alt="" /></a></p>
<p>So there you have it, that&#8217;s the rough workflow. If there&#8217;s one tip I can give you to take away from this, it would have to be; try do everything you can on set to make the work in post as easy and clean as possible. I think this can be applied to plenty of other mediums, photography etc. You want a solid beginning to work with and then everything you do after that will be a breeze.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.keyframekid.com/2009/08/08/motion-graphics-animation-workflow/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>Keyframe Kid Intro Sequence</title>
		<link>http://www.keyframekid.com/2009/07/27/keyframe-kid-intro-sequence/</link>
		<comments>http://www.keyframekid.com/2009/07/27/keyframe-kid-intro-sequence/#comments</comments>
		<pubDate>Mon, 27 Jul 2009 15:44:09 +0000</pubDate>
		<dc:creator>Youssef Sarhan</dc:creator>
				<category><![CDATA[Techniques]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[Form]]></category>
		<category><![CDATA[introduction]]></category>
		<category><![CDATA[Keyframe]]></category>
		<category><![CDATA[Kid]]></category>
		<category><![CDATA[Sequence]]></category>
		<category><![CDATA[The Kid]]></category>
		<category><![CDATA[Titles]]></category>
		<category><![CDATA[Trapcode]]></category>
		<category><![CDATA[Workflow]]></category>
		<category><![CDATA[Workspace]]></category>

		<guid isPermaLink="false">http://www.keyframekid.com/?p=28</guid>
		<description><![CDATA[
A run-through of the Keyframe Kid intro sequence. In the video I&#8217;ve shown the project file and what it is comprised of and what each of the layers are doing. There is a lot going on in the comp so I try to keep the detail sparse but giving enough information to knows going on.
Point-by-point [...]]]></description>
			<content:encoded><![CDATA[<p><object width="617" height="347"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=5770422&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=5770422&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="617" height="347"></embed></object></p>
<p>A run-through of the Keyframe Kid intro sequence. In the video I&#8217;ve shown the project file and what it is comprised of and what each of the layers are doing. There is a lot going on in the comp so I try to keep the detail sparse but giving enough information to knows going on.</p>
<p>Point-by-point here are some of the topics I discuss:</p>
<ul><strong>-</strong> Workspace optimisation to maximise workspace<br />
<strong>-</strong> Adjustment Layers<br />
<strong>-</strong> Working with 2D layers and 3D particle generators (Trapcode Form)<br />
<strong>-</strong> My workflow and how I could improve it, mainly descriptive layer naming
</ul>
<p>Just a little suggestion, you may like to go full-screen for this, some of the details are subtle.</p>
<p>If there are any areas that you want to know more about or if you&#8217;ve got any questions just ask and I&#8217;ll do my best to help. If you&#8217;d like to get in contact about anything then feel free to use the <a href="http://www.keyframekid.com/contact/">contact form</a> or to keep up-to-date on the daily happening of the Keyframe Kid then you can <a href="http://www.twitter.com/sefsar">follow me on twitter</a> where I am quite active.</p>
<p>Bye!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.keyframekid.com/2009/07/27/keyframe-kid-intro-sequence/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
