 |
Procedure
|
|
prepping for the exercise
- move downloaded files to appropriate folders
- open "intro.ai" in illustrator, examine layers
- save as "intro.eps" (version 7)
creating the large counter
launch flash (download
PDF Flash keyboard shortcuts)
- file > save as "jane_intro.fla"
- window > panel sets > default layout
- modify > movie: 720 x 390
- window > library (cmd L)
- file > import "intro.eps"; re-position, inspect
layers
- go to "numbers large" layer
- convert to symbol (F8) "numbers" (movie clip)
- double-click on symbol (stage is ghosted) (you are now editing
the symbol)
- select grouped object, modify > break apart (cmd B), repeat
until object is no longer grouped
- change color of both numbers to white
- convert "0" to symbol (F8) "tens" (graphic)
- convert "1" to symbol (F8) "ones" (graphic)
- double-click "ones" symbol (you are now editing the
symbol)
- insert > keyframes 9x (F6), once per frame, change type to
appropriate number
- convert type in frame 1 to symbol "1" (F8); repeat
with others
- return to "numbers" symbol
- double-click "tens" symbol (you are now editing the
symbol)
- replace type "0" with symbol "0" (drag from
library)
- insert > keyframes 9x (F6) (once every 10 frames)
- select symbol on frame 10, swap with symbol "1"; repeat
with others
- return to "number" symbol
- insert frame at 100 (F5)
- control > play (RETURN)
- return to "scene 1"
- change symbol alpha to 15%
- save, control > test movie (cmd+RETURN)
creating small counters
- go to "numbers small" layer
- select one set, convert to symbol (F8) "numbers small"
(movie clip)
- double-click on symbol (stage is ghosted) (you are now editing
the symbol)
- new layer, lock other
- drag "number" symbol from library to stage
- make smaller (free transform tool), position
- dupe 18x, align left, distribute
- delete bottom layer
- start each symbol at a different frame number (randomly)
- insert frame at 100 (F5)
- control > play (RETURN)
- return to "scene 1"
- dupe "number small" symbol 2x (opt-drag), position,
delete original numbers
- save, control > test movie (cmd+RETURN)
animating "putting" tag line
- go to "putting" layer (lock others)
- select all, convert to symbol "putting animated" (F8),
movie clip
- double-click on symbol (stage is ghosted) (you are now editing
the symbol)
- select type, convert to symbol "putting" (F8), graphic
- drag keyframe to 100
- insert keyframe on 200 (F6); tween=motion
- frame 1: move art off stage to right
- frame 100: move art off stage left
- add keyframes at 130, 170
- frame 1 & 100: alpha=0
- new layer, drag "putting" symbol from library to stage
- scale large, position to overlap layer 1 art, alpha=20
- drag keyframe to frame 120, insert keyframe on 180 (F6); tween=motion
- frame 120: move art off stage to right
- frame 180: move art off stage left
- control > play (RETURN)
- insert blank keyframe on frame 240 (F7)
- add frame action (F9) "get URL": "main.html"
- return to "scene 1"
- save, control > test movie (cmd+RETURN)
animating the logo
- go to "logo" layer (lock others)
- select all, convert to symbol "logo" (F8), movie clip
- double-click on symbol (stage is ghosted) (you are now editing
the symbol)
- modify > break apart (cmd B)
- select left swoosh, cut, new layer "swoosh1", paste
in place (cmd+shift+V)
- select top swoosh, cut, new layer "swoosh2", paste
in place (cmd+shift+V)
- select static type, cut, new layer "type", paste in
place (cmd+shift+V)
- new layer "40", new layer "88" (these are
blank for now)
- go to "swoosh1" layer (lock others), insert frame
on 135 (F5)
- show all layers as outlines (click on box icon at top)
- new layer "mask1", draw box (stroke=none, fill=any),
rotate and size box for final position (box represents a window
revealing art underneath); covert to symbol "mask" (F8)
- change center of rotation: double-click "mask" symbol,
move art so that corner touches center point, return to "logo"
symbol, adjust position
- insert keyframe on 40 (F6); tween=motion
- frame 1: rotate and move box to hide art, test, adjust
- ctrl-click "mask1" layer: choose mask (note layers
lock automatically)
- repeat with "swoosh2" (mask starts on frame 20, ends
on frame 60)
- undo show all layers as outlines (click on box icon at top)
- go to "type" layer (lock others), drag key frame to
30, insert keyframe on 70 (F6), insert frame on 135 (F5)
- frame 30: tween=motion, alpha=0
- go to "88" layer (lock others), drag "numbers"
symbol from library to stage, size and position
- drag keyframe to frame 48, insert keyframe at 135 (F6) (note
number)
- go to frame 48, copy to clipboard
- go to "40" layer (lock others), paste in place (cmd+opt+V),
move up (SHIFT)
- drag keyframe to frame 70, insert keyframe at 109 (F6) (note
number), insert frame at 135 (F5) (note number)
- frame 109: select symbol, change loop to single frame
- delete "layer 1"
- control > play (RETURN)
- insert blank keyframe on frame 135 (F7)
- add frame action (F9) "stop"
- return to "scene 1"
- save, control > test movie (cmd+RETURN)
creating the button
- go to "720x390" layer, lock others
- select all, convert to symbol "button" (F8), button
- double-click on symbol (stage is ghosted) (you are now editing
the symbol)
- modify > break apart (cmd B)
- eyedropper color, copy color code to clipboard (from color mixer
panel)
- modify > document: change background color (paste, RETURN)
- scale art larger
- go to hit frame: insert keyframe (F6)
- go to up frame: delete art
- create text "ENTER" (gill sans, size=12, tracking=8,
white)
- return to scene 1
- select "button" symbol, add action "get URL":
"main.html" (F9)
publishing the movie
- file > publish settings: format (.swf, .html); flash (version
4), HTML (template=flash only, dimensions=100% x 100%, loop=no),
publish
- test movie in browser (drag and drop .html file onto browser
icon, note size)
- open .html file in dreamweaver: modify > page properties:
margins=0
- title="40 North/88 West: Champaign County Arts, Culture
& Entertainment Council"
- select comment following "text used in the movie",
add text
- publish your finished exercise as a link to your projects page
- test on a PC
|
