<?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>Nick Fox-Gieg's Tutorials &#187; Flash</title>
	<atom:link href="http://fox-gieg.com/tutorials/category/flash/feed/" rel="self" type="application/rss+xml" />
	<link>http://fox-gieg.com/tutorials</link>
	<description></description>
	<lastBuildDate>Fri, 06 Apr 2012 05:07:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Flash and Function Keys</title>
		<link>http://fox-gieg.com/tutorials/2009/know-your-function-keys/</link>
		<comments>http://fox-gieg.com/tutorials/2009/know-your-function-keys/#comments</comments>
		<pubDate>Sun, 10 May 2009 16:09:08 +0000</pubDate>
		<dc:creator>Nick</dc:creator>
				<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://fox-gieg.com/tutorials/2009/know-your-function-keys/</guid>
		<description><![CDATA[Unusually for a modern application, Flash demands that you learn to use the function keys at the top of your keyboard. (On a Mac, these rarely-used keys are typically reserved for changing screen brightness, sound volume, and the like. You can change this default setting in the System Preferences.) The essential commands are: ( Create [...]]]></description>
			<content:encoded><![CDATA[<p>Unusually for a modern application, Flash demands that you learn to use the <b>function keys</b> at the top of your keyboard.  (On a Mac, these rarely-used keys are typically reserved for changing screen brightness, sound volume, and the like.  You can change this default setting in the System Preferences.)  The essential commands are:</p>
<p><b><i>( Create )</i></b><br />
<b>F7</b>:  make a new empty frame.<br />
<b>F6</b>:  duplicate the current frame.<br />
<b>F5</b>:  extend the current frame.</p>
<p><b><i>( Preserve )</i></b><br />
<b>F8</b>:  convert the current selection into a Symbol.<br />
<b>Command &#8211; F8</b> (Mac) or <b>Control &#8211; F8</b> (PC):  make a new empty Symbol.</p>
<p><b><i>( Destroy )</i></b><br />
<b>Shift &#8211; F5</b>:  delete the current frame, and close the gap on the timeline.<br />
<b>Shift &#8211; F6</b>:  delete the current frame, and leave the rest of the timeline in place.</p>
]]></content:encoded>
			<wfw:commentRss>http://fox-gieg.com/tutorials/2009/know-your-function-keys/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Copy and Paste Frames</title>
		<link>http://fox-gieg.com/tutorials/2009/copy-and-paste-frames-in-flash/</link>
		<comments>http://fox-gieg.com/tutorials/2009/copy-and-paste-frames-in-flash/#comments</comments>
		<pubDate>Sat, 10 Jan 2009 22:44:37 +0000</pubDate>
		<dc:creator>Nick</dc:creator>
				<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://fox-gieg.com/tutorials/2009/copy-and-paste-frames-in-flash/</guid>
		<description><![CDATA[(click to play) Here&#8217;s a video tutorial on how to copy and paste blocks of frames on the timeline in Flash. This is a great way to move large amounts of content between FLA project files&#8211;and you don&#8217;t have to dig around in the Library panel, either.]]></description>
			<content:encoded><![CDATA[<p><a href="http://fox-gieg.com/tutorials/tut-images/video/copy_paste_frames.mp4"><img src="http://fox-gieg.com/tutorials/tut-images/video/copy_paste_frames-thumb320.png" border=0/></a><br />
<span class="cite">(click to play)</span></p>
<p>Here&#8217;s a video tutorial on how to copy and paste blocks of frames on the timeline in Flash.  This is a great way to move large amounts of content between FLA project files&#8211;and you don&#8217;t have to dig around in the Library panel, either.</p>
]]></content:encoded>
			<wfw:commentRss>http://fox-gieg.com/tutorials/2009/copy-and-paste-frames-in-flash/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
<enclosure url="http://fox-gieg.com/tutorials/tut-images/video/copy_paste_frames.mp4" length="2695400" type="video/mp4" />
		</item>
		<item>
		<title>Hand Trace a Photo</title>
		<link>http://fox-gieg.com/tutorials/2009/hand-trace-a-photo-in-flash/</link>
		<comments>http://fox-gieg.com/tutorials/2009/hand-trace-a-photo-in-flash/#comments</comments>
		<pubDate>Fri, 02 Jan 2009 00:34:43 +0000</pubDate>
		<dc:creator>Nick</dc:creator>
				<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://fox-gieg.com/tutorials/2009/hand-trace-a-photo-in-flash/</guid>
		<description><![CDATA[(click to play) Here&#8217;s a video tutorial on how to import and hand-trace a photo in Flash.]]></description>
			<content:encoded><![CDATA[<p><a href="http://fox-gieg.com/tutorials/tut-images/video/hand_trace_in_flash.mp4"><img src="http://fox-gieg.com/tutorials/tut-images/video/hand_trace_in_flash-thumb320.png" border=0/></a><br />
<span class="cite">(click to play)</span></p>
<p>Here&#8217;s a video tutorial on how to import and hand-trace a photo in Flash.</p>
]]></content:encoded>
			<wfw:commentRss>http://fox-gieg.com/tutorials/2009/hand-trace-a-photo-in-flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://fox-gieg.com/tutorials/tut-images/video/hand_trace_in_flash.mp4" length="26874402" type="video/mp4" />
		</item>
		<item>
		<title>Better Flash Paintbrush</title>
		<link>http://fox-gieg.com/tutorials/2008/improve-the-flash-paintbrush/</link>
		<comments>http://fox-gieg.com/tutorials/2008/improve-the-flash-paintbrush/#comments</comments>
		<pubDate>Wed, 24 Sep 2008 03:37:29 +0000</pubDate>
		<dc:creator>Nick</dc:creator>
				<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://fox-gieg.com/tutorials/2008/improve-the-flash-paintbrush/</guid>
		<description><![CDATA[Here&#8217;s an easy tip to improve Flash&#8217;s basic drawing tool, the paintbrush: dial down its automatic smoothing feature. This makes each stroke more faithful to your original drawn line, avoiding the stereotypical &#8220;Flash look.&#8221; A potential drawback here is that less smoothing means more complex vector shapes, which make for bigger files and demand more [...]]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s an easy tip to improve Flash&#8217;s basic drawing tool, the paintbrush:  dial down its automatic smoothing feature.  This makes each stroke more faithful to your original drawn line, avoiding the stereotypical &#8220;Flash look.&#8221;</p>
<p>A potential drawback here is that less smoothing means more complex vector shapes, which make for bigger files and demand more CPU power during real-time playback.  However, in many cases this shouldn&#8217;t make much difference to a modern computer&#8211;and if your project is going to end up exported to video anyway, there&#8217;s no excuse not to get the best-quality line possible.</p>
<p>So, while the <b>Paintbrush</b> is selected, open the <b>Properties</b> panel and adjust the <b>Smoothing</b> amount to taste.  The default value is 50; I use 20.<br />
<img src="http://www.fox-gieg.com/tutorials/tut-images/flash-paintbrush.png" vspace=5 border=1/></p>
]]></content:encoded>
			<wfw:commentRss>http://fox-gieg.com/tutorials/2008/improve-the-flash-paintbrush/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Exporting from Flash</title>
		<link>http://fox-gieg.com/tutorials/2007/exporting-from-flash/</link>
		<comments>http://fox-gieg.com/tutorials/2007/exporting-from-flash/#comments</comments>
		<pubDate>Mon, 22 Jan 2007 15:41:15 +0000</pubDate>
		<dc:creator>Nick</dc:creator>
				<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://fox-gieg.com/tutorials/?p=40</guid>
		<description><![CDATA[Flash has a good set of export options, but I think they&#8217;re marred by bad menu design choices and some confusing variations across versions and platforms. Publishing a SWF is straightforward enough, but if you&#8217;re exporting to video formats, there are some potential pitfalls to avoid. Question 1. Are you working with non-interactive animation only&#8212;no [...]]]></description>
			<content:encoded><![CDATA[<p>Flash has a good set of export options, but I think they&#8217;re marred by bad menu design choices and some confusing variations across versions and platforms.  Publishing a SWF is straightforward enough, but if you&#8217;re exporting to video formats, there are some potential pitfalls to avoid.</p>
<p><b>Question 1.</b>  Are you working with <b>non-interactive animation only</b>&mdash;no Movie Clip symbols or ActionScript?  Then export to a <b>PNG image sequence</b>.  Sure, it may be tempting to skip the hassle of reassembling the resulting folder full of images in a program like After Effects or Final Cut.  But this is the only way you&#8217;ll be guaranteed <b>perfect frame accuracy</b> (one image file for each frame on your timeline) and a working alpha channel, no matter what Flash version you&#8217;re using.  In my experience, all versions, Windows and Mac alike, behave identically with this option.</p>
<p>However, if you do use Movie Clip symbols or ActionScript in your project, then your options depend on which Flash version you have.  </p>
<p><b>Question 2.</b>  <b>Do  you use Flash 8 or earlier?</b>  Older versions have no built-in way of recording real-time events to video, which means Movie Clip symbols won&#8217;t display properly and ActionScript will be ignored.  So you&#8217;ll need to <b>publish to a SWF</b>, then run the SWF and find a way to <b>record the results</b>.  The simplest aproach is to use a screen-capture program like <a href="http://www.ambrosiasw.com/utilities/snapzprox/">Snapz</a> (USD $70, OS X) or <a href="http://www.fraps.com/">Fraps</a> ($40, Win).  </p>
<p>You could also record out over analog video to a DV camera or similar device, but unless you have a specific reason to prefer this option, I wouldn&#8217;t recommend it&mdash;it&#8217;s a hassle to set up, and there are a lot more variables to contend with that could potentially affect image quality.  A third alternative, also impractical for most purposes, is to set up a video camera on a tripod and record straight off your LCD monitor.  (With a good camera and an experienced operator, this can be quite nice.)  None of these methods, unfortunately, will preserve an alpha channel.</p>
<p><b>Question 3.</b>  <b>Do you have Flash CS3 or later?</b>  In more recent versions, Adobe added a <b>built-in screen capture option</b> for recording realtime output, alpha channel included.  Unfortunately, they made the terrible decision of hiding this important feature in the menu <b>File / Export / Export Movie / Quicktime</b>.  In most other programs, a menu option like that will give you a frame-accurate copy of your project, and this is emphatically not the case here&mdash;remember, it&#8217;s a record of a real-time performance, not a rendering of each frame in your timeline.  Why couldn&#8217;t they have just named it something else?</p>
]]></content:encoded>
			<wfw:commentRss>http://fox-gieg.com/tutorials/2007/exporting-from-flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sound in Flash</title>
		<link>http://fox-gieg.com/tutorials/2007/sound-in-flash/</link>
		<comments>http://fox-gieg.com/tutorials/2007/sound-in-flash/#comments</comments>
		<pubDate>Mon, 22 Jan 2007 11:52:02 +0000</pubDate>
		<dc:creator>Nick</dc:creator>
				<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://fox-gieg.com/tutorials/?p=39</guid>
		<description><![CDATA[Working with sound in Flash can be a bit confusing, since it doesn&#8217;t behave like the sound or video editing programs you may be used to. Here&#8217;s how to add a basic audio track to your animation: Step 1. Import an audio file. (For best results, use an uncompressed format like AIFF or WAV. Also, [...]]]></description>
			<content:encoded><![CDATA[<p>Working with sound in Flash can be a bit confusing, since it doesn&#8217;t behave like the sound or video editing programs you may be used to.  Here&#8217;s how to add a basic audio track to your animation:</p>
<p><b>Step 1.</b> Import an audio file.  (For best results, use an uncompressed format like AIFF or WAV.  Also, be aware that older versions of Flash may have trouble with audio sampling rates higher than 44.1 kHz.)<br />
<img src="http://www.fox-gieg.com/tutorials/tut-images/flash-sound01.jpg" vspace=5 border=1/></p>
<p><b>Step 2.</b> Go to your <b>Library</b> window, where you should see the file you just imported:</p>
<div style="width: 600px; margin-top: -13px;"><img src="http://www.fox-gieg.com/tutorials/tut-images/flash-sound02.jpg" vspace=5 border=1  style="vertical-align: top; margin-right: 5px;"/><img src="http://www.fox-gieg.com/tutorials/tut-images/flash-sound03.jpg" vspace=5 border=1 style="vertical-align: top;"/></div>
<p><b>Step 3.</b> Drag and drop the file from your Library to the first frame of a new layer.  The frame&#8217;s icon will change and display a tiny, oh-so-subtle horizontal line.</p>
<div style="width: 600px; margin-top: -13px;"><img src="http://www.fox-gieg.com/tutorials/tut-images/flash-sound04.jpg" vspace=5 border=1 style="vertical-align: top; margin-right: 5px;"/><img src="http://www.fox-gieg.com/tutorials/tut-images/flash-sound05.jpg" vspace=5 border=1 style="vertical-align: top;"/></div>
<p><b>Step 4.</b> That horizontal line is actually the very beginning of your audio waveform.  But, as always in Flash, space only exists on the Timeline where you deliberately create it.  Add more time to your sound layer with the <b>Insert Frame</b> command.  (<b>F5</b> is the shortcut for this; it&#8217;s worth learning, as this is something you&#8217;ll have to do a lot.)<br />
<img src="http://www.fox-gieg.com/tutorials/tut-images/flash-sound06.jpg" vspace=5 border=1/><br />
<img src="http://www.fox-gieg.com/tutorials/tut-images/flash-sound07.jpg" vspace=5 border=1/></p>
<p><b>Step 5.</b> Add frames to your layer until the entire sound file is visible.  (Remember that you can select multiple frames&#8211;you don&#8217;t have to make them one at at time.)<br />
<img src="http://www.fox-gieg.com/tutorials/tut-images/flash-sound08.jpg" vspace=5 border=1/>  </p>
<p><b>Step 6.</b> Next, bring up your <b>Properties</b> window:<br />
<img src="http://www.fox-gieg.com/tutorials/tut-images/flash-sound09.jpg" vspace=5 border=1/>  </p>
<p><b>Step 7.</b> Set the sync mode to <b>Stream</b>.  Newer versions of Flash should do this automatically, but it&#8217;s worth checking.  The other sync modes have their uses too, but this is generally easiest to work with.  (I prefer to stick with this and do any additional sound editing in a dedicated program.)<br />
<img src="http://www.fox-gieg.com/tutorials/tut-images/flash-sound10.jpg" vspace=5 border=1/>  </p>
<p><b>Step 8.</b> You might want to double-click on your sound layer and give it a helpful name, like &#8220;audio.&#8221;  Then click the <b>Lock</b> to prevent any changes (you don&#8217;t want to accidentally shift your sound layer around later on).<br />
<img src="http://www.fox-gieg.com/tutorials/tut-images/flash-sound11.jpg" vspace=5 border=1/>  </p>
<p><b>Step 9.</b> Make a <b>new layer</b>, and you&#8217;re ready to start drawing.<br />
<img src="http://www.fox-gieg.com/tutorials/tut-images/flash-sound12.jpg" vspace=5 border=1/>  </p>
]]></content:encoded>
			<wfw:commentRss>http://fox-gieg.com/tutorials/2007/sound-in-flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flash in 60 Seconds</title>
		<link>http://fox-gieg.com/tutorials/2005/flash-in-60-seconds/</link>
		<comments>http://fox-gieg.com/tutorials/2005/flash-in-60-seconds/#comments</comments>
		<pubDate>Mon, 17 Oct 2005 05:52:17 +0000</pubDate>
		<dc:creator>Nick</dc:creator>
				<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://fox-gieg.com/tutorial/2005/flash-in-60-seconds/</guid>
		<description><![CDATA[Flash and a Wacom tablet make a powerful combination for hand-drawn animation. The academic price of Flash is currently about US$250, and tablets are under $100; add in a free sound-editing program like Audacity, and you have all your essential production needs taken care of. I&#8217;ve noticed, though, that most beginning Flash tutorials don&#8217;t take [...]]]></description>
			<content:encoded><![CDATA[<p>Flash and a <a href="http://computers.search.ebay.com/wacom_Computers-Networking_W0QQfromZR8QQfsooZ1QQfsopZ3QQsacatZ58058QQsbrsrtZd">Wacom</a> tablet make a powerful combination for hand-drawn animation.  The academic price of Flash is currently about US$250, and tablets are under $100; add in a free sound-editing program like <a href="http://audacity.sourceforge.net" target=_blank>Audacity</a>, and you have all your essential production needs taken care of.  I&#8217;ve noticed, though, that most beginning Flash tutorials don&#8217;t take advantage of the program&#8217;s best feature&#8211;its simplicity.  After a few setup steps, you can literally just pick up your stylus and go.</p>
<p><b>Step 1.</b> The first thing you&#8217;ll need to do is choose a size for your document.<br />
<img src="http://www.fox-gieg.com/tutorials/tut-images/flash60sec01.jpg" vspace=5 border=1/><br />
Flash uses vector graphics, so your finished movie can exported at any resolution you like.  All you need to worry about right now is the aspect ratio, the width and height of your screen.  I&#8217;d suggest using 640 x 480 for a 4:3 movie, and 640&#215;360 for a 16:9 movie.  You&#8217;ll notice that you can choose a frame rate too, although I usually leave that at 12 frames per second.<br />
<img src="http://www.fox-gieg.com/tutorials/tut-images/flash60sec02.jpg" vspace=5 border=1/></p>
<p><b>Step 2.</b> Next, pick the <b>Paintbrush</b> tool from the tool palette.  Unlike the Pencil tool, it responds to pressure from your tablet, painting thicker strokes the harder you press.  (Be sure to click the <b>use tablet pressure</b> button to activate this feature.  It&#8217;s so useful, I don&#8217;t know why it&#8217;s not on by default.)<br />
<img src="http://www.fox-gieg.com/tutorials/tut-images/flash60sec03.jpg" vspace=5 border=1 align=top/> <img src="http://www.fox-gieg.com/tutorials/tut-images/flash60sec04.jpg" vspace=5 border=1 align=top/></p>
<p><b>Step 3.</b> Now we get to a slightly tricky bit.  You can&#8217;t just start drawing into empty spaces on the timeline in Flash.  You have to <i>create</i> each blank frame you want to draw into.  Fortunately, you can do a bunch at once.  Select a group of frames:<br />
<img src="http://www.fox-gieg.com/tutorials/tut-images/flash60sec05.jpg" vspace=5 border=1/></p>
<p><b>Step 4.</b> Choose the rather well-hidden <b>Convert to Blank Keyframes</b> command from the Modify menu.  You&#8217;ll notice that it tells you the keystroke for this command is <b>F7</b>.  That&#8217;s handy to know, because you&#8217;ll actually be using this obscure-sounding command a whole lot, to create more frames as you go.<br />
<img src="http://www.fox-gieg.com/tutorials/tut-images/flash60sec06.jpg" vspace=5 border=1/><br />
The empty space you selected on your timeline is now filled with blank frames, ready to draw into:<br />
<img src="http://www.fox-gieg.com/tutorials/tut-images/flash60sec07.jpg" vspace=5 border=1/></p>
<p><b>Step 5.</b> There&#8217;s one more helpful concept to learn before you get to work.  <b>Onion skinning</b> lets you see an overlay of the frames in front of or behind you, so you can keep a previous or future image in mind as you draw.  Handily, you can drag the handles of the onion skin viewer to choose how many frames ahead or back you want to see.  (I usually just keep one previous frame in view, to use as a reference; otherwise, I start to get confused.)  Turn this feature on and off by clicking the <b>onion-skinning button</b>.<br />
<img src="http://www.fox-gieg.com/tutorials/tut-images/flash60sec08.jpg" vspace=5 border=1/> <img src="http://www.fox-gieg.com/tutorials/tut-images/flash60sec09.jpg" vspace=5 border=1/></p>
<p><b>Step 6.</b> That&#8217;s it for the basics!  Once you&#8217;re comfortable with the Paintbrush, try experimenting with the other drawing tools.<br />
<img src="http://www.fox-gieg.com/tutorials/tut-images/flash60sec10.jpg" vspace=5 border=1/></p>
]]></content:encoded>
			<wfw:commentRss>http://fox-gieg.com/tutorials/2005/flash-in-60-seconds/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

