Software untuk membuat animasi yang biasanya digunakan untuk berbagai keperluan di Internet. Misalnya, untuk membuat situs, banner iklan, logo yang beranimasi, serta animasi pelengkap lainnya.
Flash dikembangkan dari suatu aplikasi yang bernama SmartSketch. SmartSketch sendiri merupakan aplikasi untuk menggambar yang diluncurkan pada 1994 oleh FutureWave, bukan oleh Macromedia. Aplikasi ini cukup sukses di tengah pasar aplikasi menggambar yang dikuasai oleh Illustrator dan Freehand.
Pada musim panas 1995, SmartSketch memperoleh masukan dari penggunanya agar SmartSketch dapat digunakan untuk membuat animasi. FutureWave sangat tertarik untuk membuat suatu aplikasi untuk membuat animasi. Namun FutureWave agak pesimis mengenai pemasarannya, karena pada saat itu animasi hanya didistribusikan dengan VHS atau CD-ROM.
Kemudian World Wide Web mulai mengembangkan sayapnya, dimana grafik dan animasi menjadi vital. FutureWave melihat kesempatan ini untuk memasarkan aplikasi yang mampu menghasilkan animasi dua dimensi. Kemudian SmartSketc dimodifikasi sehingga mampu menghasilkan animasi dengan menggunakan pemrograman Java sebagai player-nya. Namanya juga sedikit dimodifikasi menjadi SmartSketch Animator. Namun, nama SmartSketch Animator dirasakan kurang menjual, sehingga nama tersebut diubah menjadi CelAnimator. Tetapi kemudian, karena kuatir dicap sebagai aplikasi pembuat kartun, CelAnimator diubah menjadi FutureSplash Animator.
Walaupun dengan ide yang cukup revolusioner, FutureSplash sulit populer. Oleh karena itu FutureWave mendekati Adobe. Namun karena demo FutureSplash yang kurang memuaskan dengan lambatnya animasi, Adobe menolak memproduksi FutureSplash. Baru pada November 1996, Macromedia mendekati FutureWave untuk bekerja sama. FutureWave menyetujui tawaran Macromedia. Kemudian FutureSplash Animator diubah namanya menjadi Macromedia Flash 1.0.
Fungsi
bisa membuat sebuah animasi dengan Compuserver file, biasanya file ini berakhiran GIF, Untuk pengguna windows, microsoft menggunakan mesin animasi tersendri yang disebut Active X. Selain itu ada juga bahasa pemrogaman yang khusus untuk membuat sebuah animasi misalnya JAVA APPLET. bahkan jika anda mahir dalam sebuah pemrogaman seperti C, Pascal, Visual basic dan masih banyak lainnya, dapat membuat sebuah animasi.
Dilihat dari fungsinya, animasi flash hanya sebatas objek untuk mempercantik halaman website atau blog. Animasi flash biasanya berbentuk widget berukuran kotak misalnya 120 x 120 px, 260 x 260 px, dsb. Ada juga yang berukuran besar yang biasa ditempatkan di header web site atau blog.
Flash = software. Jadi, memiliki fungsi yang kompleks tak hanya sekedar membuat animasi. Seperti software Microsoft Word misalnya, Ms. Word tidak hanya digunakan untuk urusan mengetik surat, mengetik proposal, atau mengetik undangan. Ms. Word juga bisa digunakan untuk scanning objek gambar (dengan tambahan periferal scanner), menggambar objek-objek sederhana, dan lain sebagainya.
Contoh Saya tidak akan menerangkan mengenai fungsi tombol-tombol yang ada pada program tersebut satu persatu ( terlalu lama dan tidak mendidik kreativitas ) , karena nanti juga Anda akan terbiasa dengan tombol-tombol tersebut disamping itu, nanti akan disinggung juga pada latihan-latihan kita.
Contoh..
Mari kita mulai pada proyek pertama. Klik File -- Save -- ketik " latihan 1 " -- save. maka dibagian atas program yang tadinya ada kata untitled jadi latihan 1. Setelah di save Anda klik tombol anak panah berwarna biru lalu Anda klik tombol LINE ( gambar pincil disebelah kanan atas yang ada pada menu shape ) ganti nilainya jadi 2 dengan warna hitam, lalu klik tombol FILL dibawahnya rubah jadi solid dengan warna Orange. Setelah itu klik tombol lingkaran yang ada pada menu sebelah kiri. Tempatkan kursor bertanda + di KANVAS lalu drop kursor itu terserah Anda, tapi jangan besar-besar sedang aja. maka akan terlihat sebuah lingkaran berwarna Orange dengan garis pinggir (Out Line) berwarna hitam. Ini dapat Anda rubah sesuai selera Anda mau merah, putih, hijau atau apapun itu tergantung selera Anda saja, kenapa saya suruh berwarna Orange yah karena saya suka warna orange, kenapa nggak yang lain yah karena saya tidak suka warna yang lain itu saja.
Setelah membuat ligkaran, sekarang Anda coba coba sendiri fungsi dari RECTANGEL dan sebagainya. coba-coba saja tidak akan terjadi apa-apa. kalau anda tidak suka dengan setingan pertama, Anda dapat menekan tombol back yang berada pada bagian atas menu, maka setingan yang sebelumnya anda buat akan kembali lagi. Gampang kan.
Kita kembali lagi, nah lingkaran yang Anda buat tadi sekarang sudah disimpan pada Library. Bila pertama kali Anda menjalankan program ini maka akan ada keterangan berwarna kuning yang menerangkan bahwa hasil kerja Anda tadi telah masuk di library ( Panel sebelah kanan bawah ). Lingkaran itu sekarang bisa Anda Hapus dengan cara mengklik lingkaran tersebut lalu menekan tombol DEL pada keyboard, bisa juga dengan klik kanan mouse dan pilih DELETE. Anda tidak usah khawatir dengan hilangnya lingkaran yang dengan susah payah Anda buat tadi, karena setelah disimpan pada library lingkaran tersebut dapat Anda panggil kembali caranya, klik shape yang ada pada library maka dibagian atas library akan ditampilkan bentuk lingkaran yang Anda buat tadi. Sekarang Anda klik dan tahan dengan tombol kiri mouse, lalu bawa lingkaran tadi ke CANVAS. Maka Lingkaran yang baru saja Anda Buat lalu dihapus akan kembali lagi, ini penting untuk Anda ingat karena nantinya kita akan banyak memanfaatkan fungsi library ini, agar dapat mudah Anda kenali jenis dari library yang dibuat, Anda dapat mengganti namanya dengan cara mengklik kanan tombol mouse pada file yang ada dilibrary lalu pilih RENAME gantilah dengan nama sesuai selera Anda, contoh : ganti namanya dengan lingkaran1.
Sampai disini saya rasa Anda sudah mengerti mengenai pembuatan bentuk lingkaran, kotak atau persegi lima dan sebagainya, kalau belum Anda coba-coba sendiri saja, sengaja tidak saya beritahukan kepada Anda biar Anda jadi kreatif dan tidak menelan mentah-mentah apa yang saya paparkan disini.
Langkah berikutnya yaitu bagaimana caranya membuat lingkaran yang baru saja Anda buat itu dapat bergerak seperti contoh dibawah ini.
Contoh Animasi yang dibuat oleh sothink SWF Quicker
Contoh diatas dibuat dengan sothink swf quicker termasuk banner yang ada dibagian atas halaman ini juga dibuat dengan software yang sama bahkan bila Anda ingin contoh yang lebih rumit Anda bisa klik tombol presentasi yang ada pada Menu, bagaimana kreatif kan..!, saya tunjukan itu agar Anda bersemangat dalam mengikuti tutorial ini dan tidak ragu-ragu lagi berlatih flash dengan software ini, sebab bila Anda sudah menguasai sothink swfquicker maka Anda juga akan mudah mempelajari Software Flash apapun seperti Flash MX, Swish, dan Antechinus. OK !.
Menu pada Macromedia Flash
Latihan
Untuk membuat Lingkaran yang Anda buat bisa bergerak seperti contoh dihalaman sebelumnya saya akan menerangkan sedikit mengenai frame dan layer. Frame adalah bagian-bagian dari suatu animasi yang dieksekusi oleh program secara berurutan. jadi bila Anda memasukan huruf A - Z pada frame 1 - 26 maka animasi itu akan menampilkan huruf A sampai Z tersebut secara berurutan mulai dari A, kecepatan eksekusi frame dinyatakan dengan satuan FPS ( frame per second ) artinya berapa banyak frame yang akan dieksekusi oleh program selama hitungan 1 detik. Bila Anda menginginkan tampilan Animasi yang lebih halus dari suatu gerakan yah Anda perbesar satuan FPS nya. Program sothink menggunakan 12 fps sebagai standard kecepatannya. tapi itu dapat Anda rubah sesuai keinginan Anda. Coba lihat pad tab properties dibagian bawah Canvas disitu ada yang namanya FRAME RATE, defaultnya 12 Anda bisa merubahnya sesuai keinginan Anda tapi ingat semakin besar frame rate dari animasi flash, semakin besar ukuran file nya, jadi jangan menset frame rate terlalu besar. Untuk contoh ini pakai saja default dari sothink yaitu 12 fps.
Sedangkan Layer adalah kumpulan dari frame-frame yang akan dikerjakan secara bersamaan, misal layer kesatu Anda isi dengan huruf A pada frame kesatu dan layer kedua Anda isi dengan huruf Z pada frame kesatu, maka setelah animasi dijalankan huruf A dan Z akan ditampikan secara bersamaan, jadi bila Anda nanti membuat animasi seperti pada HALAMAN PRESENTASI di situs ini. Anda akan bergelut dengan yang namanya Layer dan Frame. Nah sekarang Anda sudah tahu apa itu frame dan layer, sekarang kita kembali pada proyek pertama kita yaitu membuat lingkaran itu bergerak. Ikuti langkah-langkah berikut :
1. Bersihkan dulu Canvas dari semua coretan yang mungkin saja tadi Anda mengikuti saya untuk coba-coba membuat bentuk-bentuk yang lain.
2. Cari di library shape berbentuk lingkaran yang telah Anda buat sebelumnya dan taruh di ā˛¨Canvas bagian kiri, jangan sampai keluar dari canvas.
3. Klik frame ke 10, lalu klik kanan mouse. pilih INSERT KEYFRAME
4. Pindah kan lingkaran yang tadi ada disebelah kiri Canvas ke sebelah kanan Canvas.
5. Klik frame ke satu lagi, lalu klik kanan mouse dan pilih CREATE MOTION TWEEN
6. Sekarang Anda bisa tekan tombol PREVIEW dan lihatlah pekerjaan Anda tadi.
Anda akan melihat di PREVIEW lingkaran itu bergerak dari kiri ke kanan terus menerus, lalu bagaimana bila Anda menginginkan animasi itu tidak mengulang lagi, caranya gampang ikuti langkah berikut :
1. Tutup dulu Jendela PREVIEW kembali ke CANVAS.
2. Klik frame ke 10.
3. Klik Tab ACTION yang ada pada bagian bawah Canvas disebelah properties.
4. Pada TAB ACTION ketik stop(); ( harus huruf kecil dan jangan lupa perhatikan tanda " ( " dan " ) " serta tanda semicolon " ; " tidak ada spasi.
5. Sekarang Anda klik lagi tombol PREVIEW dan Anda lihat hasil pekerjaan Anda.
Nah animasi itu sekarang berhenti setelah berada disebelah kanan. Bagaimana.., mau yang lebih rumit OK ikuti langkah berikut :
1. Bersihkan dahulu Canvas dari semua atribut, gunakan tombol BACK sampai pada awal latihan diatas.
2. Klik frame 1
3. Cari di library lingkaran yang Anda buat, dan tempatkan di Canvas sebelah kiri paling bawah tapi jangan keluar dari Canvas.
4. Klik tombol PENCIL GUIDLINES dan pilih PEN GUIDLINES ( Ada pada menu toolbars
sebelah kiri icon pencil berwarna kuning merah yang dibawah perhatikan keterangan yang dikeluarkan program )
5. Klik perlahan-lahan dan sedikit demi sedikit, ikuti gambar kurva berbentuk parabola seperti contoh dihalaman sebelumnya.
6. Klik frame ke 10, lalu klik kanan mouse pilih INSERT KEYFRAME
7. Klik frame ke 1, tempatkan lingkaran yang Anda buat di AWAL PEN GUIDLINES yang telah dibuat sebelumnya.
8. Klik frame ke 10, tempatkan lingkaran yang Anda buat di AKHIR PEN GUIDLINES yang telah dibuat sebelumnya.
9. Klik lagi frame ke 1, lalu klik kanan mouse dan pilih CREATE MOTION TWEEN.
10. Klik Layer 1, lalu klik kanan mouse dan pilih INSERT LAYER
11. Klik layer 2 yang baru saja Anda buat dan pilih frame ke 1
12. Klik tombol PENCIL bukan PENCIL GUIDLINES tapi yang diatasnya.
13. Gambar Garis lurus kekanan seperti pada contoh dihalaman sebelumnya dan buatlah kurva berbentuk parabola mengikuti PENCIL GUIDLINES.
14. Klik Frame ke 10 Layer ke 2, lalu klik kanan mouse dan pilih INSERT FRAME
15. Klik tombol preview dan Anda lihat hasil kerja ANDA.
Bila Anda benar dalam mengikuti petunjuk diatas, maka animasi yang Anda buat tadi akan terlihat sama seperti contoh pada awal latihan kita dihalaman sebelumnya. OK Selanjutnya mari kita tingkatkan pengetahuan kita mengenai frame, layer dan sedikit mengenai script. Untuk Script atau bahasa pemrograman yang ada pada animasi flash akan disinggung lebih jauh lagi dalam tutorial flash tingkat lanjut ( Action Script 1 -- Tunggu saja yah.. ). Untuk saat ini saya hanya mengenalkan sedikit mengenai script dan fungsinya
