LAPORAN PRATIKUM MULTIMEDIA MENGGUNAKAN

MACROMEDIA FLASH 8
TAHUN 2020/2021

Dosen pengampu : Sudarmaji, S.Kom., M,MKom.

Disusun Oleh :

Surya Hidayatullah (20430080)

FAKULTAS ILMU KOMPUTER

PROGRAM STUDI S1 ILMU KOMPUTER
UNIVERSITAS MUHAMMADIYAH METRO
 KATA PENGANTAR

Segala puji dan syukur penulis haturkan kepada sang Kholiq yang tak pernah letih
ataupun tidur dalam mengurus semua makhluk-Nya yang berada di langit maupun di bumi.
Dialah Allah SWT, tuhan semesta alam dengan kekuasaan yang meliputi langit beserta isinya
dan bumi beserta isinya pula. Dengan rahmat dan kasih sayang-Nya, maka penulis dapat
menyelesaikan makalah mengenai Pembuatan Animasi Macromedia Flash 8 yang tentunya
masih jauh dari kata sempurna ini.

Shalawat serta salam penulis sanjungkan kepada makhluk paling mulia di muka bumi
ini. Makhluk yang diutus untuk menyempurnakan akhlak seluruh manusia di bumi. Dialah
baginda besar, rasul agung, Rasulullah SAW. Semoga syafaat beliau senantiasa tercurah
kepada para umatnya yang setia mengikuti jejaknya sampai akhir hayat nanti. Serta shalawat
untuk keluarga beliau dan shahabat-shahabat beliau.

Penulis juga ucapkan terima kasih kepada dosen pengampu mata kuliah Multimedia
yaitu Bapak : Sudarmaji, S.Kom., M,MKom. yang telah sabar membimbing penulis dalam
memperoleh materi serta penulis juga harapkan agar kiranya Pak dosen dapat memberikan
masukan-masukan bagi kurangnya kelengkapan dalam makalah yang penulis buat ini.

Penulis juga berharap bahwa apa yang sudah penulis tulis dapat bermanfaat bagi
teman-teman pembaca dalam memperoleh pengetahuan tentang Materi Multimedia. Dan jika
ada masukan, sekiranya tak segan untuk menambahkan supaya penulis dapat memperbaiki
kesalahan dan kekurang dalam makalah ini.

Metro, 24 Desember 2021

Penyusun

i
 DAFTAR ISI

COVER
KATA PENGANTAR ....................................................................................................... i
DAFTAR ISI...................................................................................................................... ii
BAB I PENDAHULUAN .................................................................................................. 1
1.1.Latar Belakang Masalah ........................................................................................ 1

1.2.Rumusan Masalah .................................................................................................. 2

1.3.Tujuan Masalah...................................................................................................... 2

BAB II PEMBAHASAN ................................................................................................... 3

2.1. Pengertian Macromedia Adobe Flash ................................................................... 3

2.2. Mengenal Macromedia Flash................................................................................ 3

2.3. Mengenal Toolbox ................................................................................................ 4

BAB III LANGKAH – LANGKAH PRAKTIKUM ...................................................... 8

3.1 Cara Membuat Animasi Bola Macromedia Flash 8............................................... 8

3.2 Cara membuat Animasi Kincir Macromedia Flash 8 ............................................ 10

3.3 Cara Membuat Animasi Bunga Mekar Macromedia Flash 8 ................................ 13

3.4 Cara Membuat Animasi Mobil Bergerak Macromedia Flash 8 ............................. 16

3.5 Cara Memasukan Sound di Macromedia Flash 8 .................................................. 18

BAB III PENUTUP ........................................................................................................... 19

3.1. Kesimpulan ........................................................................................................... 19

3.2. Saran ..................................................................................................................... 19

DAFTAR PUSTAKA ........................................................................................................ 20

ii
 BAB I
PENDAHULUAN

1.1. Latar Belakang Masalah

Adobe Flash digunakan untuk membuat gambar vektor maupun animasi gambar
tersebut. Berkas yang dihasilkan dari perangkat lunak ini mempunyai file extension .swf dan
dapat diputar di penjelajah web yang telah dipasangi Adobe Flash Player. Flash
menggunakan bahasa pemrograman bernama ActionScript yang muncul pertama kalinya
pada Flash 5.

Sebelum tahun 2005, Flash dirilis oleh Macromedia. Flash 1.0 diluncurkan pada tahun
1996 setelah Macromedia membeli program animasi vektor bernama FutureS plash. Versi
terakhir yang diluncurkan di pasaran dengan menggunakan nama ‘Macromedia’ adalah
Macromedia Flash 8. Pada tanggal 3 Desember 2005 Adobe Systems mengakuisisi
Macromedia dan seluruh produknya, sehingga nama Macromedia Flash berubah menjadi
Adobe Flash.

Adobe Flash merupakan sebuah program yang didesain khusus oleh Adobe dan
program aplikasi standar authoring tool professional yang digunakan untuk membuat animasi
dan bitmap yang sangat menarik untuk keperluan pembangunan situs web yang interaktif dan
dinamis. Flash didesain dengan kemampuan untuk membuat animasi 2 dimensi yang handal
dan ringan sehingga flash banyak digunakan untuk membangun dan memberikan efek
animasi pada website, CD Interaktif dan yang lainnya. Selain itu aplikasi ini juga dapat
digunakan untuk membuat animasi logo, movie, game, pembuatan navigasi pada situs web,
tombol animasi, banner, menu interaktif, interaktif form isian, e-card, screen saver dan
pembuatan aplikasi-aplikasi web lainnya. Dalam Flash, terdapat teknik-teknik membuat
animasi, fasilitas action script, filter, custom easing dan dapat memasukkan video lengkap
dengan fasilitas playback FLV. Keunggulan yang dimiliki oleh Flash ini adalah ia mampu
diberikan sedikit code pemograman baik yang berjalan sendiri untuk mengatur animasi yang
ada didalamnya atau digunakan untuk berkomunikasi dengan program lain seperti HTML,
PHP, dan Database dengan pendekatan XML, dapat dikolaborasikan dengan web, karena
mempunyai keunggulan antara lain kecil dalam ukuran file outputny.

Movie-movie Flash memiliki ukuran file yang kecil dan dapat ditampilkan dengan
ukuran layar yang dapat disesuaikan dengan keingginan. Aplikasi Flash merupakan sebuah
standar aplikasi industri perancangan animasi web dengan peningkatan pengaturan dan
perluasan kemampuan integrasi yang lebih baik. Banyak fiture-fiture baru dalam Flash yang
dapat meningkatkan kreativitas dalam pembuatan isi media yang kaya dengan memanfaatkan
kemampuan aplikasi tersebut secara maksimal. Fiture-fiture baru ini membantu kita lebih
memusatkan perhatian pada desain yang dibuat secara cepat, bukannya memusatkan pada
cara kerja dan penggunaan aplikasi tersebut. Flash juga dapat digunakan untuk
mengembangkan secara cepat aplikasi-aplikasi web yang kaya dengan pembuatan script
tingkat lanjut. Di dalam aplikasinya juga tersedia sebuah alat untuk men-debug script.
Dengan menggunakan Code hint untuk mempermudah dan mempercepat pembuatan dan
pengembangan isi ActionScript secara otomatis.

1
1.2. Rumusan Masalah
1. Apa pengertian dari Macromedia Adobe Flash?
2. Apa fungsi-fungsi toolbar dalam Adobe Flash?
3. Mengapa Harus Mengenal Macromedia Flash ?
4. Bagaimana cara menggunakan Adobe flash?

1.3. Tujuan Masalah

1. Mengetahui Pengertian Macromedia Flash.
2. Mengetahui fungsi-fungsi Macromedia flash.

2
 BAB II
PEMBAHASAN

2.1. Pengertian Macromedia Adobe Flash

Adobe Flash (dahulu bernama Macromedia Flash) adalah salah satu perangkat lunak
komputer yang merupakan produk unggulan Adobe Systems.

2.2. Mengenal Macromedia Flash

Flash merupakan suatu program grafis multimedia dan animasi yang dibuat oleh
perusahan Macromedia untuk keperluan pembuatan aplikasi web interaktif mau pun animasi
yang berkembang pada saat ini. Program ini banyak digunakan untuk membuat game, kartun,
presentasi dan model pembelajaran interaktif. Terdapat beberapa versi dari macromedia flash
yang berkembang saat ini meskipun saat ini tidak lagi milik macromedia melainkan Adobe
Flash. Namun pada diktat ini akan dipelajari mengenai animasi yang dibuat oleh Macromedia
Flash 8.

 Area Kerja

Area kerja flash terdiri atas lima komponen, yaitu Menu, Toolbox, Layer, Timeline, Stage
dan Panel. Lihat gambar di bawah ini!

Layer Timeline

Stage

Menu

Panel

1. Menu berisi control untuk berbagai fungsi seperti membuat, membuka,dan

menyimpan file, copy, paste, dan lain-lain.
2. Stage adalah area persegi empat yang merupakan tempat dimana kita membuat objek
atau animasi yang akan dimainkan.

3
 3. Toolbox berisi koleksi untuk membuat atau menggambar, memilih dan memanipulasi
isi stage dan timeline. Toolbox dibagi menjadi empat, yaitu Tools, View, Colors dan
Options. Beberapa tool mempunyai bagian option. Contohnya, ketika Selection tool
dipilih, Option snap, smouth, straigten, rotate dan scale akan muncul di bagian
options.
4. Timeline adalah tempat kita dapat membuat dan mengontrol objek dan animasi.
5. Panels berisi control fungsi yang dipakai dalam flash, yaitu untuk mengganti dan
memodifikasi berbagai property objek atau animasi secara cepat dan mudah.
6. Properties merupakan window yang digunakan untuk mengatur property dari objek
yang kita buat.
7. Components digunakan untuk menambahkan objek untuk web application yang
nantinya di publish ke internet.

2.3. Mengenal Toolbox

Toolbox merupakan bagian dari Flash yang memiliki peranan yang sangat penting. Di
dalamnya terdapat berbagai tool yang dapat kita gunakan untuk menggambar suatu objek atau
memodifikasi objek tersebut. Nama beserta fungsinya akan dijelaskan sebagai berikut:

1. Selection tool untuk memilih dan memindahkan objek.

2. Subselect tool untuk memilih titik-titik pada suatu garis dalam objek.
3. Free Transform tool digunakan untuk memperbesar, memperkecil atau memutar
(rotate) objek yang kita buat serta dapat mengubah bentuk objek menjadi bentuk lain.
4. Gradient Transfrom tool untuk mengatur posisi gradient pada objek.
5. Linetool untuk membuat garis.

4
 6. Lasso tool untuk memilih sebagian dari objek atau objek yang tidak teratur. Jika
Selection tool hanya bisa memilih keseluruhan dari objek, sedangkan Lasso tool bisa
memilih apa pun yang terdapat dari objek yang digambar.
7. Pen tool untuk menggambar kurva dan garis yang dapat dimanipulasi dengan
Subselect tool.
8. Text tool digunakan untuk menuliskan kalimat atau kata-kata.
9. Oval tool untuk membuat lingkaran atau oval.
10. Rectangle tool untuk menggambar persegi atau kotak
11. Pensil tool untuk menggambar suatu bentuk teratur.
12. Brush tool seperti kuas dengan warna tertentu dapat membuat bentuk yang bebas.
13. Ink Bottle tool untuk menambah atau megubah warna garis di pinggir suatu objek.
14. Paint Bucket tool untuk memberi atau mengubah warna pada suatu bidang (fill).
15. EyeDropper tool untuk mengidentifikasi warna atau garis dalam sebuah objek.
16. Eraser tool untuk menghapus area yang tidak diinginkan dari objek.
17. Hand Tool untuk menggeser layer atau tampilan pada stage.
18. Zoom tool untuk memperbesar atau memperkecil tampilan pada stage.
19. Stroke Color untuk mewarnai bingkai yang berada di pinggir objek.
20. Fill Color untuk mewarnai bidang objek.
21. Swap Colors untuk memilih stroke color atau fill color secara bergantian.
22. No Color untuk mengosongkan warna.
23. Default Colors untuk menentukan warna stkitar baik untuk stroke atau fill.
24. Black & White, digunakan untuk memberi warna objek dan warna border / garis
dengan warna hitam putih.

 Mengenal Timeline dan Frame

Timeline terdiri atas Layer, Frame dan Playhead. Fungsinya adalah sebagai tempat
pengaturan timing atau waktu animasi dan penggabungan objek-objek dari masing-masing
layer lihat gambar berikut !

1. Frame adalah kotak-kotak berurutan dalam timeline, di frame inilah nantinya akan
menentukan animasi apa yang akan dibuat atau dari frame awal sampai ke frame yang
diinginkan untuk membentuk suatu pergerakan animasi.
2. Keyframe ditandai dengan titik hitam pada frame, ini berarti bahwa ada objek pada
frame tersebut.
3. Blank Keyframe ditandai dengan frame yang putih atau kosong. Ini berarti bahwa
tidak ada objek.

5
 4. Action Frame ditandai dengan huruf ‘a’ di atas titik hitam, ini berarti bahwa ada
action script padxa frame tersebut.
5. Sound Frame ditandai dengan gelombang suara pada frame, ini berarti bahwa ada
suara yang dimasukan pada frame tersebut.
6. Motion tween frame ditandai dengan warna unggu dengan panah diantara dua frame.
7. Shape tween frame ditandai dengan warna hijau dengan panah diantara dua frame.
8. Playhead ditandai dengan warna merah yang terletak di atas frame, ini berfungsi
untuk menjalankan animasi yang bisa langsung dilihat pada stage.

 Mengenal Layer

Layer (lapisan) merupakan hal yang sangat penting di flash. Layer digambarkan seperti
tumpukan lembaran yang transparan. Layer yang paling atas akan menutupi objek layer yang
dibawahnya. Kegunaannya antara lain:

 Untuk pengaturan kerja, animasi dan elemen lainnya. Jadi, kita bisa memakai layer
yang berbeda antara file suara, objek, action, label frame dan komentar frame.
 Untuk memudahkan dalam menggambar atau mengedit suatu oobjek tanpa
mempengaruhi objek yang berada di layer lain.
 Agar bisa menemukan objek dengan cepat dan mudah ketika akan mengedit objek
tersebut.
 Dapat membuat banyak objek dengan animasi yang berbeda antara yang satu dengan
lainnya.

Beberapa macam mode layer terlihat pada gambar di bawah ini:

1. Mode Aktif ditandai dengan gambar pensil, mode ini menunjukkan bahwa layer
sedang aktif dan siap untuk mengerjakan suatu objek pada layer tersebut.
2. Mode Normal adalah mode yang bisa dilihat dan diedit ketika mode ini menjadi
mode aktif.
3. Mode Terkunci ditandai dengan gambar gembok kecil yang terkunci. Pada mode ini
kita hanya bisa melihat objek pada layer tanpa bisa mengeditnya.

6
4. Mode tersembunyi ditandai dengan tkita X, pada mode ini kita tidak dapat melihat
objek pada layer. Mode ini diperlukan untuk lebih leluasa mengedit objek pada layer
lain.
5. Mode Outline ditandai dengan kotak tanpa warna, yang berarti tidak menampilkan
objek secara keseluruhan, hanya garis luarnya saja yang terlihat.

7
 BAB III
LANGKAH – LANGKAH PRAKTIKUM

3.1 Cara Membuat Animasi Bola Macromedia Flash 8

1. Pertama kalian buat lingkaran seperti pada gambar dibawah :

2. Kemudian kalian klik kanan pada timeline ke 15 lalu klik insert keyframe

8
3. Maka akan muncul tanda titik pada timline ke 15. Kemudian kalian klik antara
timeline 1 – 15 lalu klik kanan dan klik Create Motion Tween.

4. Maka akan muncul tanda panah pada timeline. Kemudian kalian klik timeline ke 15
lalu kalian geser bola nya sesuai yang kalian inginkan contoh seperti berikut :

5. Setelah itu coba kalian kill Ctrl+enter maka bola kalian sudah bergerak.

9
3.2 Cara membuat Animasi Kincir Macromedia Flash 8

1. Pertama kalian membuat lingkaran kecil yang berguna untuk pusat kincir nya seperti
dibawah ini :

2. Kemudian kalian buat oval tapi dengan bentuk lonjong, ukuran sesuai keinginan
kalian.

10
3. Jika sudah kalian hanya tinggal copy paste di setiap suduh kanan, kiri, bawah, atas
dan jangan lupa kalian ubah warnanya.

4. Setelah jadi seperti itu maka kita buat dulu tiang nya dekan menambah layer dengan
cara

11
5. Jika sudah silahkan kalian ganti namanya menjadi tiang.

6. Jika sudah kalian pasangkan pada kincir nya, jika tertimpa kalian klik tahan pada
layer lalu tukarkan ke atas atau kebawah.
7. Setelah itu kalian klik pada layer 1 kalian berikan insert keyframe pada timeline 0, 5,
15, 10, 20. Setelah itu putar kincir nya ke kanan sampai tempat warna nya berubah.
Jika sudah kalian berikan motion tween pada setiap detik pada timeline seperti
gambar dibawah:

12
 8. Jika sudah klik Ctrl+enter maka kincir akan berjalan.

3.3 Cara Membuat Animasi Bunga Mekar Macromedia Flash 8

 Buka aplikasi Macromedia . Pilih flash document.

 Selanjutnya buatlah ilustrasi tangkai bunga dan daun di layer 1 frame 1 dengan
menggunakan Brush Tool atau tekan tombol huruf B.

13
 Kemudian copy di frame 2, frame 3, frame 4 dengan cara klik kanan kemudian insert
keyframe . Lakukan hal yang sama di frame 3 da frame 4.

 Setelah itu buatlah kuncup bunga yang berukuran kecil di frame 1 dengan
memnggunakan Brush Tool.

 Buatlah kuncup bunga yang agak besar di frame 2 dengan menggunakan Brush Tool.
Agar seolah olah gambar ilustrasi berubah.

14
 Buatlah kembali bunga yang agar sedikit mekar dengan menggunakan Brush Tool

 Buatlah kembali bunga yang agar sedikit mekar dengan menggunakan Brush Tool.

 Nah akhirnya, animasi bunganya sudah jadi . untuk melihat hasilnya tekan CTRL +
ENTER yang sebelumnya frame rate nya di ubah sesuai keinginan .

15
3.4 Cara Membuat Animasi Mobil Bergerak Macromedia Flash 8

1. Buka aplikasi Macromedia Flash 8, pilih Flash Document. Akan terbuka lembaran
baru, lembaran ini disebut Layer 1.
2. Sekarang saya akan membuat animasi mobil berjalan berarti perlu membuat 2 buah
gambar yaitu Mobil dan Roda Depan.
3. Buat gambar mobil dengan menggunakan tool yang berada dibagian sebelah kiri,
setelah selesai berarti gambar mobil ini secara otomatis akan berada pada layer 1.
4. Lalu tambahkan layer 2 untuk membuat roda depan dengan cara, klik Insert Layer
kemudian buat gambar roda depan.

5. Jika sudah, pasang Roda Depan dengan menyeretnya kebawah mobil dan warnai
mobil dengan Paint Bucket Tool (K) yang berada pada bilah bagian kiri.

6. Pada layer 2 tekan F8 maka muncul kotak Conver to Symbol tekan Ok.

7. Ulangi langkah nomor 6 satu kali lagi. Jika sudah, sekarang buat roda mobil bisa
berputar dengan cara doble klik pada Roda Depan, lalu tarik titik yang berada dibawah
angka satu ke angka 20.

16
 8. Klik kanan area yang diblok tadi, pilih Insert Keyrame.

*Atur kotak Properties (lihat pengaturan pada gambar dibawah).

*Jika sudah kembali ke Scene 1.

9. Langkah selanjutnya tambahkan layer 3 untuk Roda Belakang, klik Inser Layer.
10. Copy Roda Depan dengan cara klik layer 2 dan Klik layer 3 untuk paste Roda
Belakang.
11. Selanjutnya rubah juga mobil ke Movie Clip dengan cara, pada layer 1 tekan F8
kemudian Ok.
12. Sekarang kita akan membuat jalan. Terlebih dahulu geser mobil kekiri, lalu
tambahkan Layer 4 dengan cara klik Insert Layer. Buat jalan dengan menggunakan Line
Tool(N). Jika sudah letakan posisi layer 4 dibagian paling bawah.

17
 13. Selanjutnya, buat Keyframe dengan menarik semua titik yang berada dibawah angka
1 ke angka 80.
14. Klik kanan yang di blog pilih Insert Keyframe. Sekarang lepas blok layer 4. Seret
mobil ke kiri.
15. Klik pada area yang di blok, pilih Create Motion Tweem.
16. Sekarang coba tes mobil dengan menekan Enter. Jika sudah berhasil tinggal di Save.

3.5 Cara Memasukan Sound di Macromedia Flash 8

1. Klik file lalu klik import suara yang ingin anda masukkan didalam bottom.

18
 BAB III
PENUTUP

3.1. Kesimpulan

Flash merupakan suatu program grafis multimedia dan animasi yang dibuat oleh
perusahan Macromedia untuk keperluan pembuatan aplikasi web interaktif mau pun animasi
yang berkembang pada saat ini. Program ini banyak digunakan untuk membuat game, kartun,
presentasi dan model pembelajaran interaktif. Terdapat beberapa versi dari macromedia flash
yang berkembang saat ini meskipun saat ini tidak lagi milik macromedia melainkan Adobe
Flash.

3.2. Saran

Semoga makalah ini bisa membuat pembaca lebih banyak mengerti tentang apa itu
Macromedia Adobe Flash dan bagaimana cara membuat Macromedia Adobe Flash.

Sehingga bagi calon pendidik ataupun mahasiswa dapat memudahkan dalam proses
pembelajaran baik menampilkan dalam bentuk diskusi maupun sebagai bahan ajar.

19
 DAFTAR PUSTAKA

https://dwiastuti281.wordpress.com/2014/06/03/makalah-macromedia-flash/

http://himaka-mialidya.blogspot.com/2012/02/membuat-animasi-bunga-mekar.html

http://smkbmy.blogspot.com/2018/01/cara-membuat-animasi-bergerak.html

20