MODUL MULTIMEDIA KELAS 11 SEMESTER 2

Nama:
Kelas/No.absen:
Page

BAB V
Mengenal perangkat lunak pembuat animasi
5.1 Mengenal Animasi Macromedia Flash
Definisi Animasi
Yang artinya kurang lebih adalah : Animasi adalah sebuah proses merekam
dan memainkan kembali serangkaian gambar statis untuk mendapatkan
sebuah ilusi pergerakan secara terus menerus.
Secara garis besar, animasi computer dibagi menjadi dua kategori, yaitu:
1. Computer Assisted Animation, animasi pada kategori ini biasanya
menunjuk pada system animasi 2 dimensi, yaitu mengkomputerisasi proses
animasi tradisional yang menggunakan gambaran tangan.
Computer digunakan untuk pewarnaan, penerapan virtual kamera dan penataan
data yang digunakan dalam sebuah animasi.
2. Computer Generated Animation, pada kategori ini biasanya digunakan
untuk animasi 3 dimensi dengan program 3D seperti 3D Studio Max, Maya,
Autocad dan lain sebagainya.
Multimedia menurut Rosch didefinisikan sebagai kombinasi dari computer dan
video, menurut McCornick multimedia secara umum merupakan kombinasi
tiga elemen, yaitu suara, gambar dan teks. Menurut Turban, dkk multimedia
adalah kombinasi dari paling sedikit dua media input atau output dari data,
media ini berupa audio (suara, musik), animasi, video, teks, grafik, dan gambar.
Menurut Robin dan Linda multimedia merupakan alat yang dapat menciptakan
presentasi yang dinamis dan interaktif yang mengkombinasikan teks, grafik,
animasi, audio, dan gambar video. Definisi lain dari multimedia yaitu dengan
menempatkan dalam konteks seperti yang dilakukan Hofstetter, multimedia
adalah pemanfaatan computer untuk membuat dan menggabungkan teks, grafik,
audio, gambar bergerak (video dan animasi) dengan menggabungkan link dan
tools yang memungkinkan navigasi, berinteraksi, berkreasi, dan berkomunikasi.

Macromedia Flash
Macromedia Flash merupakan sebuah program yang didesain khusus oleh
Macromedia, saat itu sebagai pengembangnya yang saat ini sudah dibeli oleh
Adobe Incorporated sehingga berubah nama menjadi Adobe Flash, Flash
didesain dengan kemapuan 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.
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.

Page

5.2 Bagian-bagian penting dalam area kerja Macromedia Flash

Dibawah ini adalah beberapa Screenshoot Tampilan Utama Flash :
Macromedia Flash 8

1. Menu
Menu pada Macromedia Flash Pro 8 terdiri dari: File, Edit, View, Insert,
Modify, Text Commands, Control, Window dan Help. Anda dapat melihat
submenu yang terdapat pada masing-masing menu dengan mengeklik satu kali
pada menu yang ingin Anda pilih.

Contoh menu dan submenu Macromedia Flash Pro 8

2. Toolbox
Dalam toolbox terdapat komponen-komponen penting diantaranya: Tools, View,
Colors dan Options. Toolbox memiliki peran untuk memanipulasi atau
memodifikasi objek dalam stage. Berikut komponen-komponen dalam toolbox
beserta fungsi atau kegunaannya:

Page

Page

3. 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 lay er, maka semakin lama animasi akan berjalan.

Layer dan frame pada Timeline

4. Stage
Stage disebut juga layar atau panggung. Stage digunakan untuk memainkan
objek-objek yang akan diberi animasi. Dalam stage kita dapat membuat gambar,
teks, memberi warna dan lain-lain.
5. Panel
Beberapa panel penting dalam Macromedia Flash Pro 8 diantaranya panel:
Properties & Filters & Parameters, Actions, Library, Color dan Align & Info &
Transform.
5.1 Panel Properties & Filters & Parameters
Panel ini terdapat di bawah stage. Untuk mengeluarkan atau menyembunyikan
panel ini dapat digunakan shortcut Ctrl+F3. Panel Properties & Filters &
Parameters digunakan untuk untuk meng atur ukuran background, warna
background, kecepatan animasi dan lain-lain.
5.2 Panel Actions
Panel Actions digunakan untuk menuliskan script atau bahasa pemrograman
flash (ActionScript). Anda dapat mengetikkan secara langsung pada layar
Actions atau menggunakan bantuan yang disediakan oleh Macromedia Flash
Pro 8. Untuk memunculkan atau menyembunyikan panel ini dapat digunakan
shortcut F9.
5.3 Panel Library
Library merupakan panel yang digunakan untuk menyimpan objek-objek berupa
graphic atau gambar, button atau tombol, movie dan suara baik yang dibuat
langsung pada stage ataupun hasil proses impor dari luar stage. Untuk
memunculkan atau menyembunyikan panel ini dapat digunakan shortcut
Ctrl+L.
5.4 Panel Color
Panel Color merupakan panel yang digunakan untuk memilih warna yang
digunakan dalam pembuatan objek-objek pada stage. Ada dua jenis subpanel,

Page

yaitu: Color Mixer dan Swatches. Shortcut untuk Color Mixer adalah Shift+F9
dan shortcut untuk Color Swatches adalah Ctrl+F9.
5.5 Panel Align & Info & Transform
Untuk menampilkan panel ini Anda dapat menekan Ctrl+K pada keyboard.
Panel ini digunakan untuk mengatur posisi objek, ingin diletakkan pada tengah
stage, sebelah kiri atau kanan dan lain-lain. Dengan panel ini Anda juga dapat
memutar objek dengan Transform.

Page

BAB VI
6.1. Menjalankan Macromedia Flash
A. Membuat Dokumen Baru
Untuk membuat dokumen baru , ikuti langkah-langkah sebagai berikut :
_ Pilih File, New
_ Muncul jendela New DocumentPilih General, Flash Document,Ok
B. Mengatur Dokumen Flash
Digunakan untuk untuk mengatur tayangan, background.

Untuk mengatur tayangan background , ikuti langkah-langkah sbb :

Pilih properties, size: 550 x 400 pixels
Muncul jendela Document properties.
Isikan Title: ::: Dasar-dasar Flash
Description: Dasar-dasar animasi menggunakan Macromedia Flash Dimention:
550 ppx (width) x 500 px (height) Background color: ganti warna abu-abu.
Pilih Ok untuk mengakhiri.
Lihatlah perubahan background

C. Menyimpan Dokumen Flash

Pilih File, Save As
Simpan di flash disk masing-masing dan beri nama dasar-dasar flash, pilih
save untuk mengakhiri.
D. Mengimpor Media
Digunakan untuk mengambil gambar dari tempat/folder lain yang sudah jadi
seperti foto atau hasil scan.

Page

_Pilih File, Import

_Muncul Jendela Import
_Pilih open untuk membuka gambar.
Import dapat dilakukan langsung ke library (disimpan di program Flash) dengan
cara Pilih File, Import, Import library.
Agar gambar yang dipilih tersedia/muncul di library, pilih menu Window,
Library.

Gambar muncul di kotak library seperti berikut ini.

E. Mengorganisir Layer
Double klik pada layer1 ganti tulisan dengan mengetikkan kata foto, lakukan
double enter untuk mengakhiri.

Page

F. Membuat layer baru

Pilih insert layer, double klik layer 2, ketik tulisan teks. Maka terbentuk layer
baru.

G. Membuat Teks
Pilih Text tool (T), tekan dan geser pointer pada gambar (stage) sampai
berbentuk kotak. Klik sebarang lokasi untuk mengakhiri tulisan.
H. Menggambar Obyek (Object Drawing )
Diawali dengan membuka file baru, kali ini menggambar obyek kotak dan
menulis teks.
_Pilih file, New
_Muncul kotak New Document, pada general pilih flash document, akhiri
dengan Ok.

_Pilih rectangle tool (

)
_Lakukan penggambaran dengan tekan mouse, geser ke kanan dan bawah,
lepaskan mouse.
I. Merubah Warna
_Pilih selection tool (

_Pilih properties pada property panel, pilih fill color (

warna arsir, dan stroke color (

) untuk mengganti

) untuk perubahan warna garis.

9
Page

J. Membuat Layer baru

_ Pilih insert layer ( ),
_ double klik pada layer 2, ketik teks akhiri dengan menekan tombol enter pada
keyboard.
_ Pilih text tool (
), buatlah kotak untuk mengisi tulisan, lakukan pengetikan
menggambar
akhiri dengan enter sehingga menghasilkan bentuk berikut ini.

K. Mengganti warna huruf

Pilih teks, pada properties klik text fill color (
), pilih warna biru. Klik
sembarang tempat untuk mengakhiri.
PRAKTEK 1
1. Buatlah bentuk lingkaran dengan layer bernama lingkaran, beri warna
merah.
2. Buatlah teks menggambar lingkaran dengan warna merah, layer teks 2.
3. Cek hasil anda seperti berikut ini.

10
Page

PRAKTEK 2
1. Lanjutkan membuat layer baru bernama garis, buatlah garis dengan
menggunakan line tool (
)
dengan warna biru.
2. Buatlah layer baru dengan nama teks 3, buatlah teks menggambar garis,
warna biru.
3. Rubahlah ketebalan garis dengan memilih garis, klik stroke height pada
properties (
),
Rubah juga bentuk garis sesuai keinginan dengan klik stroke style (
).
4. Cek dengan hasil berikut ini.

Simpanlah hasil kerja dengan nama drawing 2.

Page

11

6.2. ANIMASI SEDERHANA

Anda akan menemui gambaran pada area timeline sewaktu membuat frame by
frame animation atau motion tweened animation.
Gambaran keyframe pada area timeline dapat dilihat dalam bentuk titik hitam.
Anda akan melihat berbagai gambaran berikut ini pada area timeline sewaktu
membuat animasi:
Frame-frame tween diwakili oleh panah hitam dengan warna latar biru terang.
Frame-frame yang di tween diwakili oleh panah hitam dengan warna latar hijau
terang.
Garis titik-titik tersebut menandakan bahwa keyframe terakhir tidak ada. Untuk
melihat perubahan dalam suatu animasi, minimal dibutuhkan dua keyfame
Kalau hanya terdapat 1 keyframe, Anda akan seperti melihat gambar-yang diam
tidak bergerak.
Frame-frame yang sama dengan keyframe awal yang diwakili oleh warna abuabu terang dan gambar kotak putih menandakan frame terakhir.
Gambar 'a' kecil menandakan bahwa ada perintah atau script agar di frame
tersebut melakukan sesuatu.
Gambar 'bendera merah' menandakan bahwa di frame tersebut berisi atau
komentar.
6.2.1. Animasi Frame by Frame
Frame By Frame Animation animation ini seperti pekerjaan manual yang
dilakukan oleh Manusia bila membuat film kartun dan penggunaannya sangat
cocok untuk animasi yang rumit. Mereka menggambar satu per satu gambar
pada frame dan setelah semuanya baru kemudian dianimasikan.
Cara kerja di Flash pun tidak berbeda seperti yang telah dijelaskan di atas. Kita
menggambar frame per frame di stage, setelah itu baru dijalankan. Animasi
jenis ini ukuran file jauh lebih besar dibanding tweened animation. Oleh karena
itu disarankan bila animasi yang kita buat tidak terlalu rumit, gunakan tweened
animation untuk mengurangi ukuran movie kita.

Berbagai model animasi yang ada, animasi frame to frame merupakan model
yang paling sederhanan.
Praktek 3
Untuk membuat animasi Frame to Frame ikuti langkah-langkah sebagai berikut
1. Membuat Dokumen baru
Pilih File, New, Flash Document, ok, maka muncul gambar seperti berikut.

Page

12

2. Mengganti layer 1 menjadi garis

Lakukan double klik pada layer 1, ganti dengan mengetikkan kata garis, akhiri
dengan double klik.

3. Membuat Garis
Pilih line tool, buat garis vertikal, warna biru, dengan ketebalan 6,75 sehingga
menjadi gambar berikut.

4. Copy, Insert Blank Keyframe, paste in place.

Pilih garis dengan menggunakan selection tool ( ), klik garis, copy, insert blank
keyframe pada timeline, klik sembarang lokasi pada stage, klik kanan pilih
paste in place, geser garisnya.
Pilih garis, Klik kanan, Copy

Page

13

Pointer di timeline 10, klik kanan, Insert Blank Keyframe

Pada stage, Klik kanan, Paste in Place

1
2 3Ulangi 4 kali hingga timeline ke 40.
5. Menyimpan
File, save beri nama frame2frame
Menggeser garis dari titik 1 ke 2
Titik 1 Titik 2
Ulangi 4 kali hingga timeline ke 40, seperti berikut ini.

14
Page

6. Menjalankan Animasi
Pilih menu Control, Test Movie. Lihatlah gerakan animasinya.

15
Page

Pilih Close Button untuk mengakhiri

6.2.2. Animasi Tweening
Ada dua jenis tweened animation.
Pertama adalah motion tweening, Anda menentukan property seperti posisi,
ukuran dan rotasi untuk sebuah instance, group atau text block untuk satu titik
keyframe, dan pada saat bersamaan Anda juga mengubah property yang sama di
keyframe berikutnya.
Kedua adalah shape tweening, Anda menggambar shape pada satu keyframe
dan sekaligus juga mengubah bentuk shape tersebut di keyframe berikutknya.
Berdasarkan informasi perubahan nilai atau shape tersebut, Flash membuat
beberapa frame di antara keyframe tersebut (frames,in between) untuk membuat
animasi.

Page

16

1. Motion Tweening
Pada animasi ini, Anda mengubah property dari instance, group, atau text block.
Flash dapat men-tween posisi, ukuran, rotasi, dan memiringkan instance, group,
dan tulisan. Flash dapat men-tween warna dari instance dan tulisan, gradasi
warna, fade in atau fade out. Tetapi untuk men-tween warna dari group atau
Tulisan, Anda harus membuat mereka menjadi symbol terlebih dahulu. Untuk
membuat motion tweening, Anda tinggal menentukan keyframe awal dan akhir.
Kemudian Flash otomatis akan men-tween frame-frame di antaranya sehingga
terbentuklah animasi.

Berdasarkan ilustrasi di atas, ikan pada frame kedua, ketiga, dan keempat adalah
hasil tweening yang dibuat oleh Flash berdasarkan pada frame pertama dan
kelima. Frame ke-1 dan ke-5 merupakan frame kunci atau keyframe dalam
proses tweening.
Praktek 4
Langkah-langkah pembuatan animasi Tweening sebagai berikut :
1. Membuat dokumen baru
Pilih menu File, New, Flash Document, Ok.
2. Membuat Layer
Lakukan double klik pada layer name (layer 1), ganti menjadi kotak, akhiri
dengan menekan tombol
keyboard enter.
3. Menggambar kotak
Pilih rectangle tool ( ), buatlah gambar kotak di stage.
4. Convert to Symbol
Pilih gambar kotak pada stage menggunakan selected tool ( ), klik kanan, pilih
convert to symbol.
Muncul jendela convert to symbol, isikan name: kotak 1 dan pilih type graphic,
pilih Ok untuk menutup jendela.
Pilih Frame 25,
Klik kanan mouse, pilih insert keyframe,
Geser kotak ke kanan (panjang sesuai keinginan).

Page

17

Page

18

19
Page

Geser ke tempat baru

5. Memberi efek Motion
Tujuannya adalah agar gerakan kotak menjadi halus caranya: Klik kanan pada
timeline antar frame,
pilih Create motion tween.

6. Menyimpan
Simpanlah hasil kerja dengan nama tweening, klik save.
7. Melihat Hasil
Pilih menu control, test movie
Lihatlah gerakan kotak ke kanan, akhiri dengan menekan close.

Page

20

2. Animasi Motion Shape

Animasi bentuk/shape dibedakan menjadi 2 bagian yaitu:
a. Animasi bentuk dengan objek statis/diam di tempat
b. Animasi bentuk dengan objek dinamis/bergerak (ada motion-nya)
Yang perlu diperhatikan ketika Anda akan membuat animasi bentuk baik yang
statis ataupun dinamis adalah bahwa objek tidak perlu di Convert to Symbol.
a. Animasi Bentuk Statis
Praktek 5
Langkah 1:
Buat objek lingkaran dengan Oval Tool.
Langkah 2:
Klik Frame 30, kemudian Insert Keyframe.
Langkah 3:
Ubah bentuk lingkaran menjadi bentuk bukan lingkaran, menggunakan
subselection tool.
Langkah 4:
Klik frame 1, pilih tween-shape di bawah stage.
Langkah 5:
Tekan Enter untuk Play atau Ctrl + Enter untuk Test Movie.

b. Animasi Bentuk Dinamis

Jenis animasi ini merupakan pengembangan dari animasi bentuk statis. Pada
jenis
animasi ini akan diberikan contoh objek kotak berubah menjadi teks kotak.
Praktek 6
Langkah-langkahnya adalah:
Langkah 1:
Buat bentuk objek bentuk kotak di frame 1 menggunakan rectangle tool.
Langkah 2:
Klik frame 40, insert keyframe.
Langkah 3:
Pindahkan objek kotak dari frame 1 ke frame 40 setelah itu hapus objek dengan
Delete.

Page

21

Langkah 4:
Masih di frame 40, buat teks KOTAK, lalu tekan Ctrl + B (2x), agar teks
terkonversi
menjadi objek.
Langkah 5:
Kembali ke frame 1, pilih tween-shape, tekan Enter.

6.2.3. Animasi Motion Guide

Motion guide berguna untuk membuat objek bergerak mengikuti jalur atau path
yang Anda buat sendiri. Lihat Gambar. Prinsip animasinya mirip dengan motion
tweening, hanya tinggal menambahkan path sebagai panduan untuk membuat
animasinya.

Perhatikan pada Gambar terlihat bahwa objek ikan di atas akan bergerak
mengikut garis atau path.
Animasi selain menggunakan frame toframe, juga dapat menggunakan
tweening. Pembuatan animasi dengan metode tweening atau in betweening
yaitu pengguna hanya perlu membuat adegan awal dan adegan akhir saja,
kemudian computer akan menggenerate secara otomatis frameframe antaranya
yang disebut in between.
6.2.4. ANIMASI MENGGUNAKAN ACTION SCRIPT
ActionScript adalah bahasa skripting di Flash. Anda dapat menggunakan
ActionScript untuk mengontrol objek di Flash, membuat navigasi dan elemen
interaktif lain, serta membuat movie Flash dan aplikasi Web yang interaktif.
Dalam pembuatan animasi, selain menggunakan Movie Clip, kita juga dapat
menggunakan fasilitas perintah Action Script. Perintah ini digunakan untuk

Page

22

membuat animasi interaktif yang lebih komplek dibanding apabila hanya

menggunakan Movie Clip.
Panel Action Script digunakan untuk memberikan perintah action pada sebuah
frame, objek tombol, atau Movie Clip Instance. Langkah untuk membuka
jendela Actions adalah dengan menekan tombol F9 ayau klik menu Windows >
Actions.
Struktur Bahasa ActionScript
Seperti halnya dalam menggunakan bahasa alamiah, kita perlu menempatkan
kata benda, kata sifat, dan kata kerja dalam susunan yang dimengerti orang lain.
Di sini kita menyusun objek, properti dan metode sampai membentuk statement,
atau pernyataan, yang dimengerti Flash.
Flash menggunakan struktur bahasa sintaks dot. Dot atau titik digunakan untuk
menunjukkan properti atau metode yang terkait dengan objek. Contoh:
Ballerina.berat = 50
Flintstone.berat = 65
Pernyataan di atas menetapkan nilai 50 untuk properti berat dari Ballerina, dan
nilai 65 untuk berat dari Flintstone.
Ballerina.pakaian.warna = putih
Pernyataan di atas menjelaskan putih sebagai properti warna pada objek pakaian
yang terkait dengan objek Ballerina. (Di sini properti pakaian milik Ballerina
merupakan objek juga, yang memiliki propertinya tersendiri).
Ballerina.menari()
Pernyataan di atas menjelaskan metode menari yang diterapkan pada objek
Ballerina. Tanda kurung buka dan kurung tutup memberi tanda kalau menari
adalah metode.
Ballerina.menari(cepat)
Ballerina.menari(lambat)
Metode seringkali memiliki argumen atau parameter, yang menerangkan
bagaimana seharusnya metode dijalankan.
Tip: Untuk memudahkan, bacalah dot syntax dari belakang. Misalnya
Ballerina.pakaian.warna = putih dapat dibaca Putih adalah warna pakaian dari
Ballerina.
Kategori ActionScript
Dalam mode normal, action dibagi dalam berbagai kategori, yaitu:
1. Basic Actions. Kategori ini menampung action sederhana yang sering sekali
digunakan untuk movie Flash, seperti navigasi dan perilaku tombol.
2. Actions. Kategori ini meliputi Basic Actions ditambah dengan banyak action
lain yang lebih kompleks.
3. Operators. Kategori ini berisi simbol yang digunakan misalnya untuk operasi
logika dan matematika, seperti tambah, kurang, kali, dll.
4. Functions. Function berisi action yang dapat menerima data tertentu untuk
kemudian menghasilkan informasi yang dapat kita gunakan.

Page

23

5. Properties. Kategori Properties berisi properti objek yang dapat dimodifikasi.

Sebagian besar properti ini digunakan untuk objek klip movie.
6. Objects. Flash memiliki kelas objek yang sudah didefinisikan (predefined
class). Kelas-kelas ini berada dalam kategori Objects di ActionScript.
Navigasi
Salah satu fungsi mendasar dari ActionScript adalah untuk membuat navigasi
movie Flash. Yang dimaksud navigasi ini adalah bagaimana membantu user
untuk masuk ke bagian-bagian movie tertentu misalnya frame atau scene
tertentu. Navigasi ini erat kaitannya dengan sistem menu dan struktur konten
suatu movie Flash.
Untuk navigasi standar, action yang paling banyak digunakan adalah action
yang terdapat dalam kategori Basic Actions, yaitu: Stop, Play, dan GoTo. Stop
digunakan untuk menghentikan movie, Play digunakan untuk menjalankan
movie. Sedangkan GoTo memiliki dua variasi, yaitu gotoAndPlay dan
gotoAndStop. Sesuai dengan namanya gotoAndPlay memerintahkan Flash
untuk masuk ke frame atau scene tertentu dan memainkannya. Action
gotoAndStop adalah kebalikannya.
Praktek 7
Membuat Navigasi Sederhana
Pada dasarnya tutorial ini dapat dikembangkan untuk membuat sebuah
permainan atau game yang sederhana. Mungkin Anda pernah melihat atau
bahkan Anda sudah pernah bermain game pesawat tempur, untuk menggerakkan
pesawat tempur tersebut kita dapat menggunakan tombol navigasi anak panah
yang ada di dalam keyboard.
Tombol anak panah atas, bawah, kiri dan kanan dipakai untuk mengendalikan
gerak pesawat. Tentu Anda bertanya apa sulit untuk membuat navigasi dengan
menggunakan keyboard? Tentu tidak karena Flash telah menyediakan printahprintah praktis untuk menggerakkan gambar atau objek apa saja lewat tomboltombol pada keyboard.
Berikut langkah-langkah membuat navigasi sederhana dengan menggunakan
anak panah pada keyboard.
1. Buka halaman Flash dan buat 1 buah layer dengan nama layer navigasi

2. Pada layer navigasi klik file>inport>import to library pilih objek yang akan
dijadikan navigasi utama.
3. Klik pada objek yang dijadikan objek navigasi kemudian tekan F9 dan
ketikan script di bawah ini :

24

4. Tekan Ctrl+enter untuk melihat hasil

Page

onClipEvent (enterFrame) {
if(Key.isDown(Key.UP)) {
this._y -=10;
}
if(Key.isDown(Key.DOWN)) {
this._y +=10;
}
if (Key.isDown(Key.RIGHT)) {
this._x +=10;
}
if (Key.isDown(Key.LEFT)) {
this._x -=10;
}
}

Page

25

BAB VII
Menghasilkan Karya dengan Macromedia Flash
Proyek 1. Animasi Ombak
Untuk membuat animasi ombak , ikuti tutorial sebagai berikut :
1. Buka program flash 8
2. Ubah ukuran stage menjadi 768 x 576 pixels.
3. Ganti warna bacground menjadi warna hitam
4. Ganti warna fill color menjadi #336699

dan warna stroke dijadikan

none
5. Klik rectangle tool untuk membuat airnya dengan mendragnya ke stage
sepertigambar dibawah ini.

4. Klik kanan di frame 15 lalu klik insert keyframe, Ubah gambar airnya dengan
cara tarik
ke atas menggunakan selection tool yang sebelah kiri
Gambarnya :

5. Klik di frame 1 lalu pilih tween shape

26
Page

Gambarnya

Di frame 35 klik kanan insert keyframe, Ubah gambarnya seperti ini>>

8. Klik Di frame 15 pilih tween shape

9. Lalu copy frame 1 caranya : klik kanan pada frame 1 dan pilih Copy
Frameskemudian Pastekan di frame 60
10. Klik Di frame 35 pilih tween shape
Seperti gambar dibawah ini:

Proyek 2. Membuat Digital Clock di Flash

Anda membuat aplikasi sederhana berupa Digital Clock yang dibuat di Flash 8.
Dengan dukungan Action Script yang lebih mudah dipahami, Anda akan dapat
membuat aplikasi sederhana tersebut dalam hitungan detik.
Langkah Pembuatan
1. Buka halaman Flash dan buat 3 buah layer dengan nama layer action,
dynamic text, dan backround.

27
Page

2. Buat ukuran document

3. Pada layer backround buat desain untuk dijadikan backround.

4. Pada layer dynamic text buat text tool dengan pilihan Dynamic Text.

5. Buat nama variable pada dynamic Text dengan nama Clock_text

Page

28

6. Pada layer action ketikan script pada frame 1

time=new Date(); // time object
var seconds = time.getSeconds()
var minutes = time.getMinutes()
var hours = time.getHours()
if (hours<12) {
ampm = "AM";
}
else{
ampm = "PM";
}
while(hours >12){
hours = hours - 12;
}
if(hours<10)
{
hours = "0" + hours;
}
if(minutes<10)
{
minutes = "0" + minutes;
}
if(seconds<10)
{
seconds = "0" + seconds;
}
Clock_text.text = hours + ":" + minutes + ":" + seconds +" "+ ampm;
7. Pada layer acton ketikan script pada frame 2 gotoAndPlay(1);
8. Insert key frame 2 pada layer dynamic text dan backround

9. Ctrl+Enter untuk melihat hasil