Pengenalan flash

Pengenalan flash

Flash adalah salah satu program pembuatan animasi yang sangat handal. Kehandalah flash dibandingkan dengan program yang lain adalah dalam hal ukuran file dari hasil animasinya yang kecil. Untuk itu animasi yang dihasilkan oleh program flash banyak digunakan untuk membuat sebuah web agar menjadi tampil lebih interaktif.

Seperti telah dijelaskan pada bab sebelumnya bahwa salah satu kendala dari pembuatan sebuah web adalah ukurannya yang harus kecil, sehingga kesulitan untuk memasukkan animasi kedalamnya disebabkan oleh ukuran file animasi yang umumnya sangat besar. Program flash mengatasi kendala kendala diatas dengan baik, sehingga hampir semua web yang interaktif saat ini menggunakan flash sebagai bagian didalamnya.

Toolbar

Toolbal berisi kumpulan tool yang digunakan untuk membuat dan memilih isi di dalam Timeline dan Stage. Toolbar terbagi menjadi tool dan modifier. Setiap tool memiliki ukuran Modifier tertentu yang ditampilkan ketika kita memilih tool tersebut. Sebagai contoh, jika kita memilih  Text tool maka modifier seperti huruf, ukuran huruf, warna huruf dapat kita atur.

Timeline

Jika anda membayangkan movie Flash sebagai sebuah buku, Timeline merupakan tabel interaktif dari isinya. Setiap adegan seperti sebuah bab, setiap frame seperti halaman. Imajinasikan bahwa anda mendapatkan poin sampai bab 10 pada tabel isinya, dan buku akan membalik ke halaman pertama dari bab ini. Pada Flash, ketika anda meng-klik sebuah frame pada Timeline (atau ketika play-head memasuki kerangka), frame itu muncul pada dokumen anda.

Movie Flash lebih kompleks daripada buku. Setiap movie “page” dapat menjadi beberapa lembar transparan ditumpuk satu di atas yang lain. Flash menjaga track dari “sheet” ini yang dinamakan layers. Dan keseluruhan buku muncul menjadi gerak seperti anda bergerak melalui tabel isi, dengan beberapa tangan yang tak terlihat membalik halaman.

Timeline adalah organisasi dan pengaturan tool yang besar dan kompleks. Anda akan menggunakan keuntunngannya ketika anda membuat animasi. Kemudian anda akan perlu untuk lebih mendalami komponen-komponennya pada bab selanjutnya. Sekarang anda hanya memerlukan untuk mengerti Timeline secara umum.

Gambar dibawah menunjukkkan timeline dari flash. Anda dapat mengaitkan Timeline ke sembarang sisi dari window Flash atau melayang di atas sebagai window terpisah.

Stage

Stage adalah daerah yang berisi semua elemen gambar yang membentuk movie Flash.. Kita akan selalu bekerja membuat gambar, membuat animasi, dll di tempat ini. Pada Flash, anda dapat mengontrol seberapa besar layarnya, dan apa warnanya, melalui kotak dialog Movie Properties.

Panel

Pada versi Flash sebelumnya, anda mengeset properties dan atribut dari elemen (seperti mengisi warna, bentuk garis, dan font) dengan menggunakan tool dan pengubah pada Toolbar atau beragam kotak dialog. Pada Flash 5 setting tersebut dilakukan melalui Panel-window yang dapat tetap terbuka pada desktop untuk akses cepat saat anda bekerja. Jadi panel merupakan bagian tambahan dari flash 5 yang baru dan tidak terdapat pada flash versi sebelumnya. Panel digunakan untuk mengubah atribut dari elemen yang dipilih. Anda akan belajar menggunakan sendiri panel pada bab berikutnya dari buku ini.

Untuk membuka panel yang diinginkan pilih menu window>panel kemudian muncul berbagai pilihan dari panel, dan klik yang diinginkan. Panel dapat dimunculkan atau dihilangkan sesuai dengan kebutuhan, jadi sebaiknya tidak semua panel dimunculkan pada tampilan utama karena dapat mengganggu dalam bekerja.

Menggunakan Grid dan ruler

Grid adalah sebuah set garis-garis yang saling berpotongan vertikal dan horisontal yang berguna sebagai penuntun menggambar dan meletakkan elemen-elemennya, fungsinya mirip seperti kertas grafik pada dunia nondigital. Flash juga menggunakan grid untuk meluruskan benda jika anda mengaktifkan fitur Snap to Grid. Karena grid hanya sebagai alat bantu maka grid tidak muncul pada hasil movie anda.

Cara memunculkan grid dari menu View, pilih Grid > Show Grid. Jika fasilitas grid ini dalam keadaan aktif maka terdapat tanda cek disampingnya dan pada stage memperlihatkan suatu set garis-garis berpotongan sebagai bagian dari Stage.

Grid yang ada dalam stage dapat diatur sesuai dengan keinginan kita yaitu warna dan ukuran panjang dan lebarnya. Caranya adalah gunakan menu view>grid>edit grid sehingga muncul kotak dialog mengenai setting dari warna dan ukuran dari grid.

MEMBUAT ANIMASI SEDERHANA

         mengatur movie properties

         penggunaan panel frame

         Penggunaan layer control

Contoh membuat animasi yang ada pada bab keyframe dan fungsinya adalah masih merupakan pengenalan, pada bab ini akan kita bahas lebih mendetail bagaimana konsep membuat animasi.

Mengatur movie properties

Sebelum membuat sebuah animasi kita harus melakukan setting dari animasi yang akan kita buat. Untuk itu pilih menu modify>movie kotak dialog movie properties.

Frame rates: digunakan untuk mengatur kecepatan dari animasi seperti yang telah dijelaskan pada bab sebelumnya. Didalam animasi flash kecepatan yang optimal adalah 12 fps.  kita bisa menambah atau mengurangi kecepatan file tersebut. Jika semakin kecil kecepatannya maka ukuran file lebih kecil tetapi gambar akan tampak patah patah. Dan  begitu juga sebaliknya.

Dimension:  untuk mengatur ukuran dari stage, dan juga ukuran animasi pada saat dimasukkan dalam web. Satuannya bisa diubah pada ruler units.

Backgroud color: untuk menentukan warna dari background

Sebaiknya anda harus melakukan penyettingan movie properties ini setiap akan membuat sebuah animasi.

Penggunaan panel frame

Seperti contoh yang ada pada bab sebelumnya, panel frame ini bisa digunakan untuk mengatur animasi dan pada bab ini akan kita bahas secara detail tentang kegunaanya.

Pada option tweening terdapat 2 pilihan animasi yaitu motion dan shape. Syarat dan fungsi kedua jenis animasi tersebut sangat berbeda sehingga harus disesuaikan dengan pemakaian.

Motion

 Motion digunakan untuk menggerakkan diantara dua buah keyframe dengan syarat obyek yang ada didalam kedua keyframe tersebut sudah berupa symbol. Jika obyek tersebut tidak berupa symbol maka operasi ini tidak bisa dilakukan.

 

Animasi tweening motion digunakan untuk membuat animasi yang berupa perubahan letak, warna, ukuran, dll. Animasi tweening motion tidak bisa melakukan animasi yang berupa perubahan bentuk, misal dari lingkaran menjadi kotak.

Dua buah keyframe yang akan diberi tweening motion harus berisi obyek yang hanya berasal dari satu symbol.:

Obyek yang ada pada keyframe 1 dan pada keyframe 20 tidak boleh berasal dari symbol yang berlainan.

Misal kita membuat sebuah lingkaran pada frame 1 dan diubah ke symbol, kemudian kita insert blank key frame pada frame 20 dan kita gambar lingkaran yang sama seperti gambar frame 1 lalu diubah ke symbol. Hal ini tidak bisa dilakukan operasi tweening motion karena kedua gambar walaupun bentuknya sama tetapi berasal dari symbol yang berlainan.

Jadi langkah yang benar tidak membuat gambar yang baru tetapi mengkopi gambar yang ada pada frame 1 kedalam frame 20 dengan memilih menu insert key frame. Kemudian obyek yang ada pada frame 20 kita manipulasi warna, letak, dan ukurannya dengan menggunakan panel effect sehingga terdapat perbedaan antara gambar yang ada pada keyframe 1 dengan keyframe 20.

Suatu frame yang sudah dikenai oleh tweening motion maka akan muncul panah yang menghubungkan keyframe pertama dengan yang kedua dan in-between frame diantara kedua keyframe berwarna ungu.

jika kita melakukan kesalahan dalam membuat tweening motion, misalnya obyek belum diubah menjadi symbol maka kedua frame tidak lagi dihubungkan dengan anak panah tetapi dihubungkan oleh garis putus putus. Dan jika dicoba hasilnya tidak akan sesuai dengan yang kita inginkan.

Pada saat kita membuat animasi dan muncul tanda salah tersebut maka yang harus kita lakukan adalah menggunakan tombol undo untuk mengulang langkah sebelumnya dan memperbaiki kesalahan yang sudah kita buat.

setting yang bisa dilakukan pad tweening motion adalah:

easing: untuk mengatur percepatan dari gerak gambar. Terdapat pilihan dari –100 sampai 100. misal kita menggerakkan gambar dari kiri ke kanan. Jika kita memilih easing lebih besar dari 0 maka gerakan gambar akan mengalami perlambatan, artinya gerakan semakin ke kanan akan semakin lambat. Begitu juga sebaliknya jika kita memilih easing kurang dari 0 maka gerakan gambar akan mengalami percepatan.

Rotate: untuk memutar gambar sambil bergerak. Misal kita menggerakkan gambar dari kiri ke kanan dan memilih rotate maka pada sambil bergerak ke kanan gambar akan berputar. Option yang bisa kita pilih: CW (putaran searah jarum jam), CCW (putaran berlawanan jarum jam). Dan disebelahnya dapat kita isikan jumlah putaran yang diinginkan dalam satu kali bergerak.

Shape

Shape memiliki syarat yang berlawanan dengan tweening motion. Jika membuat tweening motion gambarnya harus berupa symbol, sedangkan tweening shape obyek tidak boleh berupa symbol. Jadi pada saat membuat obyek baru jika ingin diberikan animasi

tweening shape maka obyek tidak perlu diubah menjadi symbol. Tweening shape bisa melakukan semua yang bisa dilakukan oleh tweening motion dan ditambah dengan kemampuan untuk merubah bentuk gambar, misal dari lingkaran menjadi persegi.

Suatu frame yang sudah dikenai oleh tweening shape Maka akan muncul panah yang menghubungkan keyframe pertama dan kedua, serta in-between frame diantara keduanya berwarna hijau muda.

tanda ini menunjukkan bahwa motion sudah benar

Jika kita melakukan kesalahan dalam membuat tweening shape, misalnya obyek diubah menjadi symbol maka kedua frame tidak lagi dihubungkan dengan anak panah tetapi dihubungkan oleh garis putus putus. Dan jika dicoba hasilnya tidak akan sesuai dengan yang kita inginkan.

tanda ini menunjukkan bahwa motion salah

Kesalahan menggunakan tweening shape umumnya adalah obyek yang digunakan untuk animasi adalah berupa symbol. Untuk mengubah obyek yang menjadi symbol dikembalikan menjadi obyek biasa, pilih menu modify>break apart.

Perlu diperhatikan bahwa sebelum melakukan kedua operasi animasi diatas, penunjuk frame atau playhead harus diletakkan pada frame yang pertama, karena jika tidak maka animasi tidak akan berjalan sesuai dengan yang kita inginkan.