Anda di halaman 1dari 20

Halaman Persembahan

Lintang Hesti Utami, keponakan tercinta...


Buku ini lahir bersamaan dengan kelahiranmu

Selamat datang di dunia yang indah ini, sayang

vi

PRAKATA
Syukur kepada Tuhan, akhirnya buku yang berjudul 36 Jam
Belajar Komputer Animasi dengan Macromedia Flash 8 ini selesai
penulis buat. Buku ini membahas tentang penggunaan Macromedia Flash yang merupakan aplikasi interaktif untuk pembuatan
animasi dengan berbagai kelebihan. Aplikasi ini merupakan
aplikasi penghasil animasi terpopuler sampai saat ini. Beberapa
faktor yang mendukung kepopuleran Flash sebagai sebuah
aplikasi untuk keperluan desain dan animasi adalah memiliki
format grafis berbasis vektor, kapasitas file hasil yang kecil,
memiliki kemampuan tinggi dalam mengatur interaktivitas
program, memiliki kelengkapan fasilitas dalam melakukan desain,
dan sebagainya.
Disamping itu, Macromedia Flash merupakan salah satu aplikasi
pembuat animasi komputer dengan fasilitas terlengkap yang dimilikinya. Aplikasi tersebut memiliki beberapa fasilitas mulai dari
peralatan drawing dan painting sampai pada penyediaan symbol,
artwork, dan komponen-komponen animasi lainnya.

Buku 36 Jam Belajar Komputer Animasi dengan Macromedia


Flash 8 merupakan buku pembelajaran yang disusun secara
sistematis dan praktis sehingga diharapkan dapat mempermudah
pembaca memahami dan menguasai teknik-teknik animasi menggunakan aplikasi tersebut. 36 Jam Belajar yang dimaksud adalah
bahwa pembahasan buku ini terdiri atas 18 Modul yang masingmasing modulnya dapat dipelajari selama 2 jam.
vii

Ucapan terima kasih penulis sampaikan kepada rekan-rekan yang


telah membantu penulis, terutama rekan kerja di PPTI UKSW
Salatiga yang telah mendukung penulis untuk berkembang melalui
interaksinya, terima kasih buat Eni dan Nanda sebagai sumber
inspirasi, dan tidak lupa terima kasih penulis ucapkan kepada
pihak Elex Media Komputindo yang telah memberikan approval
atas diterbitkannya karya ini.

Akhir kata, semoga karya kecil ini dapat memberi manfaat bagi
yang menggunakannya.

Salatiga, September 2006


Penulis

viii

DAFTAR ISI

Prakata ........................................................................................ vii


Daftar Isi....................................................................................... ix
MODUL 1
1.1
1.2
1.3
1.4

Apa yang Dapat Dibuat dengan Flash? ...............................2


Fitur Macromedia Flash 8 ..................................................4
Proses Instalasi .................................................................6
Menjalankan Program Aplikasi ...........................................9

MODUL 2
2.1
2.2
2.3
2.4

LINGKUNGAN KERJA MACROMEDIA


FLASH 8........................................................ 13

Toolbox ......................................................................... 15
Stage ............................................................................ 16
TimeLine ........................................................................ 18
Panel Windows .............................................................. 21

MODUL 3
3.1
3.2
3.3
3.4
3.5

PENGENALAN DAN INSTALASI MACROMEDIA


FLASH 8.......................................................... 1

MEMBUAT DAN MENGATUR DOKUMEN


BARU ............................................................ 25

Mengatur Properti Dokumen ............................................. 26


Menambahkan Gambar pada Stage ................................. 29
Menambahkan Video pada Stage..................................... 33
Menambah Layer............................................................ 37
Latihan .......................................................................... 40
ix

MODUL 4
4.1
4.2
4.3
4.4
4.5
4.6
4.7

Menggambar Poligon...................................................... 41
Menggambar Line........................................................... 44
Menggambar Garis Bebas ............................................... 47
Menggambar Kurva dengan Pen Tool................................ 48
Menggunakan Brush Tool ................................................ 50
Menghapus dengan Eraser Tool........................................ 54
Latihan .......................................................................... 55

MODUL 5
5.1
5.2
5.3
5.4
5.5
5.6

DASAR-DASAR DRAWING
(MENGGAMBAR OBJEK)................................ 41

BEKERJA DENGAN WARNA


(STROKE AND FILL)........................................ 57

Tentang Color Mixer ....................................................... 57


Mengatur Stroke dan Fill.................................................. 59
Paint Bucket Tool ............................................................ 62
Ink Bottle Tool................................................................. 65
Eye Dropper Tool............................................................ 66
Latihan .......................................................................... 67

MODUL 6

MODIFIKASI DAN TRANSFORMASI OBJEK ..... 69

MODUL 7

BEKERJA DENGAN TEKS ................................ 85

6.1
6.2
6.3
6.4
6.5
6.6
6.7
6.8
7.1
7.2
7.3
7.4

Distortion ....................................................................... 71
Envelope ....................................................................... 73
Scale ............................................................................ 75
Rotate and Skew............................................................. 76
Arrange......................................................................... 77
Align............................................................................. 79
Grouping Objek ............................................................. 82
Latihan .......................................................................... 84
Membuat Teks ................................................................ 85
Mengatur Properti Teks .................................................... 87
Modifikasi Teks .............................................................. 90
Latihan .......................................................................... 94

MODUL 8

BEKERJA DENGAN SYMBOL .......................... 95

MODUL 9

BEKERJA DENGAN ARTWORK ..................... 113

8.1
8.2
8.3
8.4
8.5
8.6
9.1
9.2
9.3

Tentang Symbol.............................................................. 95
Simbol Graphic .............................................................. 98
Simbol Button ............................................................... 102
Simbol Movie Clip ........................................................ 108
Mengedit Symbol.......................................................... 110
Latihan ........................................................................ 111
Tentang Artwork ........................................................... 113
Bagaimana Melakukan Impor? ....................................... 115
Impor Video ................................................................. 119

MODUL 10 MEMBUAT ANIMASI SEDERHANA................ 125


10.1
10.2
10.3
10.4

Tentang Animasi........................................................... 125


Mempersiapkan Dokumen Animasi ................................. 126
Animasi Frame By Frame ............................................... 129
Latihan ........................................................................ 134

MODUL 11 TWEENING ANIMATION.............................. 137


11.1
11.2
11.3
11.4

Tentang Tweening Animation ......................................... 137


Pembuatan Animasi Motion Tween.................................. 138
Pembuatan Animasi Shape Tween................................... 145
Latihan ........................................................................ 149

MODUL 12 PENGEMBANGAN ANIMASI........................ 151


12.1
12.2
12.3
12.4

Guide Animation .......................................................... 151


Animasi Rotasi.............................................................. 155
Efek Color.................................................................... 158
Latihan ........................................................................ 162

MODUL 13 LEBIH LANJUT TENTANG PENGGUNAAN


LAYER ......................................................... 163
13.1 Layer pada Flash .......................................................... 164
13.2 Pemakaian Layer .......................................................... 165
xi

13.3 Latihan ........................................................................ 172


MODUL 14 BEKERJA DENGAN MASKING...................... 173
14.1
14.2
14.3
14.4

Melakukan Masking...................................................... 173


Mengedit Masking ........................................................ 178
Contoh Penerapan Masking: Slide Transition .................... 180
Latihan ........................................................................ 191

MODUL 15 PENGENALAN ACTIONS SCRIPT .................. 193


15.1
15.2
15.3
15.4

Tentang Action Script .................................................... 193


Actions Panel ............................................................... 194
Contoh Penggunaan Actions Script.................................. 200
Latihan ........................................................................ 206

MODUL 16 ACTIONS SCRIPT LANJUTAN ....................... 209


16.1
16.2
16.3
16.4
16.5
16.6

Tentang Variabel .......................................................... 209


Tentang Operator ......................................................... 212
Contoh Penerapan Variabel dan Operator ....................... 216
Struktur Pemrograman: Logika ........................................ 219
Struktur Perulangan ....................................................... 223
Latihan ........................................................................ 226

MODUL 17 CONTOH APLIKASI SEDERHANA ................. 227


17.1 Membuat Aplikasi Perhitungan Matematika ...................... 227
17.2 Membuat Halaman Presentasi ........................................ 232
17.3 Latihan ........................................................................ 244

MODUL 18 PUBLISH DOKUMEN .................................... 247


18.1 Perintah Publish ............................................................ 247
18.2 Perintah Export ............................................................. 254
18.3 Optimalisasi Movie ....................................................... 257

DAFTAR PUSTAKA.......................................................... 259


xii

Modul 1

Pengenalan dan Instalasi


Macromedia Flash 8
Pokok Bahasan:

9 Mengenal Macromedia Flash 8


Apa yang Dapat Dilakukan dengan Macromedia Flash?
9 Fitur Macromedia Flash 8
9 Proses Instalasi Program

Macromedia Flash merupakan aplikasi yang digunakan untuk


melakukan desain dan membangun perangkat presentasi, publikasi, atau aplikasi lainnya yang membutuhkan ketersediaan sarana interaksi dengan penggunanya. Proyek yang dibangun dengan
Flash bisa terdiri atas teks, gambar, animasi sederhana, video,
atau efek-efek khusus lainnya.

Gambar 1.1. Logo Flash Professional 8

Aplikasi ini diproduksi oleh Macromedia Corporation, sebuah perusahaan pengembang perangkat lunak dalam bidang animasi,
pengembangan sistem web dan multimedia. Flash dikembangkan
1

sejak tahun 1996, dan pada walnya hanyalah merupakan program


animasi sederhana GIF Animation, tetapi sekarang sudah berkembang menjadi apkilasi raksasa yang digunakan oleh hampir semua
orang yang menekuni bidang desain dan animasi berbasis komputer.
Sampai saat ini, Macromedia Flah telah dikembangkan dalam
beberapa versi. Setelah sampai pada versi Flash 6, muncul
teknologi Flash 7 yang dikenal dengan nama Macromedia MX dan
yang terakhir sampai saat penulisan buku ini adalah Flash versi 8
atau dikenal dengan Macromedia Flash Professional 8.

Macromedia Flash merupakan aplikasi interaktif dengan berbagai


kelebihan. Beberapa faktor yang mendukung kepopuleran Flash
sebagai sebuah aplikasi untuk keperluan desain dan animasi
antara lain adalah memiliki format grafis berbasis vektor, kapasitas
file hasil yang kecil, memiliki kemampuan tinggi dalam mengatur
interaktivitas program, memiliki kelengkapan fasilitas dalam melakukan desain, dan sebagainya.

1.1 Apa yang Dapat Dibuat dengan Flash?

Dengan aplikasi Macromedia Flash, Anda bisa membuat berbagai


jenis aplikasi seperti:
x

Animasi. Aplikasi yang menggunakan animasi tersebut misalnya banner, kartu ucapan online, kartun, iklan, dan sebagainya. Macromedia Flash menyediakan berbagai elemen animasi yang cukup lengkap.
Games. Beberapa game, terutama yang berbasis dua dimensi
banyak yang dibangun dengan aplikasi ini. Game menggabungkan kemampuan animasi pada flash dengan bahasa
skripting yang dimilikinya yang dikenal dengan ActionScript.
User Interface. Aplikasi user interface yang biasa dibangun
menggunakan Macromedia Flash adalah aplikasi-aplikasi
berbasis web. Interface tersebut biasanya dilengkapi dengan
kotak-kotak navigasi sederhana sampai pada antarmuka yang
lain yang lebih kompleks.

Gambar 1.2. Contoh Aplikasi Photo Album By Flash

Aplikasi FMA (Flexible Messaging Area). FMA merupakan


area pada web page yang dirancang untuk menampilkan
pesan tertentu yang bisa berubah setiap waktu. Sebagai
contoh, FMA pada website restaurant, mungkin akan menampilkan menu spesial harian yang bisa berubah dari waktu ke
waktu.

Gambar 1.3. Contoh Aplikasi Practice Quiz By Flash

Reach Internet Application (RIA). RIA merupakan aplikasi


internet yang membutuhkan tingkat manipulasi dan transfer
data yang tinggi. Beberapa aplikasi RIA yang didukung Macromedia Flash antara lain katalog belanja, test online, kalender,
inventory online, sistem informasi akademik, dan sebagainya.

1.2 Fitur Macromedia Flash 8

Secara umum, penggunaan Macromedia Flash menyediakan berbagai kemudahan dalam pembuatan desain perangkat publikasi.
Beberapa kelebihan yang dimiliki aplikasi ini adalah dalam hal
produktivitas, ketersediaan media pendukung, dan kemampuan
improvisasi.
1. Meningkatkan Produktivitas.

Beberapa fitur yang mendukung produktivitas pada aplikasi ini


antara lain:
x

Timeline effects. Anda dapat menerapkan timeline effects


pada semua objek dengan cepat, baik untuk penggunaan
transisi maupun animasi seperti fade-ins, fly-ins, blurs,
dan spins.

Behaviors. Dengan behaviors, Anda dapat menambahkan


interaktivitas ke dalam setiap isi Flash, tanpa harus menuliskan baris-baris kode (skrip). Sebagai contoh, Anda bisa
menggunakan behavior untuk melakukan link website,
loading sound dan grafik, kontrol playback video, playing
movie, dan sebagainya.

Mendukung Aksesibilitas. Dukungan aksesibilitas yang


disediakan, misalnya dengan adanya keyboard shortcuts
untuk melakukan navigasi, kontrol interface, serta beberapa pekerjaan dengan elemen interface tanpa menggunakan mouse.
Template yang selalu Updated. Flash menyediakan
templates yang selalu updated untuk membuat presentasi,
aplikasi e-learning, advertising, aplikasi mobile device,
dan lain sebagainya.

Integrated Help system. Macromedia Flash menyediakan


panel bantuan yang terintegrasi dengan referensi context,
ActionScript, dan teknik-teknik belajar di lingkungan
Flash.
Spell checker. Macromedia Flash juga menyediakan fasilitas spell checker seperti yang dimiliki beberapa aplikasi
pengolah kata untuk mencari teks-teks yang memiliki
kesalahan dalam spelling bahasanya.

Find and Replace. Fasilitas Find and Replace digunakan


untuk mencari dan atau mengganti text, jenis huruf, warna, symbol, file suara, file video, atau file bitmap lainnya.

2. Support Media Presentasi lainnya.

Macromedia Flash menyediakan media-media yang mendukung kualitas presentasi seperti:


x

High-fidelity import. Dengan high-fidelity import, Macromedia Flash dapat melakukan impor file dari aplikasiaplikasi lain seperti Adobe PDF dan Adobe Illustrator yang
menyediakan representasi gambar-gambar representasi
vector yang cukup akurat.
Video Import wizard. Dengan video import wizard maka
Anda akan dapat melakukan encode video dan sekaligus
mempermudah melakukan clip editing.

3. Improvement.
x
x

Performa Flash Player pada Flash versi 8 ini telah sangat


meningkat. Demikian juga dengan ActionScript yang dimilikinya telah mematuhi standar ECMA.

ActionScript dimulai dari versi 2.0 merupakan bahasa


pemrograman yang telah berorientasi objek (objectoriented language) yang mendukung sifat-sifat inheritance, strong typing, dan event model. Hal ini akan mempermudah improvisasi yang bisa dilakukan untuk meningkatkan interaktivitas desain flash.

Adanya History panel dapat melakukan tracking aktivitas


(action) yang dilakukan sehingga dapat melakukan pemakaian kembali perintah-perintah sebelumnya.

1.3 Proses Instalasi

Sebelum menjalankan aplikasi Macromeda Flash 8, terlebih dahulu


harus dilakukan proses instalasi. Proses instalasi berarti memasang software ke dalam sistem komputer kita, agar bisa dijalankan
setiap waktu. Untuk melakukan instalasi program, Anda harus
memiliki CD Master Macromedia Flash 8. CD master aplikasi
merupakan CD sarana instalasi program ke dalam komputer kita.
Jika CD master instalasi telah disiapkan, masukkan CD tersebut
ke dalam CD ROM dan lakukan browsing menggunakan Windows
Explorer. Untuk lebih detailnya, lakukan langkah-langkah sebagai
berikut.
1. Cari file Setup.exe dalam CD Macromedia Flash 8, kemudian
klik ganda file tersebut sehingga muncul gambar berikut.

Gambar 1.4. Setup Awal Macromedia Flash 8

2. Klik Next untuk melanjutkan proses instalasi. Akan muncul


License Agreement seperti di bawah.

Gambar 1.5. License Agreement

3. License Agreement berisi tentang aturan-aturan lisensi yang


harus disepakati oleh pengguna aplikasi ini. Jika Anda setuju
dengan aturan lisensi tersebut, pilih opsi I Accept... dan klik
Next.

Gambar 1.6. Readme Information

4. Isikan folder tujuan instalasi sesuai keinginan, kemudian tekan


tombol Next.
7

Gambar 1.7. Destination Folder

5. Setelah muncul kotak Ready to Install klik Next untuk melanjutkan proses.

Gambar 1.8. Installation Process

6. Proses instalasi akan berjalan dan tunggu sampai kotak


indikator menunjukkan proses sampai dengan 100% yang menunjukkan bahwa proses instalasi telah selesai.

Gambar 1.9. Installation Process

1.4 Menjalankan Program Aplikasi

Jika program Macromedia Flash 8 sudah diinstal dalam komputer


Anda, selanjutnya program tersebut dapat diaktifkan menggunakan Start Menu Program sebagai berikut.
1. Klik menu Start -> Programs -> Macromedia.

2. Dari daftar pilihan yang muncul, pilih Macromedia Flash 8.

Gambar 1.10. Start Menu Program Macromedia Flash 8

3. Atau dengan cara lain, Anda bisa melakukan klik ganda pada
ikon Macromedia Flash yang muncul pada tampilan desktop
komputer Anda.

Ikon aplikasi
Macromedia
Flash 8

Gambar 1.11. Ikon Flash 8

4. Setelah klik ganda ikon Macromedia Flash, selanjutnya akan


muncul tampilan gambar seperti berikut.

Gambar 1.12. Menu Pembuka SPSS

10

5. Secara umum tampilan yang muncul pertama kali pada


aplikasi Flash seperti pada gambar di atas, menunjukkan tiga
kelompok menu yang bisa dipilih, yaitu Open Recent Item,
Create New, dan Create from template seperti berikut.
x

Open Recent Item

Create New

Menu tersebut digunakan untuk membuka


proyek-proyek yang pernah dibuat sebelumnya.

Bagian Create New digunakan untuk membuat proyek


baru dengan Macromedia Flash. Opsi Create New tersebut
memiliki beberapa pilihan, antara lain Flash Document,
Flash Slide Presentation, Flash Form Application, dan
sebagainya.
9
9
9
9

kembali

Flash Document, digunakan jika Anda akan membuat


dokumen Flash Movie.
Flash Slide Presentation, digunakan jika Anda akan
membuat media presentasi.

Flash Form Application, digunakan untuk membuat


form aplikasi seperti pendaftaran, form input data, dan
sebagainya.

Action Script File, digunakan untuk membuat


program sebagai sarana interaktivitas objek-objek
pada Flash.

Create From Template

Digunakan untuk membuat desain baru, tetapi menggunakan bentuk yang sudah disediakan di dalam template.

6. Untuk masuk ke layar editor Flash, pilih Create New -> Flash
Document dan Anda akan masuk pada tampilan layar editor
Macromedia Flash 8 seperti pada gambar di bawah ini.

11

Gambar 1.13. Tampilan Utama Flash

7. Jika layar monitor sudah menunjukkan tampilan seperti di


atas, maka proses instalasi program telah berhasil dilakukan.

12