{"id":7,"date":"2005-10-16T21:52:17","date_gmt":"2005-10-17T05:52:17","guid":{"rendered":"http:\/\/fox-gieg.com\/tutorial\/2005\/flash-in-60-seconds\/"},"modified":"2020-06-25T09:34:22","modified_gmt":"2020-06-25T17:34:22","slug":"flash-in-60-seconds","status":"publish","type":"post","link":"https:\/\/fox-gieg.com\/tutorials\/2005\/flash-in-60-seconds\/","title":{"rendered":"Flash in 60 Seconds"},"content":{"rendered":"<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\" rel=\"noopener noreferrer\">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>\n<p><b>Step 1.<\/b> The first thing you&#8217;ll need to do is choose a size for your document.<br \/>\n<img src=\"http:\/\/www.fox-gieg.com\/tutorials\/tut-images\/flash60sec01.jpg\" vspace=5 border=1\/><br \/>\nFlash 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 \/>\n<img src=\"http:\/\/www.fox-gieg.com\/tutorials\/tut-images\/flash60sec02.jpg\" vspace=5 border=1\/><\/p>\n<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 \/>\n<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>\n<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 \/>\n<img src=\"http:\/\/www.fox-gieg.com\/tutorials\/tut-images\/flash60sec05.jpg\" vspace=5 border=1\/><\/p>\n<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 \/>\n<img src=\"http:\/\/www.fox-gieg.com\/tutorials\/tut-images\/flash60sec06.jpg\" vspace=5 border=1\/><br \/>\nThe empty space you selected on your timeline is now filled with blank frames, ready to draw into:<br \/>\n<img src=\"http:\/\/www.fox-gieg.com\/tutorials\/tut-images\/flash60sec07.jpg\" vspace=5 border=1\/><\/p>\n<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 \/>\n<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>\n<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 \/>\n<img src=\"http:\/\/www.fox-gieg.com\/tutorials\/tut-images\/flash60sec10.jpg\" vspace=5 border=1\/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[15],"tags":[],"_links":{"self":[{"href":"https:\/\/fox-gieg.com\/tutorials\/wp-json\/wp\/v2\/posts\/7"}],"collection":[{"href":"https:\/\/fox-gieg.com\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fox-gieg.com\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fox-gieg.com\/tutorials\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fox-gieg.com\/tutorials\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":1,"href":"https:\/\/fox-gieg.com\/tutorials\/wp-json\/wp\/v2\/posts\/7\/revisions"}],"predecessor-version":[{"id":1049,"href":"https:\/\/fox-gieg.com\/tutorials\/wp-json\/wp\/v2\/posts\/7\/revisions\/1049"}],"wp:attachment":[{"href":"https:\/\/fox-gieg.com\/tutorials\/wp-json\/wp\/v2\/media?parent=7"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fox-gieg.com\/tutorials\/wp-json\/wp\/v2\/categories?post=7"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fox-gieg.com\/tutorials\/wp-json\/wp\/v2\/tags?post=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}