Graphics, Tweens, Naming Conventions

1
Graphics, Tweens, Naming Conventions
2
Topics

• Graphic Types in Flash
• Drawing tools
• Layers
• Grouping
• Keyframes
• Tweening/Animation

3
File type Extension PC MAC
Adobe Illustrator (version 10 or earlier .ai
Adobe Photoshop .psd
AutoCAD DXF .dxf
Bitmap .bmp
Enhanced Windows Metafile .emf  
FreeHand .fh7-.f11
FutureSplash Player .spl
GIF and animated GIF .gif
JPEG .jpg
PNG .png
Flash Player 6/7 .swf
Windows Metafile .wmf
MacPaint .pntg
PICT .pct, .pic
QuickTime Image .qtif
Silicon Graphics Image .sgi
TGA .tga
TIFF .tif
Adapted from CS3 help file
4
A little face time (.png, .gif, .jpg, vector)
5
Keyframes
Frame span
end (blank)
keyframe (blank)
6
Keyframes (continued)
Frame span
end (filled)
keyframe (filled)
7
Naming conventions

• For variables, layers, files, library items
  (graphics, components, movie clips, buttons, etc
  . . . )
• No spaces
• Start with letter
• Use _ or capital letters to separate words
• home_button
• homeButton
• Flash is case sensitive

8
Tween Types

• Shape tweens Basic drawing shapes
• Motion tweens Everything else (grouped objects,
  movie clip symbols, graphic symbols, etc . . . )

Feature Change Shape Motion
Position
Scale
Rotation
Alpha/Transparency
Color
morphing
9
A couple of exercises

• A simple car (drawing)
• Square to spade (shape tween)
• Playing cards (motion tween)