98]lgfqModul Pembelajaran

Berbantuan Komputer
Dengan Macromedia Flash MX !"# $
Disusun %leh & 'ab(om )P *ar+o Ba+u, -" Pd$
UNIVERSITAS NEGERI JAKARTA
2002
Pra Kata
Assalamualaikum Wr. Wb.
Puji dan Syukur Kia !anjakan k"#adiranya s"m$%a kia s"lalu b"rada
dalam lindun%annya. &alam k"s"m!aan ini kia akan m"mba#as'
!"n%%unaan s$()ar" ma*r$m"dia +as# m, !ada Pembelajaran
Berbantuan Komputer.
Ada!un b"b"ra!a #al yan% akan kia ba#as kali ini m"n*aku! -
.. P"n%"nalan Tools dan Layar Kerja Pada /a*r$m"dia 0las# /1.
2. P"n%"nalan K$ns"! &asar Animasi.
2 3"risi a!likasi animasi s"d"r#ana m"n%%unakan /a*r$m"dia
0las# /1 4
5. P"n%"nalan K$ns"! /$6i" !ada /a*r$m"dia 0las# /1.
7. P"n%%unaan S$und !ada /a*r$m"dia 0las# /1.
8. P"n%%unaan A*i$n S*ri! !ada /a*r$m"dia 0las# /1.
Iula# s"ba%ian %ambaran isi dari m$dul ini9 s"m$%a da!a b"rman(aa
ba%i Anda s"mua..dan m$#$n maa( bila masi# "rda!a banyak
k"kuran%an.
Wassalam
P"nulis
. "Pengenalan )ool dan 'a+ar Kerja Macromedia Flash
MX"
Inila# %ambar layar k"rja !ada /a*r$m"dia 0las# /1.

Gambar . .
:ayar k"rja "rs"bu "rdiri aas -
5. /"nu Sandar S$()ar"
7. Tim" lin" 2 Garis Waku 4
Ruan% !"n%auran ; !"n%"mban%an )aku animasi 2 +as# m$6i" 4
8. T$$ls 0las# .
&a!a dij"laskan disini $$ls +as# ini "rdiri aas -
a. Arr$) $$l
2 m"mili# $bj"* 4
b. Subs"l"*i$n
$$l
2 m"Uba# $bj"* 4
*. :in" $$l
2 m"mbua %aris 4
d. :ass$ T$$l
2 m"Uba# $bj"* 4
d. P"n $$l
2 m"%uba# iik
!$$n% 4
". T"ks $$l
2 m"mbua #uru( 4
". <6al $$l
2 m"mbua
lin%karan 4
(. R"*an%l" $$l
2 m"mbua bujur.
S 4
%. P"n*il $$l
2 m"mbua iik
!$$n% 4
#. 3rus# $$l
2 !")arnaan
$bj"* 4
i. 0r"" Trans($rm $$l
2 m"Uba# ukuran $bj
4
j. 0ill Trans($rm
$$l
2m"Uba# aa
)rn.$bj4
k. Ink b$l"s $$l
2m")arnai $bj"* 4
l. Pain 3u*k" $$l
2 m")arnai
$bj"* 4
m. Ey"dr$! $$l
2m"n"ukan s!"si=k
)arna 4
n. Eras"r $$l
2 m"n%#a!us
!ili#an
$bj"* 4
Ada!un b"b"ra!a $$ls diaas m"m!unyai !r$!"ri"s yan% akan
mun*ul s"*ara $$mais !ada $!i$n $$ls9 anara lain -
Pr$!"ri"s $$l ma*r$m"dia -
.. Pr$!"ri"s T$$ls Arr$) 9 "rdiri aas 5 k$m!$n"n yaiu -
> Sna! $ <bj"* 2 m"mb"rikan anda $bj"*
"rkai 4
> Sm$$#
> Srai%#"n
2. Pr$!"ri"s T$$ls :ass$ T$$ls 9 "rdiri aas i%a k$m!$n"n -
> /a%i* Wand 2 /"mili# ba%ian $bj"* s"*ara
$$mais 4
> /a%i* Wand Pr$!"ri"s
> P$ly%$n /$d"
5. Pr$!"ri"s R"%an%l" T$$ls9 "rdiri aas -
> R$und R"*an%l" Radius
2 b"r%una unuk m"n"nukan in%ka k"ajaman
sudu 4
7. Pr$!"ri"s P"n*il T$$ls -
> P"n*il /$d"
2 b"r%una unuk m"n"nukan m$d" %ambar
m"n%%unakan
!"n*il9 a!aka# srai%#"n9 sm$$#9 ink 4
8. Pr$!"ri"s brus# $ls -
> 3rus# /$d" 2 m$d" !")arnaan $bj"* 4
> 3rus# Sid"
> 3rus# S#a!"
> :$*k 0ill
?. Pr$!"ri"s 0r"" Trans($rm T$$ls -
> R$a" and Sk") 2 m"muar $bj"* 4
> S*al" 2 m"Uba# ukuran 4
> &is$r 2 m"Uba# ukuran ; n$ as!"* rai$ 4
> En6"l$!"
@. Pr$!"ri"s Pain 3u*k" T$$ls -
> Ga! SiA"
> :$*k 0ill
B. Pr$!"ri"s Eras"r T$$ls -
> Eras"r /$d" 2 m$d" !"n%#a!usan $bj"* 4
> 0au*"
> Eras"r S#a!" 2 b"sar m$d" !"n%#a!usan 4
&isam!in% iu dalam $$ls +as# ju%a "rda!a b"b"ra!a ba%ian
lain yaiu -
Vi") 9 "rdiri aas - 2 unuk m"n"nukan %aya !andan%
$bj"* 4
> Cand $$l
> D$$m $$l
E$l$r 2 m"mili# )arna $bj"* dan m$d"nya 4
> Sr$k" E$l$r 2 )arna %aris 4
> 0ill E$l$r 2 )arna $bj"* 4
!ada !")arnaan ini ju%a "rda!a yan% b"r%una
unuk
m"n%aur $$ls *$l$r yaiu -
> 3la*k ; )#i" 2 m"n%"mbalikan !ada )arna
!$k$k 4
> N$ *$l$r 2 m"n%$s$n%kan )arna 4
> S)a! *$l$r 2 /"nukar )arna 4
?. Ar"a K"rja 0las# /1 -
Pada lay"r k"rja +as# "rda!a sau m"nu mana%" "m!a
k"rja 9
"!a b"rada diaas ar"a k"rja 2 m"nu ini b"r%una ba%i kia unuk
m"n%"nali dimana kia s"dan% k"rja -
s"dan% unuk lay"r k"rja +as# adala# s"ba%ai b"riku -
@. :"mbar k"rja A*i$n 0las# -
:"mbar k"rja A*i$n adala# "m!a dimana kia da!a
m"nuliskan s*ri! +as#. P"rlu dik"a#ui ba#)a !ada dasarnya
a*i$n +as# ini diban%un m"n%%unakan ba#asa ja6a . Unuk
m"m!"lajari ada b"ra!a j"nis A*i$n !ada +as# akan diajarkan
!ada bab s"lanjunya.
Pada l"mbar k"rja A*i$n 0las# ada dua m$d" yan% da!a kia
!ili#9 yaiu -
> N$rmal m$d" 2 ba%i !"mula 4
> E,!"r m$d" 2 unuk a#li s*ri!in% 4
3"riku am!ilan l"mbar k"rja +as# -
B. Pr$!"ri"s <bj"* +as#
Pada !r$!"ri"s $bj"* ini akan b"Uba# s"irin% aki6ias k"rja
yan% s"dan% dilakukan -
F. E$l$r mi,"r
T"m!a nuk m"mili# dan m"lakukan m$di6ikasi )arna
2 b"rada di s"b"la# kanan ar"a k"rja 4
.0. E$l$r S)a*#"s
T"m!a unuk m"mili# )arna $bj"* -
2 b"rada di s"b"la# kanan ar"a k"rja 4
.." Pengenalan Konsep Dasar /nimasi
2 3"b"ra!a a!likasi animasi s"d"r#ana 4
Pada bab ini ada 8 a!likasi animasi s"d"r#ana9 yaiu -
.4 Animasi 0ram" $ 0ram"
24 Animasi /$i$n T)""n
54 Animasi S#a!" 2 P"Uba#an 3"nuk 4
74 Animasi /askin% 2 T$!"n% 4
84 Animasi /$i$n %uid" 2 /"n"nukan ara# jalannya animasi 4
0$ /nimasi Frame to Frame
Pada animasi ini ada b"b"ra!a lan%ka# yan% #arus di lakukan -
0" Pili# "ks $$l !ada $$ls +as# dis"b"la# kanan ar"a k"rja.
1" Tulisla# #uru( 2 *$n$# an%ka G . G 4 !ada ar"a k"rja9 dalam
(ram" . lay"r .. 2 d"n%an !"n%auran l")a !r$!"ri"s
$bj"* 4.
2" Klik kanan !ada (ram" 2 lay"r . !ada im"lin" +as# dan
!ili# ins"r k"y(ram".
3" Uba# $bj"* H *$n$# an%ka G . G I!ada (ram" 2 lay"r .
im"lin" m"njadi H *$n$# an%ka G 2 G I.
4" Klik kanan !ada (ram" 5 lay"r . !ada jalur im"lin" dan
!ili# k"y(ram".

!" Uba# $bj"* H *$n$# an%ka G 2 G I!ada (ram" 5 lay"r .
im"lin" m"njadi H *$n$# an%ka G 5 G I.
5" Ulan%i s"!"ri !"rina# n$ 8 dan n$ ? anda #anya !"rlu
m"n%uba# $bj"*nya saja H *$n$# sam!ai an%ka 8 I
8" K"mudian Sa6" #asil k"rja Anda.
9" Unuk m"li#a #asilnya da!a m"n"n"kankan $mb$l Erl J
En"r !ada k"rb$ard Anda.
1$ /nimasi Motion )6een"
Pada Animasi dasar m$i$n )""n ini ada b"bra!a lan%ka# yan%
#arus dilakukan 9 anara lain -
0" 3uala# $bj"* H *$n$# $bj"* G b$la G Ib"rb"nuk a!a
saja !ada lay"r . (ram" . #in%%a "rda!a anda iik #iam
!ada jalur im"lin" .

1" Klik kanan (ram" 20 lay"r . dan !ili# ins"r (ram" !ada
jalur im"lin" s"#in%%a "rli#a s"!"ri *$n$#.
2" K"mudian ulan%i klik kanan !ada (ram" 20 lay"r . !ada
jalur im"lin" lalu !ili# Create motion tween.
P"r#aikan !ada jalur im" lin" akan m"mb"nuk s"!"ri ini
-
3" Klik dua kali d"n%an *"!a !ada $bj"* H *$n$# $bj"* G
b$la G Idan ju%a !"r#aikan ju%a !ada m"nu manaj" k"rja
akan "rli#a s"!"ri ini.

P"rlu Anda !"r#aikan ba#)a adi Kia k"rja !ada !$sisi
s*"n" . bukan !ada )""n . 2 T)""n adala# #asil
!"n%"l$m!$kan $bj"* %ra!=s yan% s"*ara $$mais
di*i!akan +as# 49 maka kia !"rlu k"mbali !ada l"mbar
k"rja yaiu - s*"n" ..
4" K"mbali !ada s*"n" .9 s"karan% lan%ka# s"lanjunya
adala# m"minda#kan $bj"k H *$n$# $bj"* - b$la I .
!asikan "rl"bi# da#ulu !ada im"lin" ba#)a %aris
!"nunuk (ram" b"rada !ada (ram" 20.
k"mudian !inda#kan $bj"* !ada (ram" a)al dan (ram"
ak#ir H *$n$# $bj"* G 3$la G !ada (ram" . dan (ram" 20 .
!" S"karan% kia akan m"li#a #asilnya d"n%an m"n"kan
$mb$l Erl J En"r !ada k"yb$ard anda.
5" :an%ka# "rak#ir adala# m"nyim!an #asil k"rja anda.
2$ /nimasi -hape Pe7bahan Bentu( $
Ada!un *ara unuk m"mbua animasi !"Uba#an b"nuk adala#
s"ba%ai b"riku -
0" 3uala# $bj"* !ada (ram" . lay"r . H *$n$# $bj"* #uru(
d"n%an kaa G s"lama daan% G Id"n%an m"lakukan
m"n%auran l")a $bj"* !r$!"ri"s.
1" S""la# iu klik kanan !ada jalur im"lin" !ada (ram" 20
lay"r . !ili# ins"r k"y(ram".
2" S"karan% Pasikan jarum !"nunjuk im"lin" b"rada !ada
!$sisi (ram" . lay"r . d"n%an !$sisi $bj"* suda# "r!ili#.
3" Pada m"nu sandar !ili# m$di(y > br"ak a!ar H *$n$#
$bj"* kaa G S"lama &aan% G I9ulan%i lan%ka# "rs"bu#
#in%%a am!ak $bj"* "la# di!"nu#i iik !ui#.
4" K"mudian s"karan% kia akan b"r!inda# !ada (ram" 20
lay"r .9
!ada !$sisi "rs"bu !asikan $bj"* "la# "r!ili# H *$n$#
$bj"* kaa G S"lama daan% G Ik"mudian uba# $bj"*
!ada !$sisi "rs"bu H *$n$# $bj"* kaa G S"lama
daan% G diuba# m"njadi ulisan !r$%ram !"mb"lajaran I
!" :an%ka# s"lanjunya adala# kia !asikan jarum im"lin"
b"rada !ada !$sisi (ram" 20 lay"r ..
5" Pada m"nu sandar !ili# m$di(y K br"ak a!ar #in%%a $bj"*
di!"nu#i binik !ui#.
8" :alu !asikan s"karan% jarum !"nunjuk im"lin" b"rada
!ada !$sisi anara (ram" . #in%%a (ram" 20 H *$n$#
$bj"* (ram" .0 I.
9" Pada $bj"* !r$!"ri"s !"r#aikan m"nu )""n kia !ili#
s#a!".
0#" S"karan% kia li#a #asilnya d"n%an *ara m"n%klik
Erl J En"r !ada k"yb$ard.
00" Sim!an #asil k"rja anda.
3$ Animasi /askin% 2 T$!"n% 4
Ada!un lan%ka# > lan%ka# yan% dilakukan adala# s"ba%ai b"riku
-
0" 3uala# $bj"k da!a b"rb"nuk a!a saja !ada !$sisi (ram"
. lay"r . H *$n$# $bj"* kaa G !"mb"lajaran EAI G I
1" Pada im"lin" lay"r . klik kanan (ram" 209 !ili# ins"r
(ram".
2" 3uala# lay"r baru diaas lay"r .9dan !asikan s"karan%
kia !ada !$sisi lay"r baru "rs"bu H unuk m"masikan
!$sisi kia yaiu li#a %ambar s"#"lai k"ras !ada ba%ian
kiri im"lin" b"s"ra ulisannya bila b"r)arna #iam iula#
!$sisi kia I.
3" Pada lay"r baru "rs"bu kia b"ri s"bua# $bj"k lin%karan
d"n%an )arna b"rb"da d"n%an ulisan #in%%a m"nuu!i
s"ba%ian a)al $bj"* yan% "la# kia b"nuk .
4" Pada klik kanan !ada %aris im"lin" (ram" 20 lay"r baru
"rs"bu !ili# *r"a" m$i$n )""n.
!" P"r#aikan !ada im"lin" s"karan% "la# b"Uba# m"njadi
s"!"ri ini'
5" Pada !$sisi im"lin" di (ram" 20 lay"r baru klik duakali
s"*ara *"!a $bj"* "r!ili#9 s"#in%%a !ada mana%" k"rja
kia akan b"Uba# !$sisi s"!"ri ini.
.
8" K"mbali !ada !$sisi s*"n" . s"karan% kia lakukan
!"r!inda#an $bj"k !ada (ram" ak#ir H *$n$# $bj"k
linkaran di!inda#kan m"nuju #in%a s"ba%ian ak#ir $bj"k
!ada lay"r . "ruu!i.
9" S"karan% ara#kan kurs$r dan klik kanan !ada ba%ian kiri
im"lin" d"n%an !$sisi lay"r baru "m!a $bj"k yan% baru
jasa kia b"ri %"rakan dan !ili# mask.
0#" Pada %aris im"lin" akan m"n%a#silkan s"!"ri ini .
00" S"karan% kia akan m"li#a #asilnya d"n%an
m"n"nkan $mb$l Erl J En"r !ada k"yb$ard.
01" Sim!an #asil k"rja Anda.
4$ Animasi /$i$n Guid" 2 Ara# %"rak 4
Ada!un lan%ka# K lan%ka# yan% dilakukan s"ba%ai b"riku -
0" 3uala# $bj"* !ada (ram" . lay"r . H *$n$# $bj"* G
:in%karan G I
1" Klik kanan !ada im"lin" !ada !$sisi (ram" 20 lay"r .9 !ili#
ins"r (ram".
2" Ara#kan m$us" !ada ba%ian s"b"la#akiri im"lin" #in%%a
m"nunjuk k""ran%an !$sisi9 k"mudian klik kanan !ili# add
m$i$n %uid".
3" S"karan% "la# "r*i!a s"bua# lay"rbaru b"rnama %uid"
lay"r9 !ada lay"r "rs"bu buala# s"bu# $bj"* lin%karan
d"n%an )arna k$s$n% 9 dan %aris sr$k" b"r)arna #iam.
4" 3uala# iik !$$n% !ada $bj"* lin%karan k$s$n% "rs"bu
m"n%%unakan "ras"r $$l.
!" K"mudian lan%ka# s"lanjunya 9 kia !ili# $bj"* lin%karan
!"rama yan% b"r)arna H *$n$# $bj"* lin%karan !ada
!$sisi lay"r . (ram" 20 I .
5" Pada im"lin" lay"r . (ram" 20 klik kanan !ili# *r"a"
m$i$n )""n.
8" K"mbali !ada $bj"* yan% "la# dib"ri m$i$n )""n
"rs"bu9 lan%ka# s"lanjunya adala# m"minda#kan !$sisi
$bj"k !ada sumbu a)al %"rakan s"suai iik !$$n%
lin%karan k$s$n%.
9" :akukan #al yan% sama !ada !$sisi ak#ir iik !$$n%
lin%karan.
0#" S"karan% unuk m"li#a #asilnya sila#kan klik Erl J
En"r !ada k"yb$ard dan sim!an #asil k"rja Anda.
..." Pengenalan Konsep Mo8ie Pada Macromedia Flash
MX
P"lu di!"r#aikan ba#)a s"bua# !r$duk ; #asil 0las# /1 adala#
animasi yan% dinamis9 kar"na m"m!unyai k"l"bi#an unuk m"n"rima
(un%si s*ri! s"#in%%a animasi yan% di#asilkan da!a b"rjalan s"suai
san% !"mbua .
Pada dasarnya s"bua# animasi +as# iu k$ns"! !"mbuaannya
"rdiri aas b"b"ra!a s*"n"9 dan dari s*"n" "rs"bu "rdiri aas
b"b"ra!a lay"r9 dan b"b"ra!a m$6i"9dimana m$6i" K m$6i" "rs"bu
"rdiri aas b"b"ra!a lay"r la%i 'b"%iu s""rusnya.. aau bila
di%ambarkan d"n%an ba%an da!a b"rb"nuk s"!"ri ini.
Hasil Produk
Snene
Layer
Movie Movie Movie
Layer
Layer
Layer
Layer
Bagan Konsep Produk Flash MX
3"b"ra!a #al !"nin% yan% !"rlu di!"r#aikan !"mbuaan
!r$duk +as# -
0" P"r#aikan !$sisi dimana kia s"dan% m"lakukan
k"rja.
1" Unuk m"n%#indari k"sala#an %"rakan biasakanla#
ba#)a sau lay"r "rdiri aas sau %"rakan ;
!"Uba#an .
2" &alam !"n%%abun%an b"b"ra!a %"rakan dalam
sau m$6i" !"r#aikan !$sisi lay"rnya'..
E$n$# -