1 / 20

Flash Tutorial

Flash Tutorial. Prepared by Tsang Kin Ting, Vincent. Outline. Flash Introduction Symbols Graphics, Buttons, Movie clips Tweening Shape tweening, Motion tweening Demo. Part A - Introduction. What is Flash?. graphics and animation tool by Macromedia

cairbre-troy
Download Presentation

Flash Tutorial

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Flash Tutorial Prepared by Tsang Kin Ting, Vincent

  2. Outline • Flash Introduction • Symbols • Graphics, Buttons, Movie clips • Tweening • Shape tweening, Motion tweening • Demo

  3. Part A - Introduction

  4. 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/

  5. What can you do in Flash? • Text • Graphics • Movie clips • Buttons • Sound and more…

  6. Timeline Drawing Tools Workspace - Stage

  7. 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

  8. 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)

  9. Adding Sound • Import sound files into library • [File] -> [Import to Library…] • Drag and Drop to stage • Sound added to current layer

  10. 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

  11. Part B - Symbol

  12. 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!

  13. How to create symbols? • Define object and select it • [Insert] -> [Convert to Symbol] OR • [Insert] -> [New Symbol…] • Define symbol there!

  14. Graphics • Static images • Reusable animations tied to the movie timeline • No Sound Note: All graphics symbols are grouped!

  15. 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!

  16. 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)

  17. Part C - Tweening

  18. 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

  19. Tweening (cont’d) • 2 types • Motion tweening • rotation, scaling, position of grouped objects/instances • Shape tweening • shape change thru time • NOT for grouped objects!

  20. Part D - Demo

More Related