Dasar dasar animasi flash

1. DASAR-DASAR PEMBUATAN ANIMASI
DENGAN FLASH
• Apa itu Adobe Flash?
• Pengenalan komponen-komponen flash
• Dasar-dasar menggambar objek
• Dasar-dasar pewarnaan objek
• Metode pembuatan animasi.

2. Tim Bubadibako
-MUHAMMAD FAHREZA - IMAM RAYHAN ARRAFI - MUHAMMAD KHOIRI
M. Rizky Apriansyah

3. APA ITU ADOBE FLASH?
Adobe Flash (dahulu bernama Macromedia Flash) adalah salah satu
perangkat lunak komputer yang merupakan produk unggulan Adobe Systems.
Adobe Flash digunakan untuk membuat gambar vektor maupun animasi
gambar tersebut. Sebelum tahun 2005, Flash dirilis oleh Macromedia. Flash 1.0
diluncurkan pada tahun 1996 setelah Macromedia membeli program animasi
vektor bernama FutureSplash. 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 Profesional CS6 adalah perangkat lunak yang powerfull
untuk menciptakan animasi dan konten multimedia, selain itu bisa juga
digunakan untuk membuat film animasi dan aplikasi karena dilengkapi dengan
coding bernama ActionScript 3.0 (AS 3.0). Adobe Flash CS6 digunakan untuk
membuat gambar, animasi, aplikasi multimedia, bahkan game.

4. Pengenalan komponen-komponen flash
1. Create from Template : berguna untuk membuka lembar kerja dengan
template yang tersedia dalam program Adobe Flash CS6.
2. Open a recent item : berguna untuk membuka kembali file yang
pernah disimpan atau dibuka sebelumnya.
3. Create new : berguna untuk membuka lembar kerja baru dengan
beberapa pilihan script yang tersedia.
4. Learn : berguna untuk membuka jendela Help untuk mempelajari suatu
perintah. Untuk dapat menggunakan menu ini, anda harus terkoneksi
internet terlebih dahulu.

5. Pengenalan komponen-komponen flash
1. Menu Bar, berisikan perintah operasi yang ada pada Adobe Flash CS 6.
2. Toolbox, adalah sebuah panel yang menampung tombol-tombol yang
berguna untuk membuat suatu desain animasi mulai dari tombol seleksi,
pen, pensil, text, 3D rotation, dan lain-lain.
3. Timeline, berguna untuk menentukan durasi animasi, jumlah layer, frame,
menempatkan script dan beberapa keperluan animasi lainnya. Semua bentuk
animasi yang di buat akan diatur dan ditempatkan pada layer dalam timeline

6. Pengenalan komponen-komponen flash
6. Color Mixer Panel, untuk mengatur warna sebuah objek baik stroke color (warna garis objek)
maupun fill color (warna dalam objek).
7. Library Panel, tempat untuk menyimpan objek simbol yang nantinya akan digunakan.
8. Efek filters, adalah bagian dari panel properties yang menampilkan berbagai jenis efek filter
yang dapat digunakan untuk mempercantik tampilan objek. Filter hanya dapat diaplikasikan
pada objek Text, Movie clip dan Button.

7. Pengenalan komponen-komponen flash
9. Motion editor, berguna untuk melakukan kontrol animasi yang telah dibuat, seperti
mengatur motion, transformasi, pewarnaan, filter dan parameter animasi lainnya

8. Dasar-dasar menggambar objek
Bitmap dan Vektor
Gambar bitmap juga biasa disebut dengan raster graphic. Contoh dari
gambar ini adalah gambar-gambar pada dekstop wallpaper dan foto-foto yang ada
dalam situs web. Gambar bitmap ini tersusun dari titik-titik (pixel) yang berjumlah ribuan,
sehingga bila gambar tersebut diperbesar, maka titik-titik yang menyusunnya akan
semakin terlihat jelas. Dengan kata lain, pembesaran gambar bitmap menyebabkan
gambar tersebut pecah. Program-program yang biasa gunakan untuk bekerja dengan
gambar bitmap adalah Painter, Paint Shop Pro, Photoshop, dan Windows Paint.
Gambar vektor mempunyai sifat yang berlawanan dengan gambar bitmap.
Seberapapun gambar vektor diperbesar, gambar tersebut akan terlihat utuh atau tidak
pecah. Hal ini dikarenakan file yang berisi gambar vektor hanya menangkap bagianbagian
yang membentuk gambar tadi, dan bukan menangkap keseluruhan bagian gambar
vektor. Di samping itu, kelebihan lain dari gambar vektor dibanding dari gambar bitmap
adalah ukuran file gambar vektor lebih kecil daripada ukuran file gambar bitmap.

9. Dasar-dasar menggambar objek
Line dan Fill
Gambar dalam Flash pada umumnya terdiri atas line (garis) dan
fill (warna). Line mempunyai sifat yang lentur, yaitu dapat diubah-ubah
bentuknya tanpa mempengaruhi ketebalan atau ketipisannya. Sebaliknya,
ketebalan dan ketipisan fill dapat diubah-ubah ukurannya menjadi
sedemikian sehingga dapat lebihtipis (lebih kecil) atau bahkan lebih tebal
(lebih besar) dari garis luarnya. Jadi, dapat disimpulkan bahwa fill dapat
berubah menjadi berbagai macam bentuk sedangkan line tidak dapat,
artinya garis tetaplah sebuah garis. Untuk membuat line, gunakan Pencil
Tool atau Line Tool, sedangkan untuk membuat fill, gunakan Brush Tool
atau Paint Bucket Tool. Jika ingin membuat line dan fill secara bersamaan,
gunakan Oval Tool atau Rectangle Tool.

10. Dasar-dasar pewarnaan objek
Color Window
merupakan window yang digunakan untuk mengatur warna pada objek yang Anda buat.
Color Window terdiri dari :
1.Color Mixer
digunakan untuk mengatur warna pada objek sesuai dengan keinginan Anda. Ada 5 pilihan tipe warna, yaitu: None, Solid,
Linear, Radial, Bitmap
2.Color Swatches
digunakan untuk memberi warna pada objek yang Anda buat
sesuai dengan yang warna pada window

11. Metode pembuatan animasi.
Membuat Animasi Flash Frame-by-
Frame
• Pahami dasar-dasar animasi frame-by-frame
• Lakukan instalasi program Flash Professional.
• Buatlah aset Anda.
• Buatlah frame pertama
• Ubah gambar menjadi symbol
• Tambahkan beberapa frame kosong.
• Buatlah frame kunci kedua
• Ulangi prosesnya
Membuat Animasi Point-to-Point
(Tweening)
• Pahami dasar-dasar tweening
• Buatlah objek pertama
• Konversi objek menjadi simbol.
• Buatlah gerakan tween yang pertama
• Buatlah lintasan objek
• Perpanjang frame latar belakang
• Tambahkan frame kunci.
• Sesuaikan lintasan tween
• Transformasikan objek.
• Buatlah sentuhan akhir pada gambar perantara