animasi flash bagi pemula
TRANSCRIPT
-
8/18/2019 Animasi Flash Bagi Pemula
1/45
Macromedia Flash ProMacromedia Flash Pro88.::.::
-
8/18/2019 Animasi Flash Bagi Pemula
2/45
Flash::Outline• Konsep Dasar Flash
Tools, Color, Layer, Frame, ym!ol, Properties,"ctions
• Dasar#dasar "nimasi$ Motion T%een $ hape $ Te&t $ 'lur $ Path
$ 'utton • "pli(asi Flash$ imple )ui* +Presentation 'ase $ Prototype: calculator
-
8/18/2019 Animasi Flash Bagi Pemula
3/45
Tools• -ectan le Tool
$ tro(e Color$ Fill Color$ et Corner -adius
• Te&t Tool$ tatic Te&t$ Dynamic Te&t$ /nput Te&t$ Line Type$ ho% 'order "round Te&t$ 0aria!le
-
8/18/2019 Animasi Flash Bagi Pemula
4/45
Color
• Color Mi&er Type$ olid$ Linear$ -adial$ 'itmap
• ym!ol color
-
8/18/2019 Animasi Flash Bagi Pemula
5/45
Layers
• Layer• Layer Folder
• Motion 1uide
-
8/18/2019 Animasi Flash Bagi Pemula
6/45
-
8/18/2019 Animasi Flash Bagi Pemula
7/45
ym!ols• Con3ert /ma e to y!om!ol
• Mo3ie Clip• 'utton• 1raphic
-
8/18/2019 Animasi Flash Bagi Pemula
8/45
-
8/18/2019 Animasi Flash Bagi Pemula
9/45
"ctions
• "ctions cript Panel
-
8/18/2019 Animasi Flash Bagi Pemula
10/45
"ctions
• "ctions cript "ssist.
-
8/18/2019 Animasi Flash Bagi Pemula
11/45
"ctions
• 4&pert "ctions cript Mode
-
8/18/2019 Animasi Flash Bagi Pemula
12/45
"nimasi 1era(
-
8/18/2019 Animasi Flash Bagi Pemula
13/45
Dasar#dasar "nimasiDasar#dasar "nimasi.::.::contoh (ecil5contoh (ecil5
6umadi6umadimcs.7umadi mail.u m.ac.idmcs.7umadi mail.u m.ac.id
-
8/18/2019 Animasi Flash Bagi Pemula
14/45
MOT/O9 T 449;. 'uat Lin (aran di sta e !a ian (iri
-
8/18/2019 Animasi Flash Bagi Pemula
15/45
"nimasi 'entu(
•
-
8/18/2019 Animasi Flash Bagi Pemula
16/45
Motion hape;. Pada !a ian ten ah sta e, !uatlah !r. lin (aran
-
8/18/2019 Animasi Flash Bagi Pemula
17/45
"nimasi Pecah Te(s
-
8/18/2019 Animasi Flash Bagi Pemula
18/45
T4 T "9/M"T/O9;. 'uat tulisan GH/9I di ten ah sta e
-
8/18/2019 Animasi Flash Bagi Pemula
19/45
Cont.8. Kli( +(iri 2rame ?A layer GHI, (emudian
pindah(an huru2 H (e se!elah (iriJ. Kli( +(iri 2rame ?A layer G/I, (emudian
pindah(an huru2 / (e atas;A. Kli( +(iri 2rame ?A layer G9I, (emudian
pindah(an huru2 9 (e se!elah (anan
-
8/18/2019 Animasi Flash Bagi Pemula
20/45
Cont.;;. Kli( 2rame ; pada layer H, lihat properties
dan pili t%eenEmotion;
-
8/18/2019 Animasi Flash Bagi Pemula
21/45
-
8/18/2019 Animasi Flash Bagi Pemula
22/45
'LH-;. Tulis GM"T4M"T/K"I
-
8/18/2019 Animasi Flash Bagi Pemula
23/45
"nimasi 6alur
-
8/18/2019 Animasi Flash Bagi Pemula
24/45
P"T;. 'uat !r. Lin (ar
-
8/18/2019 Animasi Flash Bagi Pemula
25/45
O%n 'utton
-
8/18/2019 Animasi Flash Bagi Pemula
26/45
'HTTO9;. 'uat !r. elips !er%ana !iru
-
8/18/2019 Animasi Flash Bagi Pemula
27/45
"pli(asi Flash"pli(asi Flash.::.::apli(asi sederhana5apli(asi sederhana5
6umadi6umadimcs.7umadi mail.u m.ac.idmcs.7umadi mail.u m.ac.id
-
8/18/2019 Animasi Flash Bagi Pemula
28/45
imple )ui*
-
8/18/2019 Animasi Flash Bagi Pemula
29/45
Cont.
-
8/18/2019 Animasi Flash Bagi Pemula
30/45
Cont.
-
8/18/2019 Animasi Flash Bagi Pemula
31/45
imple )ui*
-
8/18/2019 Animasi Flash Bagi Pemula
32/45
imple)ui* Tutorial;. CT-L=-, untu( import am!ar !ac( round
-
8/18/2019 Animasi Flash Bagi Pemula
33/45
Prototype: Caculator
-
8/18/2019 Animasi Flash Bagi Pemula
34/45
Cont.
-
8/18/2019 Animasi Flash Bagi Pemula
35/45
Cont.;. 'uat te(s !ertipe dynamic te&t dan !eri
namaET&tDisplay
-
8/18/2019 Animasi Flash Bagi Pemula
36/45
Cont.
?. Kli(#and#dra Componen'utton (e sta e, aturserapih mun (in. Kli( ta!parameter, !eri namaCmdOne dan le!elE;.
-
8/18/2019 Animasi Flash Bagi Pemula
37/45
Cont.@. La(u(an hal yan sama untu(
tom!ol#tom!ol !eri(utnya$ 9amaECmdT%o, la!el:I
-
8/18/2019 Animasi Flash Bagi Pemula
38/45
Cont.B. La(u(an hal yan sama untu( tom!ol#
tom!ol !eri(utnya$ 9amaECmdClear, la!el:GCI$ 9amaECmdPlus, la!el:G=I$ 9amaECmdMin, la!el: G#I$ 9amaECmdCross, la!el: GNI$ 9amaECmdDi3 la!el: G I$ 9amaECmd4 ual, la!el: GEI
-
8/18/2019 Animasi Flash Bagi Pemula
39/45
cript +Calculatorvar Temp:String;var TxtDisplay:String="0";var Cross:Boolean;var Plus:Boolean;var Min:Boolean;
var Div:Boolean;
CmdOne on!elease= un#tion$%&TxtDisplay=String$'um(er$TxtDisplay)"*"%%;+;
CmdT,o on!elease= un#tion$%&TxtDisplay=String$'um(er$TxtDisplay)"-"%%;+;
-
8/18/2019 Animasi Flash Bagi Pemula
40/45
CmdT.ree on!elease= un#tion$%&TxtDisplay=String$'um(er$TxtDisplay)"/"%%;
+;
Cmd our on!elease= un#tion$%&TxtDisplay=String$'um(er$TxtDisplay)"1"%%;+;
Cmd ive on!elease= un#tion$%&TxtDisplay=String$'um(er$TxtDisplay)"2"%%;+;
CmdSix on!elease= un#tion$%&TxtDisplay=String$'um(er$TxtDisplay)"3"%%;+;
CmdSeven on!elease= un#tion$%&TxtDisplay=String$'um(er$TxtDisplay)"4"%%;+;
-
8/18/2019 Animasi Flash Bagi Pemula
41/45
Cont.• CmdEight.onRelease=function(){• TxtDisplay=String(Num er(TxtDisplay!"#"))$• %$
• CmdNine.onRelease=function(){• TxtDisplay=String(Num er(TxtDisplay!"&"))$• %$• Cmd'ero.onRelease=function(){• TxtDisplay=TxtDisplay!" "$• %$
• CmdCross.onRelease=function(){• Temp=TxtDisplay$• Cross=true$• TxtDisplay=" "$• %$• Cmd*lus.onRelease=function(){• Temp=TxtDisplay$• *lus=true$• TxtDisplay=" "$• %$
-
8/18/2019 Animasi Flash Bagi Pemula
42/45
Cont.• Cmd+in.onRelease=function(){• Temp=TxtDisplay$
• +in=true$• TxtDisplay=" "$• %$
• CmdDi,.onRelease=function(){• Temp=TxtDisplay$• Di,=true$• TxtDisplay=" "$• %$
• CmdClear.onRelease=function(){• TxtDisplay=" "$• Temp=" "$• %$•
-
8/18/2019 Animasi Flash Bagi Pemula
43/45
Cont.• CmdE-ual.onRelease=function(){• if (Cross==true){• TxtDisplay=String(Num er(Temp) Num er(TxtDisplay))$• Cross=false$• %•• if (*lus==true){• TxtDisplay=String(Num er(Temp)!Num er(TxtDisplay))$• *lus=false$• %• if (+in==true){• TxtDisplay=String(Num er(Temp)/Num er(TxtDisplay))$• +in=false$• %• if (Di,==true){• TxtDisplay=String(Num er(Temp)0Num er(TxtDisplay) )$• Di,=false$• %
• %$
-
8/18/2019 Animasi Flash Bagi Pemula
44/45
Contoh )ui*
-
8/18/2019 Animasi Flash Bagi Pemula
45/45