1 / 16

Mastering Macromedia Flash: Buttons, Animation, and Game Design Techniques

Join Laura Silberstein for an in-depth session on using Macromedia Flash to create dynamic animations and interactive buttons. This workshop covers essential tools for designing buttons with multiple states, utilizing keyframes, and implementing ActionScript for enhanced interactivity. Learn drawing techniques and layer organization to streamline your projects. We'll also dive into shape tweening, motion guides, and creating engaging shell game designs. Perfect for beginners and those looking to refine their Flash skills!

delu
Télécharger la présentation

Mastering Macromedia Flash: Buttons, Animation, and Game Design Techniques

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. Macromedia Flash Cartoons & Buttons Your Presenter: Laura Silberstein http://krypton.fhda.edu/~lsilbers

  2. Agenda • Review • Make Buttons • Review Drawing Tools • Layers and Organization • Start Shell Game design

  3. Review • Key Frame • Frame by frame animation • Blank Key Frame • Onion Skin • Symbols, Instances and Graphics • Animating Gradients

  4. Working with Symbol Instances True or False? • Editing Instance changes the Symbol • Editing the Symbol changes the Instances

  5. Tweening • Shape Tweening • Text to Shape Tweens • Break Apart • Motion Tweening • Motion Guide

  6. Animating graphic symbols • Transform panel • Size • Distort • Rotate • Rotate about external point • Color changes • Shadow shimmers

  7. Motion Tweening Motion Tweening effects Masking and its animation Text in Motion Tween Motion Guide

  8. Stop Action • Frame actions • Button actions

  9. Filetypes • Flash file = filename.fla • Created by Flash application • Authoring/editing environment • Movie file = filename.swf • Exported from .fla document • Keystroke shortcut = command return • Web page file = filename.html

  10. Making Buttons • Up, Over, Down, Hit • Keyframes for each state? • IF: Roll-over state changes • Different colors? • Play sounds? • Add message? • Add action? • IF: Down state changes (see above) • IF: Hit state changes: hotspots change

  11. Exercise: Making Buttons • Make a button with 4 keyframes • Each state should have a different color • Make HIT state large • Enable button actions & test your button • Note: your button is now in your library and can be used in other .fla files

  12. Button Actions • Using ActionScript • Go to URL • Go to Frame • More • Button Animations • Use Up, Over, Down states like 3 frames • Can also add content to areas of the stage away from the button

  13. Review Layer Organization • Action Layer • Label Layer • Button Layer • Graphics Layer(s) • Sound Layer(s)

  14. Exercise: Invisible Button • Open new Flash document • Make an invisible button. • Duplicate it and add sound to Down state • Draw a shell…Convert to Symbol • Make 4 layers • Add a shell instance to each layer • Place your sound_button under one shell. • Test your movie • Add another invisible button instance • Edit the HIT area to fill the stage • Export your movie and test it

  15. Exercise: Button Animation • Open a new Flash document • Drag an instance of your invisible button to the stage • Edit the button (right-click…Edit) • Insert keyframes to Over and Down • Draw cartoon face in Up state • Add eye-wink in Over state • Add lips in whistle position in Down state • Add a sound to Down state

  16. Start Shell Game design • Design a 5-shell game • 3-shell.fla --> Save As…5_shell.fla • Add frames 10 -60 • Layers: Label, Actions, Graphics, Buttons • Read instructions on Web page • Notes • Label frames & add stop actions • Keep shells on their own layers • Create menu buttons to go to 3-shell, 5-shell start, 5-shell stop, cartoon • Create play buttons for each area

More Related