Online News Association Flash Workshop 2007

Toronto | 17 October 2007 | 9 a.m. to 2 p.m.

Flash 8/CS3 for Beginners

Beginning Flash

  1. Import and animate graphics
  2. Use text correctly in Flash
  3. Script buttons for Timeline control
  4. Jump from segment to segment in nonlinear fashion

The first part of the session shows you everything you need to know to start building multimedia packages in Flash -- today.

Download the FLA files from here and open them in Flash to see how they are constructed!

Handout (PDF, 1 MB; 9 pages)

Intermediate Flash

  1. Dividing and organizing content
    • Photos, slideshows, videos
    • Graphics, maps, timeline
    • Credits / About This
    • Resource links
  2. Hopping around with buttons (Martini: a very simple package) -- here's where you get to see a package with three separate segments, or chapters.
  3. Loading external SWFs into a container SWF -- when a package has a lot of segments, or the segments are large, or you want to include Soundslides or video in the package ... it's time to load EXTERNAL FILES!
    • Empty movie clip(s) -- a multi-purpose tool (how to).
    • Button scripts to load and unload SWFs (view the 3 separate SWF files -- loaded_1.swf, loaded_2.swf, loaded_3.swf; these are loaded on demand into a 4th SWF -- container.swf); download FLAs to study the button scripts!
    • Loading multiple Soundslides into one container SWF (example: Three Views of Southeast Asia) -- the principle is the same as the loaded SWFs in the previous example.

Using Audio in Flash

Flash is a great vehicle for both audio and video. You can build a customizable MP3 jukebox, load any number of external MP3 files dynamically, and insert videos too. However, all of this requires ActionScript. There is just no way to teach this to beginners in a one-day workshop. However, it is perfectly feasible for you to learn how to do all of this, if you will only have patience and keep chipping away at ActionScript bit by bit.

Not to hype my own book, but Lesson 8 (pp. 187 - 220) explains all the intricacies of audio control for story packages. I am mentioning that because a lot of tutorials online are, in fact, about building music jukeboxes, and that is not really what you want to do for your journalism story.

For video in Flash, see this handout (PDF, 147 KB).

Movie Clip Symbols in Flash

Movie clips are one of the most powerful aspects of Flash, and once you learn how to use them properly, you will amaze yourself with the effects you can accomplish! However, I have found that most Flash beginners get very confused if they are introduced to the internal timelines of movie clips too soon. The end result is that too many people give up on Flash, because the confusion is just too much. You fall into a hole, and you can't see how to climb out.

In the interest of guiding you on to future success, I recommend that you master the empty movie clip, but don't even try to use the movie clip symbol in any other way until after you have completed about three or four multi-part Flash projects. Get comfortable with the basics. Restrict yourself -- so that you can create a better foundation for your future progress.

The Invisible Button

This is something you will use again and again: See this one-page tutorial. If you do not yet understand the Hit state of the button symbol, the tutorial might help.

Resources

Teaching Online Journalism
My blog about digital storytelling and how newsrooms are changing.

Journalists' Toolkit: Flash
Frequently updated list of free online tutorials and resources.

Flash Journalism (the book): At Amazon.com.

Flash Journalism: Web site for the book.
An assortment of professional examples are linked on this page.

Flash Journalism: Professional Practice Today
Online Journalism Review, Sept. 22, 2005
12 online journalists tell us why and how they use Flash.

Flash tutorials at GotoAndLearn.com (free)
This site has the best video tutorials for Flash 8.

SNDies
Society of News Design annual interactive awards. See links to and information about the 2007 SNDies winners.