Macromedia Flash Cartoons

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 shellConvert 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-clickEdit)
• 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 --gt Save As5_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