Animasi Dasar Flash Animasi Dasar Flash

(1)

02'8/0(0%8$7$1,0$6,

**6('(5+$1$'(1*$1**

0(181$.$10$&520(',$**

)/$6+

.RPSHWHQVL'DVDU 0HPEXDWGRNXPHQSHQJRODKDQLPDVVHGHUKDQD

,QGLNDWRU 0HQJDWXUOHPEDUNHUMD − 0HQJJDPEDUREMHN

− 0HQJJDPEDU REMHN GHQJDQ WHNQLN SHZDUQDDQ

− 0HPEXDWREMHNWHNV

− 0HPEXDWDQLPDVLREMHNGDVDU − 0HPEXDWDQLPDVLWHNV

− 0HPEXDWDQLPDVLEHUYDULDVL

$ 3HQJDQWDU

.HEXWXKDQ DNDQ LQIRUPDVL WLGDN GDSDW GLKLQGDUL 6HPDNLQ EDQ\DN NHEXWXKDQ PDND VHPDNLQ EDQ\DN LQIRUPDVL \DQJ GLEXWXKNDQ WHUXWDPD EDJDLPDQD LQIRUPDVL WDGL GDSDW GLRODK PHQMDGL VHEXDK NDU\D LQIRUPDVL GDQ GDSDW GLNRPXQLNDVLNDQ NHSDGD \DQJ PHPEXWXKNDQQ\D EDLN \DQJ EHUVLIDW HOHNWURQLN PDXSXQ PHGLD FHWDN %DKDQ DMDU LQL PHPEHULNDQ PDWHUL EDJDLPDQD FDUD PHPEXDW VHEXDK NDU\D LQIRUPDVL GHQJDQ PHQJJXQDNDQ SHUDQJNDW OXQDN SHQJRODK DQLPDVL PHODOXL EHEHUDSD OD\DQDQ HIHN DQLPDVL EHUXSD PDQLSXODVL REMHNGDQWHNVXQWXNPHQMDGLVHEXDKDQLPDVL\DQJQDQWLQ\DPHUXSDNDQEDJLDQ GDUL NDU\D LQIRUPDVL EDLN XQWXN PHQGXNXQJ SHQFLSWDDQ NDU\D LQIRUPDVL EDUX PDXSXQ WHUFLSWDQ\D ODQJVXQJ VHEXDK NDU\D LQIRUPDVL VHSHUWL NDU\D DQLPDVL \DQJ PHQGXNXQJ SHPEXDWDQ ZHE SHPEXDWDQ VRIWZDUH SHPEXDWDQ NDU\D PXOWLPHGLDGDQVHEDJDLQ\D

(2)

% 0HQ\LDSNDQ/HPEDU.HUMD

0HPEXNDOHPEDUNHUMD

/DQJNDKODQJNDKXQWXNPHQMDODQNDQSURJUDP0DFURPHGLDIODVKSURIHVVLRQDO

*DPEDU0HQMDODQNDQ0DFURPHGLDIODVK .OLNWRPERO6WDUW\DQJWHUGDSDWSDGDWDNVEDU

.HPXGLDQSLOLKPHQX$OO3URJUDPV .OLN0DFURPHGLD

(3)

*DPEDU0HQX8WDPD)ODVK

.OLN )ODVK 'RFXPHQW SDGD RSVL &UHDWH 1HZ DJDU WDPSLO OHPEDU NHUMD 0DFURPHGLD)ODVK3URIIHVLRQDO

(4)

3HQJDWXUDQ6WDJH

6HWHODKOHPEDUNHUMD)ODVKGLWDPSLONDQVWDJHGDSDWGLDWXUVHVXDLGHQJDQ NHLQJLQDQNLWDPLVDOQ\DSHQJDWXUDQXNXUDQVWDJHGDQSHQJDWXUDQZDUQD EDFNJURXQGGDULVWDJHWHUVHEXW

*DPEDU0HQX3HQJDWXUDQ6WDJH D .OLN0RGLI\

E .OLN'RFXPHQWDJDUWDPSLONRWDNGLDORJGRFXPHQWSURSHUWLHV

(5)

F 'LPHQWLRQV XQWXNPHQHQWXNDQOHEDUZLGWK GDQSDQMDQJKHLJKW SDGDVWDJH G %DFNJURXQGFRORU XQWXNPHQHQWXNDQZDUQDODWDUEHODNDQVWDJH

H )UDPHUDWH XQWXNPHQJDWXUNHFHSDWDQIUDPH

I 5XOHXQLWV XQWXNPHQHQWXNDQVDWXDQXNXUDQSDGDVWDJH J .OLN2.XQWXNPHQMDODQNDQSHULQWDKGRFXPHQWSURSHUWLHV

0HQDPSLONDQ5XOHU

8QWXNPHPSHUPXGDKGDODPPHOHWDNNDQREMHNSDGDVWDJHGHQJDQXNXUDQGDQ EHQWXN\DQJWHSDWPDNDSHUOXPHQDPSLONDQUXOHUSDGDVWDJH EHULNXWLQL

D .OLN9LHZSDGDPHQXEDU

E .OLN 5XOHU WDPSLOUXOHUSDGDVWDJH VHSHUWLSDGDJDPEDUEHULNXW F

*DPEDU0HQDPSLONDQ5XOHU

0HQJJXQDNDQ*XLGHV

8QWXNPHQJRSWLPDONDQSHQJJXQDDQUXOHUPDNDSHUOXSHQJJXQDDQJXLGHV GLGDODPVWDJHGHQJDQFDUDEHULNXW

D 8QWXNPH\DNLQNDQ VWDWXVJXLGHVDNWLI DWDXGLWDPSLONDQ .OLN9LHZ*XLGHV NHPXGLDQ

SHUKDWLDQVXEPHQX 6KRZ*XLGHVMLND WLGDNWHUGDSDW WDQGD PDND JXLGHVEHOXP WDPSLOGDQNOLN 6KRZ*XLGHVXQWXN PHQJDNWLINDQQ\D *DPEDU0HQX*XLGHV

(6)

E /DQJNDKVHODQMXWQ\DPHPEXDWJXLGHVSDGDVWDJHGHQJDQFDUD

• 8QWXNPHPEXDWJXLGHKRUL]RQWROOHWDNDQSRLQWHUPRXVHSDGDUXOHU KRUL]RQWDOGUDJJHVHUNHGDODPVWDJHSDGDSRVLVL\DQJGLLQJLQNDQ • 8QWXNPHPEXDWJXLGHYHUWLNDOOHWDNDQSRLQWHUPRXVHSDGDUXOHUYHUWLNDO

GUDJJHVHUNHGDODPVWDJHSDGDSRVLVL\DQJGLLQJLQNDQ

• 8QWXNPHQJKDSXVJXLGHV JHVHUJXLGHVPHQJJXQDNDQPRXVHNHOXDUVWDJH

*DPEDU3HQJDWXUDQ*XLGHV & 0HQJJDPEDU2EMHN

8QWXNPHQJJDPEDUREMHNGLSHUOXNDQWRROWRRO\DQJWHUGDSDWSDGDWRROVER[

0HQJJDPEDU2EMHN/LQJNDUDQ

8QWXNPHQJJDPEDUREMHNOLQJNDUDQGLEXWXKNDQWRRO 2YDO \DQJWHUGDSDW SDGDWRROVER[ GHQJDQFDUDEHULNXW

• .OLNWRRO2YDO

• 7HQWXNDQZDUQDJDULV6WURNH&RORU • 7HQWXNDQZDUQDGDVDU)LOO&RORU

• /HWDNDQSRLQWHUSDGDVWDJHGUDJPRXVHJHVHUKLQJJD PHPEHQWXNOLQJNDUDQDJDUEHQWXNOLQJNDUDQVHPSXUQD GDSDWPHQJJXQDNDQWRPERO6KLIWNHWLNDPHQGUDJPRXVH XQWXNPHPEXDWOLQJNDUDQ

*DPEDU0HQJJDPEDU/LQJNDUDQ

Stroke Color

(7)

0HQJJDPEDU2EMHN.RWDN

8QWXNPHQJJDPEDUREMHNNRWDNGLEXWXKNDQWRRO 5HFWDQJOHWRRO \DQJ WHUGDSDWSDGDWRROVER[ GHQJDQFDUDEHULNXW

• .OLNWRRO5HFWDQJOHWRRO

• .OLN5RXQG5HFWDQJOH5DGLXVSDGDWRROVXQWXN PHPEHQWXNVXGXWOHQJNXQJSDGDNRWDNPDNDDNDQ WDPSLONRWDNGLDORJVHSHUWLSDGDJDPEDU

• /HWDNDQSRLQWHUSDGDVWDJHGUDJPRXVHJHVHUKLQJJD PHPEHQWXNNRWDNDJDUEHQWXNNRWDNVHPSXUQDGDSDW PHQJJXQDNDQWRPERO6KLIWNHWLNDPHQGUDJPRXVHXQWXN PHPEXDWNRWDN

*DPEDU0HQJJDPEDU.RWDN

Kotak dengan setting corner radius 10 Kotak dengan setting

(8)

0HQJJDPEDU2EMHN3RO\6WDU

8QWXNPHQJJDPEDUREMHNSRO\VWDUGLEXWXKNDQWRRO 3RO\VWDUWRRO \DQJ WHUGDSDWSDGDWRROVER[ GHQJDQFDUDEHULNXW

• .OLNWRRO3RO\VWDU

• 7HQWXNDQZDUQDJDULV6WURNH&RORU • 7HQWXNDQZDUQDGDVDU)LOO&RORU • .OLNPHQX SDGDMHQGHOD

3URSHUWLHVPDNDDNDQWDPSLONRWDNGLDORJ EHULNXWSLOLKVW\OHGDQDWXUVHWWLQJDQQ\D

• /HWDNDQSRLQWHUSDGDVWDJHGUDJPRXVHJHVHU KLQJJDPHPEHQWXNELQWDQJDJDUEHQWXN ELQWDQJVHPSXUQDGDSDWPHQJJXQDNDQ WRPERO6KLIWNHWLNDPHQGUDJPRXVHXQWXN PHPEXDWNRWDN

*DPEDU0HQJJDPEDU3RO\VWDU

Bentuk Polygon Bentuk Star

Bentuk Polystar

(9)

0HQJJDPEDU2EMHN*DULV

8QWXNPHQJJDPEDUREMHNJDULVGLEXWXKNDQWRRO /LQHWRRO \DQJWHUGDSDW SDGDWRROVER[ GHQJDQFDUDEHULNXW

• .OLNWRRO/LQH

• 7HQWXNDQZDUQDJDULV6WURNH&RORU

• 8QWXNPHQJDWXUEHQWXNJDULVODNXNDQSHQJDWXUDQ SDGD3URSHUWLHVVHSHUWL\DQJWDPSDNSDGDJDPEDU EHULNXW

•

• /HWDNDQSRLQWHUSDGDVWDJHGUDJPRXVHJHVHUKLQJJD PHPEHQWXNJDULV

*DPEDU0HQJJDPEDU*DULVGHQJDQEHUEDJDLEHQWXN Warna Garis Ukuran keterbalan

garis

(10)

0HQJJDPEDU2EMHN*DULV/HQJNXQJ

8QWXNPHQJJDPEDUREMHNJDULVOHQJNXQJGLEXWXKNDQWRRO /LQHWRROGDQ VHOHFWLRQWRRO \DQJWHUGDSDWSDGDWRROVER[ GHQJDQFDUDEHULNXW

• .OLN/LQHWRRO

• 7HQWXNDQZDUQDJDULV6WURNH&RORU • %XDWODKJDULVOXUXV

•

• .OLN6HOHFWLRQ7RRO

• $UDKNDQSRLQWHUPRXVHSDGDJDULV\DQJWHODKGLEXDW SDGDEDJLDQ\DQJDNDQGLOHQJNXQJNDQKLQJJDSRLQWHU EHUXEDKEHUEHQWXN

• 'UDJPRXVHJHVHUNHDUDKOHQJNXQJDQ\DQJGLLQJLQNDQ VHSHUWLWDPSDNGLEDZDKLQL

(11)

0HQJJDPEDU2EMHNGHQJDQ3HQ7RRO

8QWXNPHQJJDPEDUREMHNGHQJDQSHQWRROGLEXWXKNDQWRRO 3HQWRRO GDQ \DQJWHUGDSDWSDGDWRROVER[ GHQJDQFDUDEHULNXW

• .OLN3HQWRRO

• $UDKNDQSRLQWHUPRXVHSDGDVWDJH NOLNPRXVHSDGDDUHD \DQJGLLQJLQNDQNOLNODJLSDGDVLVLODLQGDQVHWHUXVQ\D VDPSDLPHPEHQWXNREMHN\DQJGLLQJLQNDQ

PHQJJDPEDUPHODOXLWLWLNWLWLNREMHNVHSHUWLWDPSDN SDGDJDPEDUEHULNXW

(12)

0HQJJDPEDU2EMHNGHQJDQ3HQFLO7RRO

8QWXNPHQJJDPEDUREMHNGHQJDQSHQFLOWRROGLEXWXKNDQWRRO 3HQFLOWRRO GDQ\DQJWHUGDSDWSDGDWRROVER[ GHQJDQFDUDEHULNXW

• .OLN3HQFLOWRRO

• 7HQWXNDQZDUQDGDVDU)LOO&RORU

• 7HQWXNDQEHQWXNSHQFLOVHVXDLGHQJDQREMHN \DQJGLLQJLQNDQ

• /HWDNNDQSRLQWHUPRXVHSDGDVWDJHGUDJPRXVH JHVHUVHVXDLREMHN\DQJGLLQJLQNDQ

*DPEDU0HQJJDPEDU2EMHNGHQJDQ3HQFLO7RRO

(13)

0HQJJDPEDUGHQJDQPHPDQLSXODVL2EMHN D 0HQJXEDK8NXUDQ2EMHN

8QWXNPHQJXEDKXNXUDQREMHNNLWDGDSDWPHQJJXQDNDQWRRO )UHH 7UDQVIRUP \DQJWHUGDSDWSDGDWRROVER[ \DLWXGHQJDQFDUDEHUNXWLQL

• .OLN)UHH7UDQVIRUP

• .OLNDWDXSLOLKREMHN\DQJDNDQGLXEDKVHSHUWLFRQWRK REMHNNRWDN\DQJDNDQGLXEDK

• 8QWXNPHQJXEDKREMHNNRWDNVHFDUDSURSRUVLRQDOPDND DUDKNDQPRXVHSDGDVXGXWNDQDQDWDVEHUEDUHQJDQ GHQJDQPHQHNDQWRPERO6KLIWGUDJPRXVHJHVHUNHDUDK NDQDQDWDVVHSHUWL\DQJWDPSDNSDGDJDPEDU

*DPEDU0HQJJDPEDUGHQJDQPHQJXEDKXNXUDQ

• Dapat pula menggunakan properties untuk mengubah ukuran objek, yaitu dengan cara klik objek dan ubah ukuran sesuai dengan ukuran yang diinginkan, seperti yang tampak pada gambar berikut:

(14)

E 0HQJJDPEDUGHQJDQ0HPRWRQJ2EMHN

0HQJJXQDNDQ)XQJVLWRRO'LVWRUWSDGD2SWLRQ GDSDWGLODNXNDQGHQJDQ FDUDEHULNXWLQLVHEDJDLFRQWRKPHPRWRQJNRWDNPHQMDGLVHJLWLJD

• Buatlah objek kotak • Klik Free Transform • Klik objek kotak pada stage • Klik Distort

• $UDKNDQSRLQWHUPRXVHSDGDWLWLNVXGXW NDQDQDWDVKLQJJDSRLQWHUPRXVHWDPSLO

GUDJPRXVHJHVHUNHDUDKEDZDKNLUL VHSHUWL\DQJWDPSDNSDGDJDPEDU

*DPEDU0HQJJDPEDUGHQJDQPHPRWRQJREMHN

0HQJJXQDNDQ/LQH7RRO GDSDWGLODNXNDQGHQJDFDUDEHULNXWLQL

• Buatlah objek kotak • Klik (Line Tool)

• Buatlah garis diagonal dari kiri atas ke bawah kanan • Klik (Selection Tool)

• Klik area segitiga atas bagian atas, tekan tombol delete (klik kanan Cut)

*DPEDU0HQJJDPEDUGHQJDQPHPRWRQJREMHNPHQJJXQDNDQ/LQH7RRO Pemotongan dengan

Line Tool

Pemilihan area yang akan di drop/hapus

(15)

F 0HPXWDU3RVLVL2EMHN

• Buatlah objek Kotak • Klik Free Transform

• Klik objek segi tiga pada stage

• $UDKNDQSRLQWHUPRXVHSDGDWLWLNVXGXWNDQDQ DWDVKLQJJDSRLQWHUPRXVHWDPSLO (rotate) GUDJPRXVHJHVHUSXWDUNHDUDKEDZDKNDQDQ VHSHUWL\DQJWDPSDNSDGDJDPEDU

*DPEDU0HPXWDU3RVLVL2EMHN

' 0HQJJDPEDU2EMHNGHQJDQ7HNQLN3HZDUQDDQ 0HZDUQDL%LGDQJ*DPEDU

6HEDJDLFRQWRKODQJNDKPHZDUQDLELGDQJJDPEDUNLWDJXQDNDQREMHN OLQJNDUDQ7RRO\DQJGLJXQDNDQDGDODK 3DLQW%XFNHW \DLWXGHQJDQFDUD EHULNXWLQL

• Buat objek lingkaran • Klik Paint Bucket • Tentukan Fill color

• Klik Gap Size pada tool Option

− 3LOLK'RQ·W&ORVH*DSVXQWXNPHZDUQDLELGDQJ JDPEDUGHQJDQJDULVRXWOLQH WHUWXWXS

− 3LOLK&ORVH6PDOO*DSVXQWXNPHZDUQDLELGDQJ JDPEDUGHQJDQJDULVRXWOLQH \DQJPHPLOLNL FHODKNHFLO

− 3LOLK&ORVH0HGLXP*DSVXQWXNPHZDUQDLELGDQ JDPEDUGHQJDQJDULVRXWOLQH\DQJPHPLNLFHODK VHGDQJ

− 3LOLK&ORVH/DUJH*DSVXQWXNPHZDUQDLELGDQ JDPEDUGHQJDQJDULVRXWOLQH \DQJPHPLNLFHODK EHVDU

(16)

0HZDUQDLGHQJDQ*UDGDVL

8QWXNSHZDUQDDQJUDGDVL\DQJGDSDWGLODNXNDQPHODOXLODQJNDKEHULNXW VHEDJDLFRQWRKREMHNOLQJNDUDQ

• Klik Oval Tool • Tentukan warna garis • Tentukan warna dasar (Fill

Color)

• Pilih gradasi yang diinginkan • %XDWODKOLQJNDUDQGHQJDQ

EHEHUDSDEHQWXNJUDGDVL VHSHUWL\DQJWDPSDNSDGD JDPEDUEHULNXW

*DPEDU3HZDUQDDQGHQJDQ*UDGDVL

• 8QWXNPHQJHGLWDWDXPHQJDWXUJUDGDVLVHEXDKREMHNOLQJNDUDQGDSDW GLODNXNDQGHQJDQFDUDEHULNXWLQL

%XDWODKREMHNOLQJNDUDQ\DQJVXGDKGLEHULHIHNJUDGDVL

(17)

.OLN *UDGLHQW7UDQVIRUP .OLNSDGDREMHNOLQJNDUDQ

*DPEDU3HQJDWXUDQZDUQD*UDGDVL

7DEHO3HQJDWXUDQZDUQD*UDGDVL

&HQWHU3RLQW .OLNGDQJHVHUXQWXNPHQJDWXUWLWLNWHQJDKJUDGDVL )RFDO3RLQW .OLNGDQJHVHUXQWXNPHQJDWXUIRFDOJUDGDVL)RFDO

SRLQWKDQ\DEHUODNXXQWXNJUDGDVLWLSHUDGLDO

:LGWK .OLNGDQJHVHUXQWXNPHQJDWXUOHEDUELGDQJ

JUDGDVL

6L]H .OLNGDQJHVHUXQWXNPHQJDWXUXNXUDQELGDQJ JUDGDVL

5RWDWLRQ .OLNGDQJHVHUXQWXNPHPXWDUELGDQJJUDGDVL

0HZDUQDL0HQJJXQDNDQ&RORU0L[HU

6HEHOXPNLWDPHQJJXQDNDQ&RORU0L[HU DODQJNDKEDLNQ\DNLWDPHQJDNWLINDQ MHQGHOD&RORU0L[HUGHQJDQFDUDNOLNPHQX:LQGRZ NOLNVXEPHQX&RORU0L[HU DWDXGHQJDQPHQHNDQWRPERO6KLIW)PDNDDNDQWDPSLOVHSHUWLJDPEDU EHULNXW

o Center Point

o Focal Point

o Width

o Size

(18)

*DPEDU-HQGHOD&RORU0L[HU

.LWDDNDQPHQFREDPHQJDWXUZDUQDVHEXDOREMHNOLQJNDUDQ\DQJEHUJUDGDVL \DLWXGHQJDQFDUDEHULNXWLQL

• %XDWODKREMHNOLQJNDUDQGHQJDQSLOLKDQZDUQDJUDGDVLNHPXGLDQNOLN REMHNOLQJNDUDQ\DQJWHODKGLEXDW3HUKDWLNDQWDPSLODQ&RORU0L[HUQ\D VHSHUWLJDPEDUGLEDZDKLQL

*DPEDU3HQJDWXUDQZDUQD2EMHN*UDGDVLGHQJDQ&RORU0L[HU 7\SHZDUQDGDVDU

3LOLKDQZDUQD

3HQJDWXUDQJHODS WHUDQJZDUQD

3HQJDWXUDQZDUQD JUDGDVLKLQJJD ZDUQD

3HQJDWXUDQ NRPELQDVLZDUQD :DUQDJDULV

(19)

• -LNDNLWDLQJLQPHPEHULNDQYDULDVLZDUQDSDGDJUDQGDVLQ\D\DQJKDUXV GLODNXNDQDGDODKPHPEHULNDQSRLQWZDUQDSDGDEDWDQJZDUQDVHSHUWL\DQJ WDPSDNSDGDJDPEDU

*DPEDU3HQJDWXUDQZDUQD2EMHN*UDGDVLGHQJDQSRLQW&RORU0L[HU ( 0HPEXDW2EMHN7HNV

6HODLQREMHNREMHNJDPEDU0DFURPHGLD)ODVKMXJDPHQ\HGLDNDQSHPEXDWDQ REMHNWHNV

0HQJHWLN7HNV

8QWXNPHQJHWLNWHNVGLEXWXKNDQWRRO 7H[W7RRO\DLWXGHQJDQFDUD y .OLN7H[W7RRO

y /DNXNDQODKSHQJDWXUDQIRUPDWWHNVGHQJDQPHPSHUKDWLNDQGDQPHQJDWXU VHWWLQJDQ\DQJWHUGDSDWSDGDSURSHUWLHV

*DPEDU3URSHUWLHV7H[W

y $UDKNDQPRXVHGDQNOLNSDGDVWDJHNHPXGLDQNHWLNWHNV\DQJGLLQJLQNDQ VHEDJDLFRQWRKµ6036%,µVHSHUWL\DQJWDPSDNSDGDJDPEDUEHULNXWLQL

*DPEDU+DVLO3HQXOLVDQ2EMHN7HNV y Klik pada batang

warna dan klik dua kali pilih warna kuning, maka hasilnya seperti gambar disamping y Aturlah fasilitas lain

sesuai dengan keinginan

(20)

0HQJRODK7HNV

*DPEDU-HQGHOD7H[W3URSHUWLHV

7\SH7HNV

6WDWLF7H[WDGDODKMHQLVWHNVVWDWLVDWDXWLGDNPHQJDODPLSHUXEDKDQSDGDVDDW GLMDODQNDQDNDQWHWDSLWHWDSGDSDWGLDQLPDVLNDQ

'\QDPLF7H[WDGDODKMHQLVWHNV\DQJGDSDWEHUXEDKVHFDUDGLQDPLVSDGDVDDW GLMDODQNDQ

,QSXW7H[WDGDODKMHQLVWHNV\DQJGLJXQDNDQGDODPSURVHVLQSXWGDWD\DQJ GLNDLWNDQGHQJDQSHULQWDKVFULSWWHUWHQWX

*DPEDU7\SH7HNV -HQLVGDQXNXUDQ)RQW

(21)

3HQJDWXUDQ7DPSLODQ7HNV

*DPEDU7DPSLODQ7HNV

3HQJDWXUDQ3RVLVL.DUDNWHU

(22)

3HQJDWXUDQ$UDK3HQJHWLNDQ7HNV

8QWXNPHQJDWXUDUDKSHQJHWLNDQWHNVGLEXWXKNDQWRRO FKDQJHRULHQWDWLRQ WH[W \DQJNHWLNDGLNOLNDNDQWDPSLOSLOLKDQEHULNXW

*DPEDU3HQJDWXUDQDUDKSHQJHWLNDQWHNV

3HQJDWXUDQ-DUDN$QWDUNDUDNWHU

(23)

)RUPDW3RVLVL7HNV

*DPEDU)RUPDWSRVLVLWHNV

)RUPDW3DUDJUDI

.OLN (GLW)RUPDW2SWLRQ SDGDPHQX3URSHUWLHVDJDUWDPSLONRWDNGLDORJ EHULNXW

*DPEDU)RUPDWSDUDJUDI

• 3HQJDWXUDQMDUDNLGHQWDVLXQWXN

EDULVSHUWDPDILUVWOLQHEDULVNHGXD

KDQJLQJ GVWQLODLSRVLWLIXQWXNILUVW

OLQHGDQQLODLQHJDWLIXQWXNKDQJLQJ

• 3HQJDWXUDQMDUDNDQWDUEDULV

• %DWDVDQWDUDWHNVNLULGDQELQJNDL

(24)

0HQJHGLW7UDQVIRUP7HNV

6HEXDKOD\RXWWHNVGDSDWGLXEDKEHQWXNQ\DVHVXDLGHQJDQNHLQJLQDQNLWD+DO GDSDWGLODNXNDQGHQJDQFDUDPHQJJXQDNDQ)UHH7UDQVIRUP7RRO

• .OLN )UHH7UDQVIRUP7RRO • .OLN2EMHNWHNV\DQJDNDQGLXEDK

• $UDKNDQSRLQWHUPRXVHSDGDWLWLNELQJNDLWHNVKLQJJDSRLQWHUEHUXEDK EHUEHQWXN GUDJPRXVHJHVHUNHDUDKNDQDQNLULVHVXDLGHQJDQ NHLQJLQDQ

•

*DPEDU7UDQVIRUPWHNV

0HPHFDK7HNV0HQMDGL2EMHN

)ODVKPHPEHULNDQIDVLOLWDVXQWXNPHPHFDKWHNVPHQMDGLEHEHUDSDNDUDNWHU WHNVGDQREMHN&DUD\DQJGLODNXNDQWHNDQWRPERO&WUO%VHNDOLXQWXN PHPHFDKWHNVPHQMDGLNDUDWHUWHNVGDQWHNDQWRPERO&WUO%GXDNDOLXQWXN PHPHFDKWHNVPHQMDGLNDUDNWHUREMHN

(25)

3HPEHULDQ(IHNSDGD7HNV

8QWXNPHPEHULNDQWDPSLODQ\DQJPHQDULNSDGDWHNVGDSDWGLODNXNDQGHQJDQ FDUDSHPEHULDQHIHNSDGDWHNV\DLWXPHQJJXQDNDQIDVLOLWDV)LOWHU3HUKDWLNDQ WDPSLODQMHQGHOD)LOWHUEHULNXW

*DPEDU(IHN7HNV

y .OLNWHNV\DQJWHODK GLEXDW

y .OLN

XQWXNPHQDPEDK HIHNSDGDWHNV

y .OLN

²

XQWXN

PHQJKLODQJNDQHIHNSDGD WHNV

(26)

) 3HQJHORODDQ/D\HU

6HEHOXPNLWDPHPEXDWVHEXDKDQLPDVLDGDEDLNQ\DNLWDPHQJHQDOOD\HUGDQ SHQJDWXUDQQ\D/D\HUEHUIXQJVLXQWXNPHQDPSXQJREMHNGDODPOHPEDUNHUMDGDQ VHWLDSREMHNVHEDLNQ\DPHPLOLNLOD\HU\DQJEHUEHGD

*DPEDU7DPSLODQ/D\HU

0HQDPEDK/D\HU

8QWXNPHQDPEDKOD\HUPHQJJXQDNDQWRRO ,QVHUOD\HU SDGDOD\HU7LPHOLQH DWDXGDSDWSXODPHQJJXQDNDQEDUPHQXVHSHUWLSDGDJDPEDU

*DPEDU3HQDPEDKDQ/D\HU /D\HUEHULVLREMHN

ELQWDQJELQWDQJ

/D\HUEHULVLREMHN WHNV´6036%,µ

(27)

0HPEHUL1DPD/D\HU

1DPDOD\HUVHFDUDGHIDXOWDGDODK/D\HU/D\HUGVW$NDQWHWDSLQDPDOD\HU WHUVHEXWGDSDWGLXEDKVHVXDLGHQJDQNHLQJLQDQNLWDWHWDSLDODQJNDKEDLNQ\D DSDELODQDPDOD\HULWXVHVXDLGHQJDQREMHNQ\D3HUKDWLNDQJDPEDUEHULNXW

*DPEDU3HQDPEDKDQ/D\HU

3HQJDWXUDQ3RVLVL/D\HU

8QWXNPHQJDWXUSRVLVLOD\HUGDSDWGLODNXNDQGHQJDQFDUDPHQGUDJPRXVH SDGDOD\HU\DQJDNDQGLSLQGDKNDQJHVHUNHDWDVDWDXNHEDZDKVHVXDLGHQJDQ SRVLVL\DQJGLLQJLQNDQ

0HQJKDSXVOD\HU

8QWXNPHQJKDSXVOD\HUGDSDPHQJJXQDNDQLNRQ GHOHWHOD\HUGHQJDQ FDUDNOLNWHUOHELKGDKXOXOD\HU\DQJDNDQGLKDSXVNHPXGLDQNOLN DWDX GHQJDQFDUDPHQJNOLNNDQDQOD\HUNHPXGLDQSLOLKPHQX'HOHWHOD\HU

y Double klik pada nama layer

(28)

*DPEDU0HQJKDSXVOD\HU 0HQ\HPEXQ\LNDQ/D\HU

6HEXDKOD\HUGDSDWGLVHPEXQ\LNDQVHKLQJJDWLGDNWDPSDNSDGDVWDJH 3HUKDWLNDQJDPEDUEHULNXW

*DPEDU0HQ\HPEXQ\LNDQOD\HU

y Klik Hide All layer untuk menyembunyikan semua layer

y Klik di sini untuk menyembunyikan layer “SMP SBI”

y Layer dalam kondisi disembunyikan

(29)

0HQJXQFL/D\HU

$JDUVHEXDKOD\HUWLGDNGDSDWGLHGLWPDNDSHUOXGLODNXNDQSHQJXQFLDQOD\HU VHSHUWL\DQJWDPSDNSDGDJDPEDUEHULNXW

*DPEDU0HQJXQFLOD\HU 0HPEXDW)ROGHU/D\HU

$SDELODNLWDPHPEDQJXQVHEXDKDQLPDVL\DQJEHVDUDWDXVHPDNLQEDQ\DN

y Klik Lock All layer untuk mengunci semua layer y Klik disini untuk mengunci

layer “SMP SBI” y Layer dalam kondisi

diterkunci

y Klik Insert Layer Folder untuk membuat folder

y Folder yang telah dibuat

(30)

0HPDVXNDQ/D\HUNHGDODP)ROGHU

8QWXNPHPDVXNDQOD\HUNHGDODPIROGHU SLOLKODKWHUOHELKGDKXOXOD\HUOD\HU \DQJDNDQGLPDVXNNDQNHGDODPIROGHUGUDJPRXVHSDGDOD\HU\DQJGLSLOLK JHVHUNHDUDKIROGHU PDNDOD\HUOD\HUWHUVHEXWVXGDKEHUDGDGDODPIROGHUQ\D

* 3HPEXDWDQ$QLPDVL2EMHN'DVDU

0HPEXDW$QLPDVL*HVHU

• %XDWODK2EMHNOLQJNDUDQGHQJDQ

PHQJDNWLINDQ2EMHFW'UDZLQJ SDGDWRROV 2SWLRQ

*DPEDU0HPEXDWDQLPDVLJHVHU

• .OLNSDGDIUDPHNOLN PHQX,QVHUW7LPHOLQH .H\IUDPHDWDXNOLNNDQDQ SDGDIUDPHNOLN,QVHUW .H\IUDPH

• .OLNIUDPHGLDQWDUDVG NOLNNDQDQPRXVHNOLN ,QVHUW&UHDWH0RWLRQ 7ZHHQ

• $WDX3LOLK7ZHHQ0RWLRQ SDGD3URSHUWLHV

• .OLNIUDPHSLQGDKNDQ REMHNOLQJNDUDQNHVHEHODK NDQDQPHQJJXQDNDQ 6HOHFWLRQ7RRO

(31)

0HPEXDW$QLPDVL3XWDU

• %XDWODK2EMHN%LQWDQJGHQJDQPHQJDNWLINDQ 2EMHFW'UDZLQJ SDGDWRROV2SWLRQ

*DPEDU0HPEXDWDQLPDVLSXWDU

• 3LOLK5RWDWH&:SDGD 3URSHUWLHV

(32)

0HPEXDW$QLPDVL6NDOD

• %XDWODKREMHNSRO\JRQGHQJDQPHQJDNWLINDQ 2EMHFW'UDZLQJ SDGDWRROV2SWLRQ

*DPEDU0HPEXDWDQLPDVL6NDOD

• .OLNIUDPHGLDQWDUDVG NOLNNDQDQPRXVHNOLN ,QVHUW&UHDWH0RWLRQ7ZHHQ

• .OLNIUDPH SLQGDKNDQ REMHNSRO\JRQNHVHEHODK NDQDQGHQJDQPHQJJXQDNDQ 6HOHFWLRQ7RRO NHPXGLDQ SHUEHVDUPHQJJXQDNDQ )UHH7UDQVIRUP

(33)

0HPEXDW$QLPDVL:DUQD

*DPEDU0HPEXDWDQLPDVLZDUQD

8QWXN GDSDW PHOLKDW KDVLO DQLPDVLQ\D .OLN PHQX&RQWURO NOLN7HVW 0RYLH $WDXGDSDWPHQHNDQWRPERO&WUO(QWHU

• .OLNIUDPHGLDQWDUDVG NOLNNDQDQPRXVHNOLN ,QVHUW&UHDWH0RWLRQ7ZHHQ

• .OLNIUDPHNOLN REMHNSRO\JRQ SLOLK &RORU$OSKDGHQJDQ XNXUDQSDGD MHQGHOD3URSHUWLHV • .OLNIUDPHNOLN

(34)

+ 0HPEXDW$QLPDVL7HNV

0HPEXDW$QLPDVL7HNV%OXU

• %XDWODK2EMHN7HNV GHQJDQSHQJDWXUDQ VHVXDLGHQJDQ NHLQJLQDQVHEDJDL FRQWRKWHNVVHSHUWL \DQJWDPSDNSDGD JDPEDU

*DPEDU0HPEXDWDQLPDVLWHNVEOXU

• .OLNSDGDIUDPHNOLN PHQX,QVHUW7LPHOLQH (IIHFWV(IIHFW%OXU NOLNNDQDQSDGDREMHN IUDPHNOLN7LPHOLQH (IIHFWV(IIHFW%OXU NHPXGLDQDNDQWDPSLO NRWDNGLDORJ

SHQJDWXUDQHIHN%OXU

• .OLNSDGD(IIHFW 'XUDWLRQNHWLN XQWXNPHPEHULNDQHIHN SDGDIUDPHVDPSDLIUDPH

NH

• .OLN5HVROXWLRQXQWXN PHQHQWXNDQ

UHVROXVLQ\D • 'LUHFWLRQRI

PRYHPHQWXQWXN PHQHQWXNDQDUDK SHUJHUDNDQEOXU • .OLN2.

(35)

0HPEXDW$QLPDVL7HNV([SDQG

*DPEDU0HPEXDWDQLPDVLWHNV([SDQG

• .OLNSDGDIUDPHNOLN PHQX,QVHUW7LPHOLQH (IIHFWV(IIHFW([SDQGNOLN NDQDQSDGDREMHNIUDPH NOLN7LPHOLQH(IIHFWV (IIHFW([SDQGNHPXGLDQ DNDQWDPSLONRWDNGLDORJ SHQJDWXUDQHIHN([SDQG

• .OLNSDGD(IIHFW 'XUDWLRQNHWLN XQWXNPHPEHULNDQ HIHNSDGDIUDPH VDPSDLNHIUDPH • .OLN)UDJPHQW2IIVHW

XQWXNPHQHQWXNDQ SDQMDQJ([SDQG • 'LUHFWLRQRI

PRYHPHQWXQWXN PHQHQWXNDQDUDK SHUJHUDNDQ([SDQG • .OLN2.

(36)

0HPEXDW$QLPDVL7HNV(IHN0HPHFDK

*DPEDU0HPEXDWDQLPDVLWHNVPHPHFDK

• 3LVDKNDQWHNVWHUVHEXW PHQMDGLEHEHUDSDEDJLDQ GHQJDQFDUDNOLN0RGLI\ NOLN%UHDN$SDUWWHNDQ &WUO%

• 'LVWULEXVLNDQWHNV\DQJ WHUSLVDKNHGDODPOD\HU GHQJDQFDUDNOLN0RGLI\ NOLN7LPHOLQHNOLN

'LVWULEXWHWROD\HUPDND KDVLOQ\DWDPSDNGDODP JDPEDU

• .OLNIUDPHSDGD OD\HU.GDQEORN WHNDQ6KLIWNOLNIUDPH SDGDOD\HU, VDPSDLOD\HU,NOLN NDQDQNOLN,QVHUW .H\IUDPH

• .OLNOD\HU.SLOLK 7ZHHQ0RWLRQSDGD 3URSHUWLHVNOLNNDQDQ GLDQWDUDIUDPHVG IUDPHNOLN&UHDWH 0RWLRQ7ZHHQ GDQ SDGDIUDPH

(37)

• .OLNOD\HU(SLOLK7ZHHQ0RWLRQSDGD3URSHUWLHVNOLNNDQDQGLDQWDUDIUDPH VGIUDPHNOLN&UHDWH0RWLRQ7ZHHQ GDQSDGDIUDPH SLQGDKNDKKXUXI (NHSRMRNNLULWHQJDK/DNXNDQKDO\DQJVDPDSDGDOD\HU\DQJODLQVHKLQJJD PHPEHQWXNIRUPDVLEHULNXW

*DPEDU0HQJJHVHUREMHNWHNV

8QWXN GDSDW PHOLKDW KDVLO DQLPDVLQ\D GDSDW PHQHNDQ WRPERO&WUO (QWHU PDNDKDVLOVHEDJDLEHULNXW

(38)

, 0HPEXDW$QLPDVL%HUYDULDVL

0HPEXDW$QLPDVL9DULDVL3XWDU*HVHUGDQ:DUQD

3DGDPDWHULLQLNLWDDNDQPHPEXDWVHEXDKDQLPDVLREMHNGHQJDQ

SHQJJDPEXQJDQHIHNDQLPDVLSXWDUJHVHUGDQZDUQD/DNXNDQODKVHUSHUWL SDGDSHULQWDKEHULNXW

• %XDWODKREMHN%LQWDQJGHQJDQVLVLGDQ PHQJDNWLINDQ2EMHFW'UDZLQJ SDGDWRROV 2SWLRQ

*DPEDU0HPEXDWDQLPDVLJHVHU

• 3LOLK5RWDWH&:SDGD 3URSHUWLHV

(39)

*DPEDU0HPEXDWHIHNDQLPDVLZDUQD

8QWXN GDSDW PHOLKDW KDVLO DQLPDVLQ\D .OLN PHQX&RQWURO NOLN7HVW 0RYLH $WDXGDSDWPHQHNDQWRPERO&WUO(QWHU

0HPEXDW$QLPDVL3HUXEDKDQREMHN

.LWDDNDQPHPEXDWDQLPDVLGHQJDQSHUXEDKDQREMHNSRO\JRQPHQMDGLREMHN ELQWDQJ/DNXNDQODKVHUSHUWLSDGDSHULQWDKEHULNXW

*DPEDU0HPEXDWREMHNSRO\JRQ

• .OLNSDGDIUDPHNOLN PHQX,QVHUW7LPHOLQH .H\IUDPHDWDXNOLN NDQDQSDGDIUDPH NOLN,QVHUW.H\IUDPH • .OLNIUDPHGLDQWDUD

VGNOLNNDQDQ PRXVHNOLN,QVHUW &UHDWH0RWLRQ7ZHHQ

• .OLNIUDPHNOLN REMHNELQWDQJ SLOLK&RORU$OSKD GHQJDQXNXUDQ SDGDMHQGHOD 3URSHUWLHV

(40)

*DPEDU0HPEXDWDQLPDVLSHUXEDKDQREMHN

• .OLNNDQDQSDGDIUDPH NOLN,QVHUW%ODQN .H\IUDPH

• .OLNIUDPHEXDWODK REMHNELQWDQJGLORNDVL \DQJEHUEHGDVHEHODK NDQDQGHQJDQ

PHQJDNWLINDQ2EMHFW 'UDZLQJ SDGDWRROV 2SWLRQ

• .OLNGLDQWDUDIUDPH VGSLOLK7ZHHQ 6KDSHSDGDMHQGHOD SURSHUWLHV

• 8QWXNGDSDWPHOLKDW KDVLODQLPDVLQ\D.OLN PHQX&RQWURO NOLN7HVW 0RYLH$WDXGDSDW PHQHNDQWRPERO&WUO (QWHU

)UDPH )UDPH

(41)

-LNDNDOLDQLQJLQPHPEXDWDQLPDVLGHQJDQSHUXEDKDQREMHNVHVXDLGHQJDQ GHQJDQNHLQJLQDQDQLPDVL6KDSH+LQW/DNXNDQODKVHUSHUWLSDGDSHULQWDK EHULNXW

*DPEDU0HPEXDWDQLPDVL6KDSH+LQW

• %XDWODKREMHNSRO\JRQ GHQJDQVLVLGLORNDVLNLUL DWDVGHQJDQPHQJDNWLINDQ 2EMHFW'UDZLQJ SDGD WRROV2SWLRQ

• .OLNNDQDQIUDPHNOLN ,QVHUW%ODQN.H\IUDPH

• 3DGDIUDPHEXDWODK SRO\JRQGHQJDQVLVL\DQJ OHELKEHVDUJXQDNDQ 6HOHFWLRQ7RROXQWXN PHQJXEDKJDULVSDGD VLVLQ\DPHQMDGL PHOHQJNXQJ

• .OLNGLDQWDUDIUDPH VG IUDPHSLOLK7ZHHQ 6KDSHSDGDMHQGHOD SURSHUWLHV

• .OLNIUDPHNOLN0RGLI\ .OLN6KDSH NOLN$GG 6KDSH+LQWPDNDWDPSLO SDGDREMHNWHUVHEXW VLPERO JHVHUVLPERO WHUVHEXWNHWLWLNWLWLN SRO\JRQ ODNXNDQSHULQWDK SHULQWDKWHUVHEXWXQWXN VHPXDWLWLN

• /DNXNDQSHQJDWXUDQ \DQJVDPDSDGDIUDPH DNDQWHWDSLVLPERO

(42)

*DPEDU3HQJDWXUDQVLPEROHIHN6KDSH+LQW

8QWXNGDSDWPHOLKDWKDVLODQLPDVLQ\D.OLNPHQX&RQWURO NOLN7HVW0RYLH $WDXGDSDWPHQHNDQWRPERO&WUO(QWHUKDVLOQ\DGDSDWGLOLKDWSDGDJDPEDU EHULNXW

(43)

0HPEXDW$QLPDVLGHQJDQ0RWLRQ*XLGH

• .OLNNDQDQSDGDOD\HU NOLN $GG0RWLRQ*XLGHNOLNLNRQ

SDGD7LPHOLQH PDND DNDQWDPSLO*XLGHOD\HU VHSHUWLSDGDJDPEDU • .OLN*XLGHOD\HU EXDWODK

REMHNOHQJNXQJVHSHUWL SDGDJDPEDU

• .OLNNDQDQIUDPHSDGD *XLGHOD\HU NOLN,QVHUW )UDPH

• .OLNIUDPHSDGDOD\HU EXDWODKREMHNELQWDQJGL XQMXQJJDULVEDZDK • .OLNNDQDQIUDPH SDGD

OD\HUNOLNLQVHUWNH\IUDPH • .OLNNDQDQGLDQWDUDIUDPH

VGIUDPH SDGDOD\HU NOLN&UHDWH0RWLRQ7ZHHQ

• 3LOLK5RWDWH&:SDGD SURSHUWLHVXQWXN

PHPEHULNDQHIHNEHUSXWDU SDGDREMHNELQWDQJ

• .OLNIUDPHSDGDOD\HU NOLNREMHNELQWDQJGUDJ PRXVHJHVHUNHXQMXQJJDULV DWDVGDQXEDODKXNXUDQ\D PHQMDGLOHELKNHFLOGHQJDQ PHQJJXQDNDQ)UHH

(44)

*DPEDU+DVLODQLPDVLGHQJDQ0RWLRQ*XLGH

0HPEXDW$QLPDVL0DVNLQJ

$QLPDVL0DVNLQJDGDODKDQLPDVLREMHNWUDQVIDUDQVL\DQJPHQXWXSLREMHNODLQ /DNXNDQODKVHUSHUWLSDGDSHULQWDKEHULNXW

*DPEDU0HPEXDWDQLPDVL0DVNLQJ

• %XDWODKWHNVSDGD OD\HUVHSHUWLJDPEDU

• .OLNNDQDQIUDPH SDGDOD\HUNOLN LQVHUWIUDPH

• .OLN LQVHUWOD\HU SDGDWLPHOLQHXQWXN PHQDPEDKOD\HU • %XDWODKREMHNSRO\JRQ

GHQJDQHQDPVLVL SDGDIUDPHOD\HU VHSHUWL\DQJWDPSDN SDGDJDPEDU

• .OLNNDQDQIUDPH SDGDOD\HUNOLN ,QVHUWNH\IUDPH

• .OLNNDQDQGLDQWDUD IUDPHVGIUDPH NOLN&UHDWH0RWLRQ 7ZHHQ

(45)

• .OLNIUDPHNOLNREMHN SRO\JRQGUDJPRXVHJHVHUNH DUDKVLVLVHEHODKNDQDQ • .OLNNDQDQOD\HUNOLN

0DVN

• 8QWXNGDSDWPHOLKDWKDVLO DQLPDVLQ\DGDSDWPHQHNDQ WRPERO&WUO(QWHU

NHPXGLDQDNDQWDPSDN KDVLOQ\DVHSHUWLJDPEDU *DPEDU+DVLODQLPDVL0DVNLQJ

0HPEXDW$QLPDVL)UDPHWR)UDPH

$QLPDVL)UDPHWR)UDPHDGDODKDQLPDVL\DQJGLEXDWPHODOXLSHUXEDKDQREMHN GDULIUDPHNHIUDPH /DNXNDQODKVHUSHUWLSDGDSHULQWDKEHULNXW

*DPEDU0HPEXDWDQLPDVLIUDPHWRIUDPH

• %XDWODKREMHNJDPEDU RUDQJSDGDOD\HUVHSHUWL SDGDJDPEDU

• 7HNDQ)XQWXNPHQDPEDK NH\IUDPHKLQJJDIUDPH • .OLNIUDPHGDQXEDKODK

REMHNVHSHUWLWDPSDNSDGD JDPEDUJHVHUVHGLNLWNH NDQDQ/DNXNDQKDO\DQJ VDPDXQWXNIUDPH VG IUDPH

Frame 1

Frame 2

Frame 3 Frame 4

(46)

8QWXNGDSDWPHOLKDWKDVLODQLPDVLQ\DGDSDWPHQHNDQWRPERO&WUO(QWHU NHPXGLDQDNDQWDPSDNKDVLOQ\DVHSHUWLJDPEDU

Animasi Dasar Flash Animasi Dasar Flash

02'8/0(0%8$7$1,0$6,

6('(5+$1$'(1*$1

0(1**81$.$10$&520(',$

)/$6+

²

**6('(5+$1$'(1*$1**

0(181$.$10$&520(',$**