animasi flash bagi pemula

Upload: aekoyulianto

Post on 06-Jul-2018

231 views

Category:

Documents


1 download

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