Praktikum Ke- 8

LAPORAN PRAKTIKUM
KARTOGRAFI II

Pembuatan Animasi dan Pengenalan Macromedia Flash 8

TANGGAL PRAKTIKUM : 24 April 2019

Disusun Oleh

NAMA : Mega Andina

NIM : 17/413609/TK/46049
KELAS :A

DEPARTEMEN TEKNIK GEODESI

FAKULTAS TEKNIK
UNIVERSITAS GADJAH MADA
YOGYAKARTA
2019
I. Materi
Pembuatan animasi dengan software Macrmodia Flash 8 beserta pengenalan semua
tools yang ada di Macromedia Flash 8 beserta funngsinya

II. Tujuan
- Agar mahasiswa memahami penggunaan-penggunaan tools yang ada di
Macrmoedia Flash 8
- Agar mahasiswa mengetahui cara pembuatan animasi dengan Macromedia
Flash 8
- Agar mahasiswa dapat membuat peta interaktif dengan animasi yang menarik
melalui Macromedia Flash 8

III. Waktu dan Tempat Pelaksanaan

Rabu, 24 April 2019 di Laboratorium Komputer Teknik Geodesi UGM

IV. Alat dan Bahan

 Software Macromedia Flash 8
 Laptop
 Mouse

V. Dasar Teori

Animasi berasal dari kata ”Animation” yang dalam bahasa Inggris ”to animate” yang
berarti menggerakan. Jadi animasi dapat diartikan sebagai menggerakan sesuatu (gambar
atau obyek) yang diam. Sejarah animasi dimulai dari jaman purba, dengan ditemukannya
lukisanlukisan pada dinding goa di Spanyol yang menggambarkan ”gerak” dari binatang-
binatang. Pada 4000 tahun yang lalu bangsa Mesir juga mencoba menghidupkan suatu
peristiwa dengan gambar-gambar yang dibuat berurutan pada dinding.

Sejak menyadari bahwa gambar bisa dipakai sebagai alternatif media komunikasi,
timbul keinginan menghidupkan lambang-lambang tersebut menjadi cermin ekspresi
kebudayaan. Terbukti dengan diketemukannya berbagai artefak pada peradapan Mesir
Kuno 2000 sebelum masehi. Salah satunya adalah beberapa panel yang
menggambarkan aksi dua pegulat dalam berbagai pose.

Animasi sendiri tidak akan pernah berkembang tanpa ditemukannya prinsip dasar
dari karakter mata manusia yaitu: persistance of vision (pola penglihatan yang teratur).
Paul Roget, Joseph Plateau dan Pierre Desvigenes, melalui peralatan optic yang mereka
ciptakan, berhasil membuktikan bahwa mata manusia cenderung menangkap urutan
gambar-gambar pada tenggang waktu tertentu sebagai suatu pola. Dalam
perkembangannya animasi secara umum bisa didefinisikan sebagai:

Suatu sequence gambar yang diekspos pada tenggang waktu tertentu sehingga
tercipta sebuah ilusi gambar bergerak

Macromedia Flash 8, merupakan software yang dirancang untuk membuat animasi

berbasis vektor dengan hasil yang mempunyai ukuran yang kecil. Awalnya software ini
memang diarahkan untuk membuat animasi atau aplikasi berbasis internet (online). Tetapi
pada perkembangannya banyak digunakan untuk membuat animasi atau aplikasi yang
bukan berbasis internet (offline). Dengan Actionscript 2.0 yang dibawanya, Flash 8 dapat
digunakan untuk mengembangkan game atau bahan ajar seperti kuis atau simulasi.

VI. Langkah Kerja

1. Untuk membuat Motion tween dapat dilakukan dengan langkah sebagai
berikut, Membuat file Flash baru (Ctrl+N). Pda General Panel pilih Flash
Document  OK
2. Membuat objek dengan Rectangular Tool atau Oval Tool. Di praktikum kali ini,
saya mencoba membuat objek dengan oval tool pada frame 1 di Layer 1

3. Membuat sebuah Keyframe baru dengan cara klik kanan pada frame 15 
Insert Keyframe

4. Memindahkan posisi objek menggunakan selection tool  lalu klik kanan di

daerah antara frame 1 dan frame 15  Create Motion Tween  Ctrl+Enter

5. Setelah itu akan muncul panah di frame tersebut yang berarti Motion Tween
telah berhasil dibuat
6. Jalankan animasi dengan memiih menu Control  Test (Ctrl+Enter)

Tween Shape

7. Membuat file Flash baru (Ctrl+N). Pada General Panel pilih Flash Document
 OK

8. Membuat objek teks dengan Text Tool menggunakan tool

9. Mengubah objek teks menjadi Shape dengan cara klik kanan  Break Apart
10. Membuat keyframe baru pada frame 20
11. Menghapus objek yang ada pada frame 20, lalu membuat objek teks baru seperti
teks sebelumnya (buat tulisan “jeffrey”), kemudian melanjutkan dengan
melakukan break apart seperti langkah sebelumnya
12. Lalu membuat Keyframe baru pada frame 20 dengan klik kanan  insert
keyframe

13. Menghapus objek yang ada di frame 20 lalu membuat objek teks seperti langkah
sebelumnya (copy paste) lalu dilanjut dengan Break Apart lagi
14. Mengklik frame 1 atau pada Tab Properties pilih Tween Shape

15. Setelah muncul tanda panah pada frame berarti tween shape telah berhasil
dibuat dan menjalan animasi dengan memilih menu Control  Test Movie (Ctrl
+ Enter)

Animasi Guide

16. Membuat file Flash baru (Ctrl+N). Pada General Panel pilih Flash Document
 OK
17. Membuat sebuah objek dengan Oval Tool pada frame 1 Layer 1

18. Membuat layer guide dengan pilih mneu Insert  Tmeline  Motion Guide
atau klik tombol Add Motion Guide yang ada pada panel Timeline

19. Membuat keyframe baru pada frame 20 lalu Create Motion Tween
 20. Membuat sebuah garis dengan Pencil Tool pada Guide Layer

21. Mengklik kanan pada frame 20 di Guide Layer  Insert Frame

22. Memindahkan objek lingkaran di frame 20 Layer 1 ke ujung garis yang lain
menggunakan Selection Tool (V) dan memastikan tengah lingkaran berada
tepat dengan ujung garis

23. Melakukan Test Movie dan dapat dilihat lingkaran akan bergerak mengikuti
garis Guide yang telah dibuat (Ctrl+Enter)

Animasi Mask

24. Membuat file Flash baru (Ctrl+N). Pada General Panel pilih Flash Document
 OK
25. Membuat objek teks pada frame 1 Layer 1 dengan Text Tool dan membuat
tulisan “Jeffrey”

26. Menambahkan 2 lbuah layer baru dengan cara pilih menu Insert  Timeline 
Layer atau dengan klik tombol Insert Layer yang ada pada panel Timeline

27. Mengcopy objek teks “JEFFREY” yang ada pada frame 1 Layer 1 dengan klik
kanan objek  Copy. Setelah itu masuk ke frame 1 Layer 3 dan klik kanan pada
stage lalu pilih Paste in Place
28. Insert Frame pada frame 20 di Layer 1 dan 3

29. Pada frame 1 Layer 2, membuat objek dengan Rectangular Tool (R) dan
mengganti fill color dengan warna gradient

30. Untuk mengatur warna objek dapat dilakukan dengan mengedit property pada
panel Color Mixer di sebelah kanan Window

31. Membuat keyframe pada frame 20 Layer 2. Kemudian membuat animasi tween
motion untuk objek persegi tersebut. Pindahkan persgei yang berada diujung
kiri ke ujung kanan tulisan pada frame 20 Layer 2
 32. Klik kanan pada Layer 3  Mask

33. Melakukan Test Movie (Ctrl + Enter)

V. Hasil dan Pembahasan

Gambar 1. Hasil dari Motion Tween

Gambar 2. Hasil Motion Tween

 Gambar 3. Hasil dari Animasi Guide

Gambar 4. Hasil dari Animasi Mask

Dalam praktikum ini, terdapat beberapa animasi flash yang dicoba yaitu Tween
Motion, Tween Shape, Animasi Guide, dan Animasi Mask. Dimana pengertian dari
Tween Motion tersebut adalah adala animasi pergerakan simbol dari satu posisi ke
posisi lainya serta untuk memberikan animasi berupa menngubah posisi benda,
mengubah ukuran benda, dan merubah visibilitas, kecerahan(brightness),
kedalaman warna benda. Merubah posisi benda dapat diartikan bahwa motion
tween dapat menggerakkan benda dari titik A ke titik B. Dimana pada praktikum
ini digambarkan dengan pergerakan symbol lingkarang dari posisi awal sampai di
posisi akhir (frame 1 ke frame 20).
Sedangkan pengertian dari tween shape ini adalah animasi perubahan bentuk,
yaitu suatu bentuk dapat berubah ke bentuk lainnya secara terus-menerus. Pada
proses ini bentuk dari frame satu akan berubah perlahan setiap framenya ke bentuk
akhir di frame terakhir. Jenis motion ini hanya dapat digunakan untuk objek dengan
jenis shape. Shape dapat diartikan dengan objek yang dibuat menggunakan tool di
dalam flash sendiri, misalnya lingkaran dan tidak diconvert dalam simbol.
Motion shape penggunaannya hampir sama dengan motion tween yakni dapat
melakukan berbagai animasi seperti pergerakan posisi, ukuran, dan warna. Namun
ada yang menjadi ciri khas motion shape, yaitu motion shape dapat melakukan
animasi untuk mengubah bentuk objek, yaitu dari bundar menjadi segitiga dan
sebagainya. Persamaan Tween Motion dan Tween Shape yaitu sama-sama
digunakan untuk memberikan animasi atau efek pada objek. Perbedaan Tween
Motion dan Tween Shape yaitu perbedaannya terletak dari efek yang ditimbulkan
oleh keduanya dan objek yang dipakai.
Animasi Guide adalah animasi pergerakan yang mengikuti arah garis yang
dibuat. Hampir seperti Tween Motion, Animasi Guide juga merupakan animasi
bergerak dari frame pertama ke frame terakhir, namun jalur pergerakan ditentukan
dengan bentuk jalur yang telah dibuat.
Animasi Mask adalah animasi yang terdiri dari beberapa layer yang
menggunakan mask untuk menutupi layer lainnya yang ada dibawahnya atau
dengan pengertian lain yaitu animasi yang menyembunyikan sebagian dari objek.
Animasi ini biasanya digunakan untuk efek kaca pembesar atau lampu sorot.
Animasi mask ini biasanya digunakan untuk membuat efek kilatan pada teks.
Menu Dasar

Berikut merupakan tampilan standar jendela kerja Flash 8, saat Anda memulai
membuat file baru.

Jendela kerja Flash 8 terdiri atas :

• Menubar

Berisi kumpulan menu atau perintah-perintah yang digunakan dalam Flash 8.

• Toolbar
Toolbar merupakan panel berisi berbagai macam tool. Tool-tool tersebut
dikelompokkan menjadi empat kelompok: Tools; berisi tombol-tombol untuk
membuat dan mengedit gambar, View; untuk mengatur tampilan lembar kerja,
Colors; menentukan warna yang dipakai saat mengedit, Option; alat bantu lain untuk
mengedit gambar.

Tool Nama Fungsi Shortcut

Selection Tool Memilih dan memindahkan objek V

Subselection
Mengubah bentuk objek dengan edit points A
Tool
Free Transform Mengubah ukuran atau memutar bentuk
objek sesuai keinginan Q
Tool
Gradient
Mengubah warna gradasi F
Transform Tool

Line Tool Membuat garis N

Lasso Tool Menyeleksi bagian objek yang akan diedit L

Membuat bentuk objek secara bebas berupa

Pen Tool P
dengan titik-titik sebagai penghubung

Text Tool Membuat teks (kata atau kalimat) T

Oval Tool Membuat objek elips atau lingkaran O

Membuat objek berbentuk segi empat

Ractangle Tool atau segi banyak R

Pencil Tool Menggambar objek secara bebas Y

Menggambar objek secara bebas dengan

Brush Tool ukuran ketebalan dan bentuk yang sudah B
disediakan

Ink Bottle Tool Memberi warna garis tepi (outline) S

Paint Bucket Tool Memberi warna pada objek secara bebas K

Eyedropper Tool Mengambil contoh warna I

Eraser Tool Menghapus objek E

Hand Tool Menggeser stage H

Zoom Tool Memperbesar atau memperkecil objek M atau Z

Stroke Color Memberi warna pada garis/garis tepi

Fill Color Memberi warna pada pada objek

Mengatur fungsi tambahan dari tool yang

Option tool sedang aktif
• Timeline
Timeline atau garis waktu merupakan komponen yang digunakan untuk mengatur atau
mengontrol jalannya animasi. Timeline terdiri dari beberapa layer. Layer digunakan
untuk menempatkan satu atau beberapa objek dalam stage agar dapat diolah dengan
objek lain. Setiap layer terdiri dari frame-frame yang digunakan untuk mengatur
kecepatan animasi. Semakin panjang frame dalam layer, maka semakin lama animasi
akan berjalan.

• Stage
Stage disebut juga layar atau panggung. Stage digunakan untuk memainkan objekobjek
yang akan diberi animasi. Dalam stage kita dapat membuat gambar, teks, memberi
warna dan lain-lain.
• Panel
Beberapa panel penting dalam Macromedia Flash 8 diantaranya panel: Properties,
Filters & Parameters, Actions, Library, Color dan Align & Info & Transform.

Tampilan Panel Action Script

 Tampilan Panel Color

• Properties

Panel Properties akan berubah tampilan dan fungsinya mengikuti bagian mana yang
sedang diaktifkan. Misalnya Anda sedang mengaktifkan Line tool, maka yang
muncul pada jendela properties adalah fungsi-fungsi untuk mengatur line/garis
seperti besarnya garis, bentuk garis, dan warna garis.
• Library
 Panel Library mempunyai fungsi sebagai perpustakaan simbol/media yang
digunakan dalam animasi yang sedang dibuat. Simbol merupakan kumpulan gambar
baik movie, tombol (button), sound, dan gambar statis (graphic).

Document Properties

Fungsi Document Properties adalah untuk melakukan pengaturan ukuran layar, warna
background, framerate, dan dimensi dari animasi yang akan dibuat.

Untuk memanggil kotak dialog Document Properties, pilih jendela Properties di bawah
layar, kemudian pilih tombol Size.

Judul dan deskripsi yang akan

dimasukkan ke dalam metadata output.
Bukan merupakan penamaan file jadi
tidak perlu diisi.

Dimensi ata u ukuran stage

yang ingin ditampilkan .

Pilihan Printer memaksimalkan ukuran

movie hingga area cetak penuh.
Karena output yang diinginkan berupa
animasi dan bukan print-out maka
pilihan yang diaktifkan adalah Default.

Klik dan pi lihlah warna yang

tersedia untuk mengubah warna
stage – area kerja Flash.

Pastikan satuan yang aktif adalah
Pixel Karena satuan inilah yang
akan digunakan.
Framerate yaitu kecepatan Flash dalam
memutar animasi secara utuh yang
diukur dalam fps ( frame per second) .
Semakin besar framerate maka semakin
halus animasinya.

VI. Kesimpulan
  Tween Motion adalah adala animasi pergerakan simbol dari satu posisi ke
posisi lainya serta untuk memberikan animasi berupa menngubah posisi
benda, mengubah ukuran benda, dan merubah visibilitas,
kecerahan(brightness), kedalaman warna benda. Merubah posisi benda
dapat diartikan bahwa motion tween dapat menggerakkan benda dari titik A
ke titik B
 Tween shape adalah animasi perubahan bentuk, yaitu suatu bentuk dapat
berubah ke bentuk lainnya secara terus-menerus. Pada proses ini bentuk dari
frame satu akan berubah perlahan setiap framenya ke bentuk akhir di frame
terakhir. Jenis motion ini hanya dapat digunakan untuk objek dengan jenis
shape. Shape dapat diartikan dengan objek yang dibuat menggunakan tool
di dalam flash sendiri, misalnya lingkaran dan tidak diconvert dalam simbol
 Animasi Guide adalah animasi pergerakan yang mengikuti arah garis yang
dibuat
 Animasi Mask adalah animasi yang terdiri dari beberapa layer yang
menggunakan mask untuk menutupi layer lainnya yang ada dibawahnya
atau dengan pengertian lain yaitu animasi yang menyembunyikan sebagian
dari objek
 Persamaan Tween Motion dan Tween Shape yaitu sama-sama digunakan
untuk memberikan animasi atau efek pada objek
 Perbedaan Tween Motion dan Tween Shape yaitu perbedaannya terletak
dari efek yang ditimbulkan oleh keduanya dan objek yang dipakai

VII. Daftar Pustaka

 Ardianyah Nurdin (2013) Macromedia Flash Profesional 8 [Online]

Tersedia dari :
https://inteleccreativemedia.files.wordpress.com/2014/04/macro-media-
flash-8-nurdin.pdf [Diakses : 4 Mei 2019]

 Mugi Hartanti (2014) Modul Macromedia Flash 8 [Online] Tersedia dari :

https://docplayer.info/40502066-Modul-macromedia-flash-8.html [Diakses
: 4 Mei 2019]

 Modul Kartografi II Minggu 8