Docstoc

Flash Tutorial (PowerPoint download)

Document Sample
Flash Tutorial (PowerPoint download) Powered By Docstoc
					     Flash Tutorial
Prepared by Tsang Kin Ting, Vincent
                 Outline

      Introduction
 Flash

 Symbols
  – Graphics, Buttons, Movie clips
 Tweening
  – Shape tweening, Motion tweening
 Demo
Part A - Introduction
             What is Flash?
 graphics  and animation tool by
  Macromedia
 Mostly used with Firework and
  Dreamweaver
 .fla and .swf files

 30-day Trial version available at
  www.macromedia.com/software/trial
  _download/
 What can you do in Flash?

 Text

 Graphics

 Movie clips
 Buttons

 Sound

and more…
                 Timeline




Drawing Tools




                Workspace - Stage
                       Timeline
   Show the time of each frame in the animation
   Keyframe (F6)
    – specify exactly what you want to be shown
   Normal frame (F5)
    – same as the previous keyframe
    – transient frame if tweening involved
           Drawing in Flash
 Usual   tools
  – Lines, oval/rectangle, lasso tool,
    textbox…
 Layers
  – Things on upper layer cover things on
    lower layers
 Grouping   and breaking apart
  – (to be revisited in tweening)
             Adding Sound
 Import   sound files into library
  – [File] -> [Import to Library…]
 Dragand Drop to stage
 Sound added to current layer
              Adding Actions
 Select the frame/object which you want
  to have action associated with
 Choose action from Action Panel

                             Remove action item
      Add action item




                   Choose action item here
Part B - Symbol
         What is symbol?
 For reusing same object in the flash
  movie
 3 types: Graphic, button, movie clip

 Kept in Library (Ctrl-L to open)

 Drag-and-drop to put on stage

 Only one copy is saved in flash no
  matter how many times it is used
  => file size greatly reduced!
     How to create symbols?
 Define object and select it
 [Insert] -> [Convert to Symbol]



OR
 [Insert] -> [New Symbol…]

 Define symbol there!
              Graphics
       images
 Static

 Reusable animations tied to the
  movie timeline
 No Sound



Note: All graphics symbols are
 grouped!
                Button
4  states: Up, Over, Down, Hit
 Up – pointer is not over it
 Over – pointer is over it
 Down – button is clicked
 Hit – define the invisible area that
  will respond to mouse click
 Actions


Note: Layers can still be used!
             Movie clip
 Reusable   piece of animation with
  individual timeline
  (vs. graphics symbols)
 Define as you do in main scene

  (can add sound/buttons/other movie
  clips into it)
Part C - Tweening
                Tweening
 Tweening     = interpolation by
  computer
 Basic idea
  – Specify what sth looks like in the
    beginning keyframe and ending
    keyframe
  – Choose to apply tweening from property
    panel
  – Computer generate movement/change
    between two keyframes
           Tweening (cont’d)
2   types
 – Motion tweening
      rotation,scaling, position of grouped
      objects/instances
 – Shape tweening
      shape change thru time
      NOT for grouped objects!
Part D - Demo

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:13
posted:1/24/2012
language:English
pages:20