<?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>Ryan Bosinger &#187; Animation</title>
	<atom:link href="http://ryanbosinger.com/blog/category/animation/feed/" rel="self" type="application/rss+xml" />
	<link>http://ryanbosinger.com/blog</link>
	<description>things I learn, as I learn them</description>
	<lastBuildDate>Thu, 19 Aug 2010 16:59:11 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The Life of Shakespeare</title>
		<link>http://ryanbosinger.com/blog/2009/the-life-of-shakespeare/</link>
		<comments>http://ryanbosinger.com/blog/2009/the-life-of-shakespeare/#comments</comments>
		<pubDate>Thu, 17 Dec 2009 05:19:28 +0000</pubDate>
		<dc:creator>rbosinger</dc:creator>
				<category><![CDATA[Animation]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://ryanbosinger.com/blog/?p=122</guid>
		<description><![CDATA[

I made this Flash e-learning project years ago for a college assignment.  It&#8217;s fully animated with quiz sessions by a bogus Bill Cosby.  For some reason, even though I put a ton of work into it and everybody liked it, I never thought much of it myself.  Now, several years later I [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://ryanbosinger.com/blog/wp-content/uploads/2009/12/shake.png"><img src="http://ryanbosinger.com/blog/wp-content/uploads/2009/12/shake.png" alt="The life of shakespeare" title="The life of shakespeare" width="439" height="352" class="aligncenter size-full wp-image-123" /></a></p>

<p>I made this Flash e-learning project years ago for a college assignment.  It&#8217;s fully animated with quiz sessions by a bogus Bill Cosby.  For some reason, even though I put a ton of work into it and everybody liked it, I never thought much of it myself.  Now, several years later I pulled it back up and laughed my ass off.</p>


<p>It&#8217;s been sitting on my server all ready to show off for years, but I thought I&#8217;d give a shout out to it on this blog.  Maybe someone can learn something!</p>

<p><strong>Check out <a href="http://www.ryanbosinger.com/shakespeare/shakespeare.html">The Life of Shakespeare</a></strong></p>]]></content:encoded>
			<wfw:commentRss>http://ryanbosinger.com/blog/2009/the-life-of-shakespeare/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flash Animation: Character Shading</title>
		<link>http://ryanbosinger.com/blog/2008/flash-animation-character-shading/</link>
		<comments>http://ryanbosinger.com/blog/2008/flash-animation-character-shading/#comments</comments>
		<pubDate>Fri, 19 Sep 2008 17:58:53 +0000</pubDate>
		<dc:creator>rbosinger</dc:creator>
				<category><![CDATA[Animation]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://ryanbosinger.com/blog/?p=52</guid>
		<description><![CDATA[ Adding some shading to characters and objects is a good way to add some depth to your flash animations. The following tip may be an obvious one, but if it&#8217;s new to you it may be one of the handiest tips you ever get.


 1. Draw, or open up something you want to shade. [...]]]></description>
			<content:encoded><![CDATA[ <p>Adding some shading to characters and objects is a good way to add some depth to your flash animations. The following tip may be an obvious one, but if it&#8217;s new to you it may be one of the handiest tips you ever get.</p>

<span id="more-52"></span>
 <p>1. Draw, or open up something you want to shade. In this case, I have Rick&#8217;s head from <a href="http://www.vote4oz.com">Vote4Oz</a></p>
 
<a href='http://ryanbosinger.com/blog/wp-content/uploads/2008/09/shading_rick.gif'><img src="http://ryanbosinger.com/blog/wp-content/uploads/2008/09/shading_rick.gif" alt="" title="shading_rick" width="255" height="220" class="aligncenter size-full wp-image-56" /></a>

 <p>2. Using the <strong>eyedropper tool (I)</strong>, select the main color. </p>
 <p>3. Open up the color picker, and slide the bar on the right down slightly so that you end up with a slightly darker shade of the color.</p>
 <a href='http://ryanbosinger.com/blog/wp-content/uploads/2008/09/shading_colorpalette.png'><img src="http://ryanbosinger.com/blog/wp-content/uploads/2008/09/shading_colorpalette.png" alt="" title="shading_colorpalette" width="455" height="335" class="aligncenter size-full wp-image-54" /></a>

 <p>4. Select the fill of your object </p>
<a href='http://ryanbosinger.com/blog/wp-content/uploads/2008/09/shading_rickselected.gif'><img src="http://ryanbosinger.com/blog/wp-content/uploads/2008/09/shading_rickselected.gif" alt="" title="shading_rickselected" width="255" height="220" class="aligncenter size-full wp-image-57" /></a>

<div class="google_ads_01">
<script type="text/javascript"><!--
google_ad_client = "pub-1962502741893893";
/* 468x60, created 5/27/08 */
google_ad_slot = "8820555819";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

 <p>5. Now, choose the <strong>brush tool (b)</strong>, and in the <em>options</em> portion of the toolbar, select <strong>Paint Selection </strong></p>
<a href='http://ryanbosinger.com/blog/wp-content/uploads/2008/09/shading_paintselection.gif'><img src="http://ryanbosinger.com/blog/wp-content/uploads/2008/09/shading_paintselection.gif" alt="" title="shading_paintselection" width="291" height="292" class="aligncenter size-full wp-image-55" /></a>

 <p>6. Run your brush over the area you want shaded, only what you have selected will be affected by the brush, so go nuts.</p>
<a href='http://ryanbosinger.com/blog/wp-content/uploads/2008/09/shading_rickshaded.gif'><img src="http://ryanbosinger.com/blog/wp-content/uploads/2008/09/shading_rickshaded.gif" alt="" title="shading_rickshaded" width="255" height="220" class="aligncenter size-full wp-image-53" /></a>
 <p>And there ya go. She&#8217;s a beaute.</p>

 <p><strong>Note:</strong> If you don&#8217;t already, using the keyboard to switch between tools will save you tons of time in Flash. With this technique, toggling between the brush tool and the selection tool using<strong> B</strong> and <strong>V</strong> on the keyboard will make you an efficient shading machine. </p>

<div class="google_ads_01">
<script type="text/javascript"><!--
google_ad_client = "pub-1962502741893893";
/* 468x60, created 5/27/08 */
google_ad_slot = "8820555819";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>http://ryanbosinger.com/blog/2008/flash-animation-character-shading/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Flash vCam</title>
		<link>http://ryanbosinger.com/blog/2008/the-flash-vcam/</link>
		<comments>http://ryanbosinger.com/blog/2008/the-flash-vcam/#comments</comments>
		<pubDate>Wed, 27 Feb 2008 20:54:35 +0000</pubDate>
		<dc:creator>rbosinger</dc:creator>
				<category><![CDATA[Animation]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://ryanbosinger.com/blog/2008/the-flash-vcam/</guid>
		<description><![CDATA[
Any good animation changes camera angles from time to time. Unfortunately these is no easy way to do this in Flash&#8230; by itself.



However, a fellow named Sham Bhangal wrote a little application using actionscript that allows us to have a virtual camera that can be animated within scenes.



There is also a fairly in-depth article (regarding [...]]]></description>
			<content:encoded><![CDATA[<p>
Any good animation changes camera angles from time to time. Unfortunately these is no easy way to do this in Flash&#8230; by itself.
</p>

<p>
However, a fellow named <a href="http://weblog.motion-graphics.org/">Sham Bhangal</a> wrote a little application using actionscript that allows us to have a virtual camera that can be animated within scenes.
</p>
<span id="more-5"></span>
<p>
There is also a fairly <a href="http://www.oreillynet.com/pub/a/javascript/2004/08/17/flashhacks.html?page=last">in-depth article</a> (regarding v-Cam use and more so: the code) <a href="http://www.oreillynet.com/pub/a/javascript/2004/08/17/flashhacks.html?page=last">here</a>. If you&#8217;re handy with actionscript and are looking for a little more detail on the vCam, you may prefer to start there.
</p>

<p>
But if you&#8217;d like a quick start with the vCam then <a href="/blog/downloads/vcam_fla.zip">download the this file</a> and continue reading.
</p>

<h3>Set the vCam to Your Stage Size</h3>
<ol>
	<li>Open <em>vcam.fla</em> that you downloaded from the link above.</li>
	<li>Copy the<em> vcam</em> movieclip symbol and paste it into your movie on a new layer (this layer should always remain the first layer).</li>
<img src="/blog/post-images/vcam/vCam_newLayer.png" alt="" width="317" height="169" class="aligncenter" />
<p>
<strong>Note:</strong> All the code the vCam needs to function is within itself. Whenever the vCam is on the stage it takes affect, and when it&#8217;s removed flash will treat it like it was never there.
</p>
	<li>It&#8217;s important that you set the initial size of the vCam to the size your of your stage. Vote4Oz is a 640&#215;480 movie so you&#8217;ll notice if you downloaded the file above that the vCam&#8217;s dimensions are 640&#215;480. If this is not done, your movie may appear distorted when running through the vCam.</li>
	<li><strong>Panning:</strong> Apply a normal motion tween to the vCam. Whatever the vCam passes is over will be what&#8217;s shown on screen.</li>
<p>
<strong>Note:</strong> You can move the vCam off the stage itself, and it will still work. Keep this is mind.
</p>
	<li><strong>Zooming:</strong> Tween the vCam smaller to zoom in, larger to zoom out.</li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://ryanbosinger.com/blog/2008/the-flash-vcam/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
