1. Pengenalan FLASH
Hotman Ambarita, S.Kom

2. MACROMEDIA
FLASH

3. Pendahuluan
 Adobe Flash (dahulu bernama Macromedia Flash) ad
alah salah satu perangkat lunak komputer yang meru
pakan produk unggulan Adobe Systems. Adobe Flash
digunakan untuk membuat gambar vektor maupun a
nimasi gambar tersebut. Berkas yang dihasilkan dari
perangkat lunak ini mempunyai file extension .swf da
n dapat diputar di penjelajah web yang telah dipasan
gi Adobe Flash Player. Flash menggunakan bahasa pe
mrograman bernama ActionScript yang muncul perta
ma kalinya pada Flash 5.

4. Pendahuluan
 Macromedia Flash merupakan perangkat l
unak yang dipakai untuk menggabungkan a
ntara multimedia, grafis, animasi dan suara
. Banyak digunakan untuk membangun ga
me animasi
 Bisa dimanfaatkan sebagai media interaktif
untuk pembelajaran

5. Pendahuluan
 Keunggulan yang dimiliki oleh Flash ini adalah ia
mampu diberikan sedikit code pemograman baik
yang berjalan sendiri untuk mengatur animasi ya
ng ada didalamnya atau digunakan untuk berkom
unikasi dengan program lain seperti HTML, PHP,
dan Database dengan pendekatan XML, dapat dik
olaborasikan dengan web, karena mempunyai ke
unggulan antara lain kecil dalam ukuran file outp
utnya

6. Tampilan Muka Macromedia Fla
sh
Time Line
Kanvas
Menu Bar
Toolbox
Color Panel

7. Toolbox Macromedia Flash

8. Layer
 Layer dapat dianalogikan s
ebagai kanvas suatu lukisa
n. Jumlah layer bisa lebih d
ari satu (berlapis), layer ya
ng paling atas adalah kanv
as yang terdepan
Layer bawah
Layer Tengah
Layer Atas

9. TimeLine
 Timeline atau garis waktu mempunyai fungsi untuk mem
bantu penempatan obyek pada fungsi waktu
 Angka pada timeline menunjukkan garis waktu disebut se
bagai frame.
 Menggunakan satuan fps, jika 12 fps maka setiap frame a
kan ditampilkan 1/12 detik

10. Membuat Dokumen Baru
Membuat dokumen baru
Dialog pembuatan
dokumen baru

11. Jenis File Flash
 File Utama (.fla)
File yang menyimpan obyek-obyek flash. File ini da
pat diedit atau diubah isinya.
 File Hasil Export (.swf)
File hasil export yang tidak bisa diedit. Untuk mem
buka masih membutuhkan flash player
 File Publikasi
Hasil publish menghasilkan .exe, .html, .swf dll. Bis
a dibuka tanpa perlu installasi flash player atau macro
media flash

12. Jenis Animasi di Flash
 Keyframe to Keyframe atau biasa disebut frame by frame
Pembuatan animasi yang dilakukan frame demi fra
me.
Biasanya dilakukan untuk membuat film kartun
 Motion Tween
Animasi perubahan bentuk secara instance
Contoh dalam kategori ini : Shape Tweening, Motio
n Guide
 Action Script
Action script merupakan bahasa pemprograman di
flash yang digunakan untuk pengontrolan object

13. KeyFrame to KeyFrame Animati
on
 Buat Dokumen Baru di Flash
 Buat gambar1 pada frame1
 Klik Kanan Frame, Insert Blank Frame bu
at gambar dua pada frame2
 Klik kanan Frame, Insert BlankFrame dan
buat gambar 3 pada Frame3
 Dst sampai frame terakhir
 Untuk menjalankan tekan Ctrl-Enter pad
a keyboard Klik Kanan pada Fram
e dan pilih Insert Blan
kFrame
Frame

14. Frame By Frame dengan MultiLa
yer
 Digunakan untuk membuat a
nimasi jika ada bagian yang b
ergerak dan ada bagian yang
tidak bergerak
 Hanya yang bergerak yang p
erlu kita gambar ulang
 Perlu dipilah :
mana obyek yang ber
gerak dan tidak berberge
rak
Dibuat layer sendiri-s
endiri
 Yang tidak bergerak ikut gam
bar sebelumnya

15. Motion Tweening
 Buat dokumen baru
 Gambar pada frame 1
 Arahkan kursor ke frame20 klik ka
nan dan pilih keyframe
 Geser Gambar pada frame1 ke te
mpat yang kita inginkan
 Arahkan kursor antara frame1-fra
me20 klik kanan dan pilih create
motion tween
 Untuk melihat efek ketik ctrl-ente
r

16. Animasi Shape Tweening
 Buat dokumen baru
 Pada kanvas gambar object yang a
nda inginkan
 Arahkan kursor ke Frame 20 insert
Blank Frame
 Pada posisi yang sama pada frame
1 gambar object yang benar-benar
berbeda dari frame1
 Select Frame1 s/d frame20 pada p
roperties pilih shape pada isian tw
een
 Ketik Ctrl-enter untuk melihat efek
animasinya
 NB. Jika obyek bukan shape harus
kita rubah dulu menjadi shape den
gan cara dari menu modify  Brea
k Apart

17. Animasi Shape Tweening: Shape
Hints
 Kadang hasil animasi Shape T
weening tidak sesuai dengan
harapan kita
 Kita bisa menentukan mana
yang berubah mana tidak se
hingga perubahan menjadi b
agus
 Cara :
Klik KeyFrame1, dari menu modi
fy  Shape  Add Shape Hint.
Pindahkan lingkaran kecil ke aw
al perubahan
Selanjutnya klik Keyframe20, pin
dahkan lingkaran kecil ke akhir y
ang ingin kita rubah
Ulangi langkah diatas untuk me
ngkorespondensi awal dan akhir
perubahan. Semakin banyak se
makin bagus
Korespondensi Titik sh
ape hint

18. Animasi Shape Tweening: Shape
Hint …
Korespondensi Titik sh
ape hint

19. Animasi dengan motion Guide
 Berguna untuk membuat animasi sesuai dengan jalur yang sudah dite
ntukan, cnt : putaran planet ke matahari, animasi roket yang melunc
ur, dll
 Pembuatan animasi dengan motion guide
1.Bangun dokumen baru
2.Buat object yang akan digerakkan pada frame1
3.Buat layer Guide dari menu Insert  Timeline  MotionGuide
4.Dengan pencil tools buat jalan yang akan dilalui object
5.Insert KeyFrame40 dan gerakkan object ke tempat yang diinginkan
6.Pada frame1 pastikan object ada di ujung path dan frame40 object
ada di akhir path
7.Pilih frame1-frame40 dan click kanan pilih Create motion tween
8.Pastikan Snap to Object aktif pada menu view  snapping  snap
to objects
9.Pada properties object pastikan Orient to Path dicentang untuk su
paya arah object real