ADOBE FLASH

Adobe Flash merupakan aplikasi berbasis vektor yang juga salah satu tool untuk membuat
animasi. Salah satu versi yang sering digunakan saat ini yaitu Adobe Flash CS6 dimana
didalamnya terdapat fitur-fitur dan tools yang dapat dimanfaatkan untuk membantu proses
menggambar objek animasi. Berikut merupakan tampilan lembar kerja (workspace) Adobe Flash
CS6:

Gambar 1. Tampilan lembar kerja (workspace) Adobe Flash CS 6

 Menu Bar: Berisikan menu atau perintah serta pengaturan dasar dalam menggunakan
Adobe Flash.
 Stage: Merupakan area atau tempat yang dapat kita gunakan untuk membuat animasi 2D.
 ToolBox: Berisikan tools yang dapat digunakan untuk membantu kita menggambar
animasi hingga menganimasikannya
 Control Panel: Berisikan segala pengaturan yang dapat kita ubah-ubah untuk
menyesuaikan animasi sesuai dengan apa yang kita butuhkan.
 Timeline: Bagian yang dapat digunakan untuk mengatur pergerakan animasi 2D dalam
waktu yang kita tentukan.

A. Menggambar Objek Animasi 2D Sederhana Menggunakan Adobe Flash

Pada panel toolbox terdapat berbagai tool yang dapat digunakan untuk membuat animasi di
Adobe Flash. Adapun tool-tool yang biasa digunakan untuk menggambar objek animasi 2D yaitu
Pen Tool, Line Tool, Pencil Tool, dan Brush Tool. Melalui tool-tool tersebut kita bisa membuat
berbagai bentuk objek animasi yang kita inginkan, namun didalam Adobe Flash juga terdapat tool-
tool yang dapat digunakan untuk menggambar bentuk-bentuk bangun datar seperti Rectangle Tool
untuk membuat objek persegi, Oval Tool untuk membuat objek lingkaran, dan Polystar Tool untuk
membuat objek poligon.

ADOBE FLASH BY RACHMA & ANDISA 1

 Gambar 2. Tool menggambar animasi 2D
Pengaplikasian tool untuk membuat bentuk (menggambar) objek animasi 2D sangatlah mudah.
Contoh langkah untuk mengaplikasikan tool bisa dilakukan dengan cara:
1. Salah satu tool yang dapat digunakan untuk membuat bentuk objek animasi 2D yaitu
Rectangle Tool . Klik tool.
2. Perhatikan pada Stage, klik dan tarik objek dari sisi kiri atas menuju sisi kanan bawah, maka
objek kotak akan terbentuk.

Gambar 3. Mengaplikasikan Rectangle Tool

B. Tool dan Toolbox

Gambar 4. Tool Adobe Flash Pro CS6

ADOBE FLASH BY RACHMA & ANDISA 2

Berikut adalah tool-tool yang ada di ToolBox pada Adobe flash Cs6 beserta fungsinya.
1. Subselection Tool(A) berfungsi untuk menyeleksi bagian objek
2. 3D Rotation Tool(W) berfungsi untuk melakukan rotasi 3D pada objek berdasarkan sumbu
X, Y dan Z
3. Text Tool(T) berfungsi untuk mengetik teks dan paragraf.
4. Rectangle Tool(R) berfungsi untuk menggambar objek kotak.
5. Brush Tool(B) berfungsi untuk menggambar dengan bentuk polesan kuas.
6. Paint Bucket Tool(K) berfungsi untuk memberi warna bidang objek.
7. Erasser Tool(E) berfungsi untuk menghapus bidang object.
8. Zoom Tool(M, Z) berfungsi untuk memperbesar atau memperkecil tampilan lembar kerja
atau stage.
9. Selection Tool(V) berfungsi untuk menyeleksi objek.
10. Free Transform Tool(Q) berfungsi untuk mengubah bentuk objek secara bebas
11. Lasso Tool(L) berfungsi untuk menyeleksi objek dengan pola seleksi bebas.
12. Pen Tool(P) berfungsi untuk menggambar objek.
13. Line Tool(N) berfungsi untuk menggambar objek garis lurus.
14. Pencil Tool(Y) berfungsi untuk menggambar dengan bentuk goresan pensil.
15. Deco Tool(U) berfungsi untuk menggambar corak dekorasi dengan menggunakan simbol
graphic.
16. Bone Tool(X) berfungsi untuk membuat animasi pertulangan dengan menambahkan titik
sendi pada object
17. Eyedropper Tool(I) berfungsi untuk mengambil sampel warna dari sebuah object.
18. Hand Tool(H) berfungsi untuk menggeser area lembar kerja atau stage.
19. Stroke Color berfungsi untuk menentukan warna garis.
20. Fill Color berfungsi untuk menentukan warna bidang object.
21. Black and White berfungsi untuk mengubah warna garis dan bidang menjadi hitam dan
putih.
22. Snap to Object berfungsi untuk mengaktifkan atau mematikan fungsi Snap to Object

C. Mewarnai Objek Animasi

Salah satu hal yang menjadi sangat penting dalam proses pembuatan animasi yaitu proses
pewarnaan. Sebelum mewarnai suatu objek animasi, kita perlu mengetahui pembagian warna
dalam objek animasi. Perlu diketahui bahwa warna didalam objek animasi 2D yang dibuat didalam
Adobe Flash memiliki 2 bagian yaitu Fill dan Stroke. Warna Fill merupakan warna yang terdapat
didalam bagian dalam objek sedangkan warna Stroke merupakan warna yang terdapat dibagian
luar objek.

ADOBE FLASH BY RACHMA & ANDISA 3

 Gambar 5. Warna Fill dan Stroke
Pada Adobe Flash proses pewarnaan objek animasi dapat dilakukan dengan menggunakan
tool Stroke Color dan Fill Color yang terdapat pada toolbar atau bisa juga dilakukan dengan
menggunakan Color Panel dan Swatches.

Gambar 6. Panel color dan swatches

Melalui panel ini kita bisa memilih beberapa tipe warna yang akan kita gunakan pada objek
animasi yang telah kita buat, selain itu kita juga bisa membuat gradasi warna dari kombinasi warna
yang terdapat pada Adobe Flash ini. Tipe-tipe warna tersebut antara lain:

Gambar 7. Tipe-tipe warna dalam Adobe Flash

 None : Tidak adanya warna pada objek.
 Solid Color : Memberikan 1 warna.
 Linear Gradient : Gradasi warna dengan tampilan linier atau sejajar.
 Radial Gradient : Gradasi warna dengan tampilan melingkar.
 Bitmap Fill : Memberikan warna sesuai dengan tampilan objek yang telah dipilih.

D. Menggerakkan Objek Animasi 2D

Sebagai salah satu aplikasi yang dapat digunakan sebagai alat untuk mengembangkan sebuah
animasi, didalam Adobe Flash dilengkapi dengan fitur-fitur untuk memudahkan proses pembuatan
animasi.
1. Mengenal Frame dan Keyframe
Istilah frame tentu sudah tidak asing lagi dalam dunia animasi. Biasanya kita mendengar
istilah frame sebagai jumlah gerakan yang dimiliki oleh animasi dalam satuan waktu (detik) atau
frame per-second (fps).

ADOBE FLASH BY RACHMA & ANDISA 4

 Gambar 8. Perbedaan frame, keyframe, dan blank keyframe
a. Frame
Frame merupakan satuan terkecil dalam animasi yang tidak dapat berdiri sendiri. Hal tersebut
dapat terlihat pada penggunaan frame yaitu ketika kita mengubah salah satu objek pada frame akan
berpengaruh kepada objek pada frame lainnya. Frame diumpamakan seperti kertas hvs
yang telah digambar, dan contoh apabila framenya kita perpanjang sebanyak 5
frame, maka diumpamakan seperti 5 kertas hvs dengan gambar yang sama.
Apabila kita merubah gambar salah satu frame, maka frame yang lain akan mengikuti perubahan
gambar tersebut, karena frame tidak dapat berdiri sendiri.
b. Keyframe
Keyframe adalah frame kunci yang dapat berdiri sendiri. Pada animasi tween, membuat
keyframe hanya pada titik yang penting di dalam Timeline. Keyframe ditandai oleh titik di dalam
frame. Keyframe yang tidak berisi gambar di dalam layer ditandai oleh titik kosong. Keyframe
dapat dibentuk dari frame yang sudah berisikan objek maupun keyframe baru kosong yang
selanjutnya disebut dengan Blank Keyframe.
c. Blank Keyframe
BlankKeyframe artinya kita mempersiapkan frame kosong untuk diisi objek baru, dan apabila
kita menggambar objek, blank keyframe tersebut sudah berisi objek. Blank keyframe
dilambangkan dengan titik bulat putih pada frame.

ADOBE FLASH BY RACHMA & ANDISA 5