Foundation flash

  • View

  • Download

Embed Size (px)


Basic Flash

Text of Foundation flash

  • 1. Foundation Flash By : Mohd Faizol Sulaiman

2. Introduction

  • Welcome to Flash live. You have seen a lot of the great stuff Flash can do and it is now time for you to get into the game. I also suspect you are here because Flash can be one great big, scary application to those unfamiliar with it.

3. What well cover in this session:

  • Exploring the Flash interface
  • Using the Flash stage
  • Working with panels
  • Difference between a frame and a keyframe
  • Using frames to arrange content on the stage
  • Using layers to manage content on the stage
  • Adding objects to the library
  • Testing your movie


  • What we are going to do to begin with is take a walk through the authoring environment - called the Flash interface -pointing out the sights and giving you an opportunity to experiment with the features. By the end of the stroll, you should be fairly comfortable with this tool called Flash and have a fairly good idea of what tools you can use and how to use them as you start creating a Flash movie.

5. The Start page and Creating a Flash document

  • The first thing you see when you launch Flash is the Start page. This interface, common to all of the Adobe CS3 applications, is divided into three areas. The area on the left side shows you a list of documents you have previously opened. Click one of them, and that document, provided it hasnt been moved to another location on your computer, will open. The Open link at the bottom of the list lets you navigate to a document that isnt on the list.

6. The Start Page 7.

  • The middle area of the page is where you can choose to create a variety of new Flash documents. Your choices include a blank Flash document, a project aimed at a mobile phone or PDA (a mobile document), a series of code-based documents, and a Flash project.
  • The major change in this panel is the ability to select a new document based upon which version of ActionScript will be used in the document. Flash Professional CS3 marks the latest version of the Flash programming language named ActionScript. The previous version of this language, used in Flash MX 2004 and Flash 8, was ActionScript 2.0.
  • The right area of the screen is reserved for a variety of templates you can use.


  • The Extend area at the bottom of the Start Screen contains a link to the Flash Exchange. This is a hyperlink that takes you to a page on the Adobe site where you can download a variety of tools and projects that are available for free or a nominal cost.

9. What Can a Flash Animation Include?

  • Vector-based graphics
    • Has the ability to "tween"
      • Automatically generates fill-in frames between a beginning and an ending image
  • Bitmap-based graphics
    • Can be moved & rotated
  • Embedded fonts
      • Can be moved, resized, skewed, rotated, recolored
  • Sound
    • Can synchronize sounds with animation frames

10. Flash Environments

  • Flash authoring environment
    • Design environment (graphics tools)
    • Scripting environment (create program code)
    • You can download a free trial version at
  • Flash player
    • Users must have this installed on their workstations
    • If not present, automatically prompted to install when they start your animation

11. Flash Files ("Movies")

  • Authoring file
    • .flaextension
    • This file creates the design version of your animation
  • Published file
    • .swfextension ("swiff" file)
    • Can't be edited
    • Can play on most operating systems
    • Fairly small files

12. Flash CS3 Authoring Environment Flash Stage Tools Panels Timeline Menus Layers Properties 13. Flash8 WorkspaceTools panel Timeline Panels Property inspector Stage Current scene Layers Workspace 14.

  • Tools create the content of a movie.
    • Tools:Draw, paint, create text, select objects, modify objects, and erase objects
    • View tools : Zoom and pan
    • Color tools : Set stroke and fill colors
    • Options : Modify the currently selected tool

Tools Views Colour Options 15. Timeline You can organize and control the content of a movie over time. Layers Frames Playhead Frame rate 16. Panels

  • Panels provide additional tools for creating and editing movies.
    • Click the options menu to view additional options for the current panel.
    • You can hide or show panels by using the options on the Window menu.

17. Document Properties 18.

  • 1. Enter the following values into the Document Properties dialog box:
  • Title: Pond
  • Description: My first Flash exercise
  • Width: 400
  • Height: 300
  • Background colour: #000066
  • 2. Click OKand the stage will shrink to the new dimensions and change colour to a dark blue. These changes will also be shown in the Property inspector.

19. Stage

  • You compose movie content on the Stage.
  • Set Stage size to match a specific browser size

Screen Resolution Display Area in MicrosoftInternet Explorer 640 x 480 620 x 318 800 x 600 780 x 438 1024 x 768 1004 x 606 1280 x 1024 1260 x 862 20. The Property Inspector Document Size Access the Publishing Settings Background Colour Frame Rate Movie Name 21. Zooming the Stage

  • There will be occasions when you will discover that the stage is a pretty crowded place. In these situations, youll want to be sure that each item on the stage is in its correct position and is properly sized. Depending on the size of the stage, this could be difficult because the stage may fill the screen area. Fortunately, Flash allows you to reduce or increase the magnification of the stage through a technique calledzooming.Zooming the stage has no effect upon the actual stage size.


  • Select a zoom level using the Magnification dropdown.

23. Exploring the Panels in the Flash Interface

  • Panels can be moved around and opened or closed depending upon your workflow needs. We will now take a closer look at the more important panels that you will use every day. They include the following:
  • Timeline
  • Library
  • Property Inspector
  • Actions panel
  • Tools panel
  • Help panel

24. The Timeline

  • There is a fundamental truth to becoming proficient with Flash: master the timeline and you will master Flash.
  • At its most basic, all animation is movement over time, and all animation has a start pointand an end point. The length of your timeline will determine when animations start and end, and the number of frames between those two points will determine the length of the animation.As the author, you control those factors.

25. Frames and Keyframes

  • Frames:Like films, Flash movies divide lengths of time into frames, which are organized on the Timeline.
  • Keyframes:Frames that define a change in what is displayed in a movie or include frame actions to modify a movie. When you open a new blank movie document, it contains one layer with one blank keyframe.

26. Frames and KeyframesKeyframe with content Blank keyframe Empty frames Empty slots for new frames 27. Layers

  • Layersare like multiple film strips stacked on top of each other, each with a different element that appears on the Stage.
    • Graphics
    • Animations
    • Text
    • Sounds
    • Buttons
    • Frame actions

28. Symbols and Libraries

  • Symbolsare elements you reuse within a movie to reduce file size.
  • Types of symbols includegraphics ,buttons ,movie clips ,sound files , andtext .
  • Alibraryis where you store and organize symbols.
  • When you drag a symbol from a library to the Stage, you create aninstanceof the symbol.

29. Symbols

  • Symbol:reusable object
    • Save an animation image as a symbols
    • This saves file space because the symbol is only saved once
  • Types of symbols:
    • Graphics (can't be shape tweened)
    • Movie clips (self-contained animation within a movie)
    • Buttons (Up, Down, Over, OverWhileDown states)