Ari Fadli - Animasi Dengan 8

Itshareunimal.
com Copyright ©2010
Animasi dengan
Flash 8
Ari Fadli
ari_larsson21@yahoo.com
Lisensi Dokumen:
Copyright © 2010 Itshareunimal.Com
Seluruh dokumen di Itshareunimal.Com dapat digunakan, dimodifikasi dan disebarkan
secara bebas untuk tujuan bukan komersial (nonprofit), dengan tidak menghapus atau
merubah atribut penulis dan pernyataan . Itshareunimal.com adalah situs milik Kelompok
Belajar informatika Unimal Provinsi Aceh
Flash merupakan software yang mampu menghasilkan file animasi dengan

ukuran kecil. Hal ini terjadi karena Flash merupakan program animasi vektor,
maksudnya dibuat dari sejumlah bentuk yang tersusun atas gambar dan warna. Selain
lebih ekonomis ukuran file-nya, vektor mudah dibentuk dan digerakkan serta dapat
ditampilkan bahkan dicetak dalam ukuran apapun.
Selain gambar dengan format vektor, Flash juga mampu menggabungkan teks,
gambar bitmap, suara serta elemen interaktif ke dalam movie.
Flash memiliki kemampuan untuk menyederhanakan proses animasi melalui
penggunaan frame kunci dan tweening. Maksudnya cukup dengan membuat titik awal
dan akhir animasi, dan Flash akan mengerjakan tween di antaranya.
Pada tutorial ini saya menggunakan Flash 8. Flash 8 merupakan keluarga dari
macromedia yang dipakai untuk pembuatan animasi.
Animasi dengan Flash 8

Ari Fadli
Itshareunimal.com Copyright ©2010
Kata Pengantar
Puji syukur kepada Allah SWT, atas nikmat yang tlah Diberikan. Shalawat dan
salam kepada pengubah wajah dunia, Nabi Muhammad SAW beserta keluarga dan
sahabatNya.
Terimakasih kepada keluargaku, teman-teman, serta kepada semua pihak yang telah
ikut membantu menyelesaikan tutorial ini.
Sangat banyak kekurangan dalam tutorial ini, oleh karena itu kritik dan saran sangat
diharapkan.
“Ada tiga amalan yang pahalanya akan terus mengalir, meskipun ia telah meninggal,
sedekah jariah, ilmu yang bermanfaat, dan anak yang shaleh”.
Berdasarkan hadits itu, harapan saya semoga tutorial ini termasuk kedalam kategori
ilmu yang bermanfaat.
Lhokseumawe, 01 April 2010
Ari Fadli

Ari Fadli
KOMPONEN-KOMPONEN PADA FLASH 8
Film kartun yang sering kita tonton di televisi adalah film kartun yang proses
pembuatannya menggunakan sebuah software komputer. Salah satu software tersebut
adalah Flash. Kegunaan flash selain untuk membuat sebuah presentasi, aplikasi ini juga
digunakan untuk membuat sebuah animasi.
Sebelum kita masuk ke contoh pembuatan sebuah animasi sederhana, ada baiknya
kita mengenal terlebih dahulu (interface) tool-tool yang ada pada macromedia flash 8.
Timeline Color windows
Tools box
Stage (lembar kerja)
library
Properties
Gambar window macromedia flash 8

Ari Fadli
1. Tools box : terletak pada bagian kiri tampilan window macromedia flash 8.
Tools yang digunakan untuk menggambar:
Selection tool Subselect tool
Free transform tool Fill transform tool
Line tool Lasso tool
Pen tool Text tool
Oval tool rectangel tool
Pencil tool brush tool
Ink bottle tool paint bucket tool
Dropper tool eraser tool
Fungsi dari tools diatas yaitu :

Selection tool : untuk memilih dan memindahkan objek
Free transform tool : untuk mentransformasikan objek secara bebas
Line tool : untuk membuat garis
Pen tool : untuk menggambar objek, menambah atau mengurangi titik-titik garis
pada gambar
Oval tool : untuk membuat lingkaran
Pencil tool : untuk menggambar secara teratur
Ink bottle tool : untuk mewarnai atau menambah warna outline sebuah objek
Dropper tool : untuk mengambil warna suatu bidang gambar lain
Subselect tool : untuk memodifikasi titik-titik pada gambar
Fill transform tool : mentransformasi suatu fill objek
Lasso tool : digunakan untuk memilh bagian suatu objek secara tidak teratur
Text tool : untuk menambahkan tulisan
rectangel tool : untuk membuat kotak

Ari Fadli
brush tool : untuk menggambar suatu objek dengan metode kuas
paint bucket tool : untuk mengidentifikasi warna suatu objek
eraser tool : untuk menghapus gambar
Tools untuk mewarnai:
Stroke color
Fill color No color
Black and white Swap color
No color
Fungsinya :
Stroke color : untuk memilih warna yang akan digunakan untuk mewarnai bagian
pinggir/tepi suatu objek
Fill color : untuk memilih warna yang akan digunakan untuk mewarnai bagian dalam
suatu objek
Black and white : untuk mengotomatiskan pilihan warna black and white, black
untuk stroke color dan white untuk fill color
No color : untuk menonaktifkan warna pada fill color, objek yang dihasilkan akan
transparan.
Swap color : menukarkan stroke color menjadi fill color, atau sebaliknya.
2. Timeline : Tempat dimana kita mengatur dan mengendalikan movie yang kita buat

Ari Fadli
3. Properties : untuk mengatur property sebuah proyek yang dikerjakan
4. Colors window: untuk mengatur warna
Color mixer
Color swatches
5. Library : untuk menampung bahan-bahan bawaan dari flash, dan juga bahan-bahan
dari luar aplikasi flash (di import).
Cara mengimport ke library:

Klik menu file, import, import to
library, kemudian ambil file yang
ingin diimport, apakah berupa
gambar, suara, atau yang lainnya,
lalu klik open.

Ari Fadli
6. Stage : tempat dimana kita bekerja dalam membuat animasi.
MENGGAMBAR PADA FLASH 8

Ada beberapa tool pada flash yang dapat digunakan untuk menggambar suatu
objek. Pencil tool, pen tool, line tool, brush tool, serta oval dan rectangle tool.
Berikut ini kita akan mencoba menggambar sebuah objek sederhana. Kita coba
membuat sebuah gambar keju. Ikuti langkah-langkah dibawah ini:
Membuka aplikasi flash
1. Klik start, all program, macromedia, macromedia flash 8
2. Kemudian pada pilihan awal kita disuruh memilih bentuk document yang akan kita
buat, pilih pada create new, flash document.
Membuat segitiga dengan line tool

1. Dalam animasi kartun, keju pada dasarnya sering dibuat dalam bentuk prisma, maka
kita awali dengan membuat sebuah segitiga. Gunakan line tool, hubungkan sehingga
menjadi seperti ini.

Ari Fadli
Membuat objek lingkaran dengan oval tool

1. Kemudian menggunakan oval tool, berikan beberapa buah oval pada bagian dalam
segitiga.
2. Tekan SHIFT pada keyboard ketika melakukan drag pada saat membuat objek oval,
agar bentuk lingkaran itu rapi.
Memberi warna menggunakan paint bucket tool

1. Pilih paint bucket tool pada tool box, kemudian Pilih warna kuning untuk
mewarnai bagian dalam segitiga.
Ketikkan #FFFF00
disini, atau…. Klik dibagian sini, maka
daerah ini berubah
menjadi kuning
Atau langsung
pilih ini
Kemudian pilih warna oranye, untuk mewarna bagian dalam lingkaran.

Ari Fadli
Ketikkan #FFCC00
disini, atau…. Warnai bagian dalam
oval
Atau pilih langsung

warna ini
Menyeleksi bagian gambar

1. Pilih selection tool pada tool box, lalu drag/blok bagian segitiga tersebut, atau
bisa dengan menekat CTRL+A.
Objek sesudah di
seleksi
Mengubah ukuran menggunakan free transform tool

1. Masih dalam keadaan terseleksi, pilih free transform tool
2. Tarik keatas pada point tersebut (yang ditunjuk gambar), caranya dengan
mendekatkan kursor pada point tersebut, ketika kursor berubah menjadi tanda panah
seperti ini ( ), tarik ke atas sehingga objek akan berubah ukuran.
Hasilnya seperti ini
Point ini yang dimaksud,

tarik keatas
Ari Fadli
Menggandakan garis
1. Klik selection tool, kemudian seleksi kedua garis miring pada segitiga tersebut,
caranya pada tekan SHIFT + klik pada dua garis tersebut.
Seleksi dua garis miring

tersebut
2. Sesudah terseleksi, gandakan kedua garis tersebut ke bawah, caranya tekan

SHIFT+ALT+geser ke bawah.
Menghubungkan objek dengan line tool

1. Hubungkan garis baru tadi dengan objek sebelumnya menggunakan line tool,
sehingga jadinya seperti ini:
2. Kemudian berikan objek lingkaran pada sisi yang baru, dan berikan warna seperti
pada langkah yang telah kita lakukan sebelumnya, hasil akhirnya seperti berikut:

Ari Fadli
MEMBUAT ANIMASI SEDERHANA

Pada prinsipnya animasi dibuat dengan menggunakan berbagai gambar terpisah.
Sementara gerakan (motion) pada dasarnya adalah kumpulan dari gambar diam yang
diurutkan sehingga menyerupai obyek yang bergerak. Seperti halnya pada TV atau film,
sebenarnya layar berkedip dengan kecepatan tertentu dan menampilkan tiap-tiap gambar.
Karena kecepatannya yang sangat tinggi, maka seluruh gambar tergabung membentuk
sebuah aliran adegan yang panjang.
Ada dua metode yang digunakan dalam membuat sebuah animasi, metode frame by
frame dan metode tweening. Agar lebih mudah dimengerti, kita langsung praktikkan saja.
a. Animasi dengan metode frame by frame.

Metode ini adalah metode pembuatan animasi dengan memanfaatkan frame yang
ada pada timeline. Pada metode ini kita harus membuat gambar-gambar yang berbeda
pada setiap frame, perbedaan gambar itu akan dijalankan dan hasilnya akan terlihat
sebuah animasi.
Langsung saja ke contohnya, ikuti langkah-langkah berikut ini:
1. Kita gunakan objek keju yang telah kita buat tadi. Kita akan menganimasikan objek
keju tersebut.

Ari Fadli
2. Kemudian insert keyframe pada frame 2, lalu hapus bagian keju seperti ini:
Hapus bagian ini

menggunakan eraser
tool
3. Kemudian insert keyframe lagi di frame 3 dan hapus lagi bagian keju seperti ini:
Setelah itu
Insert keyframe di frame 4,

lalu hapus bagian keju seperti
ini

ini

ini

ini

Ari Fadli

ini

ini

ini

ini

ini

ini

ini

ini

lalu hapus semua bagian keju

Ari Fadli
Setelah selesai, jalankan animasi tersebut dengan cara pilih menu control, test movie
atau langsung saja dengan menekan CTRL+Enter.
b. Animasi dengan metode motion tween

Bila metode frame by frame mengharuskan kita untuk menggambar setiap
perubahan gambar pada tiap frame, beda halnya dengan metode ini, kita hanya perlu
membuat gambar awal dan gambar akhir. namun pilihan penggunaan metode itu
tergantung pada model animasi yang kita buat.
Langsung saja kita praktikkan, ikuti langkah-langkah berikut ini:
1. Buka sebuah flash dokumen, lalu pada properties ubah background menjadi biru
muda.
Pilih warna ini

untuk background

Ari Fadli
2. Kita butuh 2 layer. Satu layer bernama bola, dan satunya lagi bernama rumput.
Klik pada layer bola dan mulailah membuat sebuah bola.
3. Kemudian klik pada layer rumput, dan buatlah sebuah kotak berwarna hijau muda,
seolah-olah itu rumput. Kira-kira seperti ini:

Ari Fadli
4. Tambahkan sedikit rumput liar(gunakan line tool), agar tampak realistis.
5. Selanjutnya kita animasikan bola tersebut. Pertama-tama kita pindahkan dulu

posisinya ke ujung kiri, caranya klik pada layer bola, kemudian insert keyframe pada
frame ke 30. Begitu juga dengan layer rumput, lakukan hal yang sama, insert
keyframe pada frame 30.
Klik kanan disini, lalu pilih

insert keyframe.

Ari Fadli
6. Kemudian klik pada frame 30 pada layer bola, lalu geser posisi bola ke ujung kanan.
Geser ke sini
7. Selanjutnya kembali ke frame 1 layer bola, klik kanan dan pilih create motion
tween.
Akan ada tanda

panah pada
sepanjang frame
8. Coba tekan CTRL+Enter untuk melihat hasil sementara, maka akan terlihat bola
berpindah dari kiri ke kanan. Namun agar lebih bagus kita akan membuat bola itu
berputar, caranya klik pada frame 1 kemudian buka properties lalu ubah auto
menjadi CW.

Ari Fadli
Ubah auto
menjadi CW
9. Hasilnya bisa dilihat sendiri dengan menekan CTRL+Enter, maka akan terlihat bola
tersebut berguling dari kiri ke kanan.

Ari Fadli
c. Animasi dengan metode shape tween.

Metode ini adalah metode pengubahan suatu objek shape ke objek shape lainnya
dalam satu layer. Langsung saja ke contohnya agar lebih mudah dimengerti
1. Pada layer 1 kita buat sebuah objek piring, setelah objek piring selesai dibuat klik
pada frame 30 lalu klik kanan dan pilih insert keyframe.
Klik kanan disini, pilih

insert keyframe
2. Kemudian tekan delete pada keyboard, sehingga piring tersebut terhapus. Langkah
selanjutnya kita akan membuat objek piring terbang pada frame piring yang kita
hapus tadi. Kita gambarkan piring terbang itu pada posisi agak ke atas.
Pada frame 1
Pada frame 30
Letak Objek piring

terbang yang akan kita
buat
Letak Objek piring

pada frame 1
Ari Fadli
3. Buatlah objek piring terbang seperti yang saya buat di bawah ini. Ingat! Posisi frame
tetap pada frame 30.
Dua buah oval,
menggunakan oval tool
Tambahkan sebuah
lingkaran pada
tengahnya, menggunakan
oval tool juga.
Hapus bagian tersbut,

seleksi dahulu dengan
selection tool dan tekan
delete pada keyboard
Beri warna seperti ini,

dianjurkan untuk
member warna yang
sama dengan objek piring
tadi.

Ari Fadli
4. Sekarang kita animasikan kedua objek tersebut
Klik pada frame 15, pada

layer.
Pada tween, ubah

menjadi shape.
5. Hasilnya pada frame 15 objek piring sudah mengalami perubahan menjadi piring
terbang, namun belum sempurna. Untuk melihat hasilnya, pada menu control pilih
test movie, atau tekan CTRL+enter. Akan terlihat perubahan piring menjadi piring
terbang.

Ari Fadli
Untuk menghasilkan animasi yang bagus, buatlah gambar dengan memisahkan
setiap bagian gambar ke dalam layer masing-masing. Misalnya, dalam membuat objek
manusia. Kita perlu membuatnya dalam keadaan terpisah, gambar kepala dibuat pada
layer 1, badan pada layer 2, tangan kanan pada layer 3, dan seterusnya. Itu akan
memudahkan kita dalam mengatur pergerakan animasi yang nantinya akan kita buat.
Demikianlah tutorial tentang flash 8 ini saya buat, semoga bermanfaat.
Tentang Penulis:
Ari Fadli. berawal dari kegemaran mencoret-coret dibuku, meja, dinding, juga tanah,
pernah terpikir waktu kecil tentang bagaimana pembuatan sebuah animasi. Hingga pada
akhirnya aku mengenal komputer dan mulai belajar animasi lewat fitur animasi dengan
format GIF pada software photoshop. Hingga kini aku masih belajar tentang semua yang
berbau animasi.
Ari Fadli

Ari Fadli - Animasi Dengan 8

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Ari Fadli - Animasi Dengan 8

Diunggah oleh

Hak Cipta:

Format Tersedia

Itshareunimal.

com Copyright ©2010

Flash merupakan software yang mampu menghasilkan file animasi dengan

Animasi dengan Flash 8

Lhokseumawe, 01 April 2010

Animasi dengan Flash 8

KOMPONEN-KOMPONEN PADA FLASH 8

pembuatannya menggunakan sebuah software komputer. Salah satu software tersebut

digunakan untuk membuat sebuah animasi.

Timeline Color windows

Gambar window macromedia flash 8

Animasi dengan Flash 8

Tools yang digunakan untuk menggambar:

Selection tool Subselect tool

Free transform tool Fill transform tool

Line tool Lasso tool

Pen tool Text tool

Oval tool rectangel tool

Pencil tool brush tool

Ink bottle tool paint bucket tool

Dropper tool eraser tool

Fungsi dari tools diatas yaitu :

Free transform tool : untuk mentransformasikan objek secara bebas

Line tool : untuk membuat garis

Oval tool : untuk membuat lingkaran

Pencil tool : untuk menggambar secara teratur

Dropper tool : untuk mengambil warna suatu bidang gambar lain

Subselect tool : untuk memodifikasi titik-titik pada gambar

Fill transform tool : mentransformasi suatu fill objek

Text tool : untuk menambahkan tulisan

rectangel tool : untuk membuat kotak

Animasi dengan Flash 8

brush tool : untuk menggambar suatu objek dengan metode kuas

paint bucket tool : untuk mengidentifikasi warna suatu objek

eraser tool : untuk menghapus gambar

Tools untuk mewarnai:

Fill color No color

Black and white Swap color

Animasi dengan Flash 8

3. Properties : untuk mengatur property sebuah proyek yang dikerjakan

4. Colors window: untuk mengatur warna

Cara mengimport ke library:

Animasi dengan Flash 8

6. Stage : tempat dimana kita bekerja dalam membuat animasi.

MENGGAMBAR PADA FLASH 8

Membuat segitiga dengan line tool

Animasi dengan Flash 8

Membuat objek lingkaran dengan oval tool

Memberi warna menggunakan paint bucket tool

Kemudian pilih warna oranye, untuk mewarna bagian dalam lingkaran.

Animasi dengan Flash 8

Atau pilih langsung

Menyeleksi bagian gambar

Mengubah ukuran menggunakan free transform tool

Hasilnya seperti ini

Point ini yang dimaksud,

Seleksi dua garis miring

2. Sesudah terseleksi, gandakan kedua garis tersebut ke bawah, caranya tekan

Menghubungkan objek dengan line tool

Animasi dengan Flash 8

MEMBUAT ANIMASI SEDERHANA

a. Animasi dengan metode frame by frame.

Animasi dengan Flash 8

Hapus bagian ini