หนังสือ Flash CS5

Flash CS5 for Animation and Interactive
Adobe Flash Profession CS5

Flash
Animation Title ( Illustrator Interactive Update Graphic ( Banner Web flash) Title Cartoon) - Sound Effect -
Create New ->ActionScript 2.0 (
3.
Panel
rate
background (Frame rate) Animation 24 frame pre second After effect Frame 25-30
Flash Movie
(Stage) (Work Are)
Test
Work Area Stage
Zoom
1.
2.
short cut - Zoom in = Ctrl + - Zoom out = Ctrl + - Fit in Window = Ctrl + 2 +
- View 100% = Ctrl + 1 - Hand tool = space bar - Undo = ctrl + z - Redo = Ctrl + Y
No color
Animation
Animation 2 3 Photoshop, Adobe Flash ,SwishMax Frame by Frame Adobe 3 3D Studio Max
Animation Animation
(Storyboard) Animation
Animation
Character Design Illustrator 1. 2. Flash
Layer
3.
Animation
Animation
Template
(Storyboard)
Animation
Script
( Storyboard) Storyboard Storyboard
1.
MS (Medium Short)
2.
CU (Close Up)
3.
ECU (Extreme Close Up)
4.
LS (Long Shot)
5.
ELS (Extreme Long Shot)
1.
4. 2.
Bird Eye view
3.
Animation
1. 2. Zoom In Frame Zoom Out (Pan)
3. 4.
(Tilt) (Dolly)
Animation Frame by frame
Storyboard
Flash
Line Tool Stroke, Style, Scale panel Properties
Selection Tool
/ / Selection tool
Properties (Ctrl + A) - Undo 100 Shift
Alt + Selection
Selection
pen tool
Pen Tool Photoshop - Subselection
Pencil Tool Brush Tool Fill ( ) Shape straighten Smooth Ink Strock smooth
Shape Rectangle Shift
Oval Start angle
End angle Inner radius Rectangle Primitive & Oval Primitive
Poly Star
panel Tool Settings - Style Poly Star
- Number of Sides - Star point size
Shape
(Fill) Object Drawing group
Intersect
Double click Double click scene
o Modify->Arrange 1 1
Ctrl +
Paint Bucket (K) Ink Bottle (S) EyeDropper (I) Eraser (E) Free Transform
Fill ( )
Ink Bottle Shift Rotate ( ) Double Click Reset
Gradient Transform Linear, Radial -
Gradien transform
Text
- Static text Animation Size Font Color - Dynamic text - Input text
Animation
1. Frame by Frame 2. Shape tween 3. Classic tween
Flash 3
Timeline
1. Keyframe 2. Frame *** Insert Keyframe (f6) Insert Frame (f5)
.
Frame Clear Keyframe (Shift + f6) Remove Frame (Shift + f5)
Timeline
file
Stage ( Symbol) Frame Keyframe )
1. Frame by Frame
Timeline F6 click >Insert Keyframe
keyframe keyframe frame f5 f5
Alt frame frame
background
Layer Keyframe Layer
Layer
Animation
Ctrl + Enter Layer Show outline Layer lock timeline
file
1. Swf 2. Fla file Animation file Flash --------The end frame by frame-------Ctrl + Enter
2. Shape Tween
Shape
Animation Drawing Object (
Group
.
insert Keyframe
Timeline ->Create Shape Tween
***
Timeline
Keyframe
*** *** Layer
Keyframe
1 - Insert frame (f5) Keyframe ( ) )
- Remove frame (shift + f5) 2 keyframe
Keyframe (
Timeline
3. Classic Tween
Layer
Animation Symbol Fade in ( -
(Version
Motion Tween)
Modify->Convert to Symbol (f8) )
.
Alpha 0% -
.
100% File->Import to stage ( No ( frame by frame) Convert to symbol (f8) bitmap )
Type
3 animation
- > Movie Clip -> Button -> Graphic
Properties
Brightness Tint Alpha Fade in/out
Filters
Animation Properties)
Insert Keyframe
( )
- Click
Create Classic Tween (Timeline
f8 *** Symbol Double Click
Symbol->Movie Clip Keyframe
Pic2 F5 Fade in Pic1 Fade out
.
100%
.
100%
.
0%
Alpha 0%
Panel Library
Symbol
Double icon symbol Convert Symbol Effect
Rotate
Animation
1. Convert
Group
2.
Layer
1 cut-> (Ctrl+Shift+v)
Paste in place
2 Layers
distribute to
Layer 3. Animation
4. Insert keyframe
keyframe Insert Keyframe
5. Keyframe Classic tween Properties
Insert
Tweening-Rotate - CW - CCW - Auto
Mask Layer
1. 2. Layer
3. ) 4. lock
fill Mask play
( Lock mask
Masking Mask
5. 6. 7.
Mask bg Layer mask) (
Shape
(check Drawing Object)
Layer
mask
Masking
Mask 1. 2. 3. lock layer shape Mask brush drawing object
frame by frame (f6)
masking
1. 2. Classic tween 3. Mask Symbol animation Insert Keyframe
animation
Symbol Button : Timeline 1. Up 2. Over 3. Down 4. Hit Symbol 1. 2. 2 Stage Stage mouse mouse 4
Modify->Convert to symbol (f5) Insert ->New Symbol (Ctrl+f8) Insert ->New Symbol (Ctrl+f8)
- Insert Keyframe over Hit button ( Scene
Down
Keyframe Insert Keyframe
***
copy Symbol
Symbol
Duplicate ***
- Insert Keyframe Hit
Hit
stage
play
mouse Window->Library->Common Libraries->Buttons Stage effect Convert Symbol
Action Script
1. Keyframe 2. Button user
Flash Keyframe
2 action a (event)
1
1. 2. /
Keyframe
Animation insert keyframe action
Mode build script (
error
action Double click keyframe
)
timeline
Timeline control
Button
(action)
on(event) { (); }
1.
on(press){ stop(); }
2.
Stop
Action->stop
event
on (press) { stop(); } *** Press Release / press Release
Roll over / Roll Out
next frame
prever
type
goto
Animation
Stop(); Action a
Stop(); a
Stop(); a
Contact
Gallery fade in Home
Bg+button F5 Insert Frame
Fscommand action
1. fullscreen 2. allowscale 3. quit swf
offline
(Global Function>Browser/Network>fscommand) flash player
(
parameter false)
parameter
True)
(
flash Player default
stage
Full Screen Offline ( fullscreen 1. Action
View-> Full Screen presentation
Esc
Title bar
Keyframe
2. 3.
Global Function>Browser/Network>fscommand Command = fullscreen parameters = true
4.
Test movie (
update
5.
animation
allowscale 1. Action Keyframe
fscommand
2. Test Movie Update file
3. 4. Quit 1.
Stage
Mask
Quit
command
2. ***
keyframe offline :1.
play animaition flash player File->Publish settings*** projector
pc flash player Publish update file Publish
Windows Projector (.exe) flash player ok
update
Animation 1. 2.
movie clip movie clip
animation
Timeline animation bitmap movie clip movie clip
new layer
test animation
play timeline
timeline layer
movie clip animation movie
.
Animation Double cle animation convert convert MC MC Scene Rotate
movie clip scene Distribute to Layer timeline
filter layer layer keyframe
Movie Clip
animation
Scene UP btn Rotate MC MC OVER
1. Select all convert to symbol button
2. Double click 3. Insert keyframe 4. Convert
symbol button over movie clip Double click
5. Convert 6. 7. movie timeline
animation
cut frame
8. Insert-new symbol 9. 10. filter drop shadow Hide object timeline paste frame
action
animation symbol button
Insert keyfram
hit
animation
Action On(rollover) { gotoAndPlay(2); } On(rollout){ gotoAnplay(11); }
1.
fade out background
2. Import
3.
frame
stop
animation
mc
mc
1 2
mc scene
mc
1) 2)
instance _parent on(press)} Star.stop(); {
mc
action
Insert New Symbol movie clip Import mc
mc
yes
frame by frame
scene
mc
Text 1. Static 2. Input
3 ( var)
3. Dynamic
Input -
... properties input text
Freetransform
around text panel properties
show border
font o o
input text auto kern input text + dynaimic text font
error
properties->Embed character ranges: All file
paragraph Spacing Behavior
input text Margin Letter Spacing
thai
o Single line o Multiline Enter o Multiline no wrap
Enter Input text
o Password
Password
Enter
- Max chars:
password
e-card 1. Input text dynamic
2. myname
input text options->Variable:
3. myname
Dynamic text options->Variable:
4. myshow 5. = on(press){
enter action-button :
Dynaimic text
123... :
myshow="Hello!"+ myname }
on(press){ myshow=1+3 } ***** ***** +
6.
Select able
Dynamic text
aimation
Action On(press) { Play (); }
scene
animation
1.
layer
Dynamic text
show
2. Embed font
3. 4.
score
5.
Dynamic text keyframe 1 score=0;
6. on (press) { play(); _parent.score+=1; } scene
7.
8.
mc
stage
insert new symbol
9.
New layer
miss
stage
layer
10. on (press) { score-=1; ** scene
} cursor mouse 1. cursor mc
2. + Registration 3. cursor
4.
instance name
cursor
5.
layer action score = 0; Cursor.startDrag(true); Mouse.hide(); keyframe stop(); Mouse.show();
mouse
Layer action
Remove frame mc
Sound
Flash
(Sync)
1. Stream 2. Start Timeline
3. Event 4. Stop
Start Start Event
1. File->Import->import to stage->
Library
2.
keyframe >sound name
properties sound
Sync: stream Start Event Stop stop keyframe
properties 8x24frs=192
sync
mv Sound effect ( ) sync stream animation
layer
Insert Keyframe Down Start
event
Background Music scene
start
sync
Start
loop
- New symbol
Action stop(); keyframe 2 on off
scene Library
mc
-mp3 -Speech
bit rate
, Quality
Load Movie
swf
(Global Function ->browser/Network ->loadmovie

Stage ->Modify->Document mc Convert mc Registration Stage 700x500 px
Instance name: display ( layer action
keyframe
load 3 action on (press) {
movie layer
display.loadMovie("game.swf"); }
Masking Display
New layer
Action
On(press){ getURL( }
);
on (press) { getURL("http://www.google.com"); }
(Scene) ( animation ,
animation preload **
animation loop
) scene
Window->Other panels->Scene (Shift + f2)
Scene 1 Scene 2
Test Scene
Scene
control->Test Scene (Ctrl+alt+Enter) * swf Scene
Scene 3
Add scene
scene scene
animation scene
preload, main scene Duplicate
Timeline layout scene Edit scene panel
animation
mc Scene preload preload load
preloadanimation
- Insert new symbol Mc (
animation
Classic tween
shape
alt mc bar scene instance name = bar
Load Dynamic text
Dynamic text
load
var
Dynamic text
- var: percent - var: loaded - var: total - var: remain Properties - Embed, auto kern
preload keyframe
scene preload
- New layer action byte / 1024 loaded = Math.round(getBytesLoaded()/1024); loaded total = Math.round(getBytesTotal()/1024); remain = total-loaded; percent = Math.round(loaded/total*100); % kb
if (loaded == total) { gotoAndPlay("main", 1); } bar.gotoAndStop(percent); percent % 100 animation
100 % (== animation scene main
) 1
animation
mc bar
- Insert frame Layer 1
loop
- Insert Keyframe Layer action frame 1
gotoAndPlay(1);
Ctrl + Enter View-> Simulate Download ( Flash player) Ctrl + Enter
UPLOAD 1. .html file->Publish Settings.
2. 3.
.swf
index.html Publish )
file->Publish Settings.tab HtML ( Dimensions: Percent Scale: No scale
set 1. upload
server NetDesign my document Netdesign)
ftp://student.netdesign.ac.th/ (Host name user: f537305 pw: 123
http://student.netdesign.ac.th/f537305
flash
firefox
IE
Folder Tool ->Internet option ->Delete
****
Flash swf->FLV - Swf Decomplier 5.
Flash CS4, CS5 Spray brush Properties 1 group scale 1
- Random scaling
Width , Height
script - New Symbol Mc Spray brush properties Edit Symbol
Width , Height
Deco Tool Vine fill fill Deco propertie Edit Symbol mc bg
layer Animate pattern by frame animation test movie frame
Grid Fill
convert to symbol
Cs5
Symmetry brush Symbol
Flash CS5 3D brush Building Brush
decorate brush
Fire animation
animation
frame by frame
Flame brush Flower Brush Linghtning brush
animation
Particle system Symbol
animation
Gravity +
Smoke animation Tree brush
3D Action script 3.0 convert to mc 3D Rotation Tool
3D Translation 3D Rotation
3 3
x - Insert frame animation - Timeline
z animation Keyframe keyframe Timeline animation
create motion tween
Keyframe keyframe Ctrl+click
animation 3.0) - Window-> Motion Presets Motion Tween animation (
Bone ( -
3.0) mc
Ctrl shape Bind shape
Select f5 keyframe
properties->joint rotation Enable
keyframe function function myStop(e){ stop(); } btnstop.addEventListener(MouseEvent.CLICK,myStop) function myPlay(e){ play(); 1 e (event)
} btnplay.addEventListener(MouseEvent.CLICK,myPlay)
www.thaiflashdev.com
flash

หนังสือ Flash CS5

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

หนังสือ Flash CS5

Uploaded by

Copyright:

Available Formats

Flash CS5 for Animation and Interactive

Adobe Flash Profession CS5

Create New ->ActionScript 2.0 (

Flash CS5 for Animation and Interactive

Flash CS5 for Animation and Interactive

(Stage) (Work Are)

Work Area Stage

Flash CS5 for Animation and Interactive

Flash CS5 for Animation and Interactive

Flash CS5 for Animation and Interactive

Character Design Illustrator 1. 2. Flash

Flash CS5 for Animation and Interactive

Flash CS5 for Animation and Interactive

ECU (Extreme Close Up)

ELS (Extreme Long Shot)

Bird Eye view

Flash CS5 for Animation and Interactive

Animation Frame by frame

Flash CS5 for Animation and Interactive

Properties (Ctrl + A) - Undo 100 Shift

Flash CS5 for Animation and Interactive

Pen Tool Photoshop - Subselection

Flash CS5 for Animation and Interactive

Shape Rectangle Shift

Flash CS5 for Animation and Interactive

Oval Start angle

End angle Inner radius Rectangle Primitive & Oval Primitive

panel Tool Settings - Style Poly Star

- Number of Sides - Star point size

Flash CS5 for Animation and Interactive

(Fill) Object Drawing group

Double click Double click scene

Flash CS5 for Animation and Interactive

Ink Bottle Shift Rotate ( ) Double Click Reset

Gradient Transform Linear, Radial -

Flash CS5 for Animation and Interactive

Flash CS5 for Animation and Interactive

Stage ( Symbol) Frame Keyframe )

keyframe keyframe frame f5 f5

Alt frame frame

Layer Keyframe Layer

Flash CS5 for Animation and Interactive

Ctrl + Enter Layer Show outline Layer lock timeline

Animation Drawing Object (

Timeline ->Create Shape Tween

Flash CS5 for Animation and Interactive

*** *** Layer

- Remove frame (shift + f5) 2 keyframe

Animation Symbol Fade in ( -

Modify->Convert to Symbol (f8) )

Flash CS5 for Animation and Interactive

- > Movie Clip -> Button -> Graphic

Brightness Tint Alpha Fade in/out

Flash CS5 for Animation and Interactive

Create Classic Tween (Timeline

f8 *** Symbol Double Click

Symbol->Movie Clip Keyframe

Flash CS5 for Animation and Interactive

Pic2 F5 Fade in Pic1 Fade out

Flash CS5 for Animation and Interactive

Flash CS5 for Animation and Interactive

Double icon symbol Convert Symbol Effect

Flash CS5 for Animation and Interactive

Flash CS5 for Animation and Interactive

* * Layer