Mengolah Simbol Button

Sebelumya talah saya bahas mengenai Animasi Bone Tool. Nah kali ini saya akan membahas mengenai Simbol Button/ Cara membuat Button.
* Simbol button adalah sebuah tombol yang dapat digunakan untuk membuat animasi interaktif.
* Ada dua cara untuk membuat tombol, yaitu pilih Insert>New Symbol atau dengan perintah Modify>Convert to SymbolModify>Convert to Symbol

* Membuat tombol dengan new symbol
- Buka lembar kerja baru dengan menekan Ctrl+N
- Pilih perintah Action Script 2.0 kemudian klik tombol OK
- Tekan tombol Ctrl+F8 atau klik menu Insert>New Symbol sehingga tampil kotak dialog CreateNew Symbol
- Pada kotak teks Name, ketikkan nama tombol yang baru. Sebagai contoh ketikkan : Next
- Pilih tipe simbol pada bagian Type, yaitu : Button.

- Klik tombol OK sehingga tampil lembar kerja pengeditan tombol.   

- Buat objek tombol Next di tengah-tengah lembar kerja pengeditan.

- Seleksi objek tombol tersebut kemudian tekan Ctrl+G untuk membuat grup

* Tekan tombol F6 untuk menambahkan keyframe pada Frame Over.
 

* Ubah tombol pada Frame Over dengan warna lain. Mengubah warna ini berfungsi agar saat animasi dijalankan dan tombol ini ditunjuk dengan mouse maka warna tombol ini menjadi berubah.
- Karena objek tombol telah dibuat grup maka tekan tombol Ctrl+B memecah objek agar objek tersebut bisa diberi warna.

* Tekan F6 dua kali untuk menambahkan keyframe pada Frame Down dan Hit.

* Klik pada frame Down.

* Klik tombol Free Transform Tool.

* Klik frame Hit.
* Klik tombol Rectangle tool. Buat kotak untuk menutup tombol Next hingga terlihat seperti gambar berikut.
- Perintah ini berfungsi jika mouse mendekati area kotak ini maka tombol Next langsung aktif.

* Tekan tombol Ctrl+E untuk keluar dari lembar kerja pengeditan dan otomatis kembali ke lembar kerja utama, sekaligus tombol Next tersimpan dalam panel Library.

* Klik tahan dan geser tombol Next dari panel Library ke lembar kerja.
* Jalankan

* Membuat tombol dengan cara mengkonversi
- Buat objek yang akan dikonversi menjadi tombol
- Klik selection tool dan seleksi objek tersebut
- Pilih menu Modify>Convert t symbol atau tekan tombol F8 sehingga tampil kotak dialog Convert to Symbol

- Ganti nama tombol pada kotak name, misalnya : play.
- Pilih tipe tombol pada pilihan type. Pilih : Button
- Klik tombol OK dan secara otomatis tombol tersebut tersimpan dalam panel Library.

Mengambil Tombol dari Eksternal Library

* Klik menu Windows>Common Libraries>Buttons sehingga tampil panel External Library.
* Dalam panel External Library, klik tanda panah di sebelah kiri nama folder sehingga tampak seperti pada gambar berikut

* Selanjutnya klik tahan dan geser tombol yang diinginkan ke lembar kerja

Memberi Efek Sound pada Tombol pada adobe flash

* Tarik tombol yang akan diberikan efek sound dari panel library.

* Klik dua kali pada tombol Next yang telah digeser ke lembar kerja sehingga masuk pada frame pengeditan tombol.

* Klik Frame Over kemudian pilih file sound yang telah diimpor pada panel Properties seperti terlihat pada gambar berikut :

* Tekan Ctrl+E untuk kembali ke lembar kerja utama
* Jalankan animasi dengan Ctrl+Enter. Arahkan mouse pada tombol Next maka akan terdengar suara dari file sound yang telah disisipkan.
Demikian penjelasan mengenai Cara Mongolah Simbol Button/ Cara Membuat Tombol atau Button. Mudah-mudahan apa yang saya jelaskan diatas diatas dapat bermanfaat.

Animasi Bone Tool

Setelah sebelumnya membahas Animasi Masking. Kali ini latihan flash akan membahas mengenai Animasi Bone Tool. Animasi bone tool merupakan animasi untuk menggerakan objek, misalnya objek manusia tangannya bisa bergaerak, kakinya bisa berjalan dan lain-lain.
- Buka lembar kerja baru, pilih ActionScript 3.0

- Buat objek berbentuk manusia seperti gambar berikut menggunakan Brush Tool.

- Selanjutnya beri efek Bone, kemudian klik tahan dan geser dari titik pusat pemberian animasi ke arah struktur tulang objek.

- Klik tahan dan geser dari perut ke arah lutut

- Ulangi perintah sebelumnya untuk memberi struktur tulang sampai membentuk gambar seperti berikut ini.

- Perhatikan setelah memberi Bone maka layer akan bertambah satu dengan nama Armature_2.

- Klik kanan Frame 15 layer Armature_2 kemudian pilih Insert Pose untuk membatasi gerak animasi.

- Klik selection tool, kemudian klik tahan dan geser ujung simbol tulang atau bone dengan posisi seperti gambar berikut

- Klik kanan pada frame 25 layer Armature_2 kemudian pilih Insert Pose. Pada frame 25 tidak ada gerakan yang diubah.

- Klik kanan pada frame 40 layer Armature_2 kemudian pilih Insert Pose. Lakukan perubahan gerakan

- Lakukan sampai objek bergerak menari.
- Langkah terakhir anda Simpan projek flash dengan nama “Animasi Bone Tool”

Animasi Masking 3

Artikel yang berjudul Animasi Masking 3 ini merupakan kelanjutan dari postingan sebelumnya yang berjudul Animasi Masking2. Oke langsung saja berikut ini adalah prakteknya:
•    Buka lembar kerja baru
•    Buat 2 layer dengan nama pohon, mask
•    Klik layer pohon frame 1
•    Import file tree silhouette pack.ai ke flash masing-masing. Caranya import to stage.
•    Saat di-import maka akan keluar menu Illustrator ArtBoard kemudian klik OK

•    Jika sudah di import akan muncul gambar seperti ini :

•    Pilih salah satu gambar pohon, dengan cara klik pada gambar yang akan dihapus kemudian tekan tombol delete pada keyboard.

•    klik di objek pohon    lalu tekan CTRL+B, untuk mem-Break Apart pohon, sehingga bisa kita edit. jika berhasil, pohon akan seperti ini: (tampak pecah-pecah gambarnya)

•    Jika sudah di break apart, klik tombol warna (show    layer as Outlines) disamping tulisan layer pohon.

•    Klik kanan layer pohon dan pilih mask. sehingga hasilnya seperti ini:

•    Pada layer pohon frame 100 berikan keyframe.
•    Sekarang buka kunci layer mask, agar pohon kelihatan.

•    Layer Mask Frame 1, Klik tombol Brush, dan beri warna merah dan brush bagian pohon dibawah ini:

•    Masuk lagi ke layer mask frame 2 dan tekan F6, lalu brush lagi sedikit bagian bawah pohon:

•    Lakukan    terus sampai semua pohon selesai diberikan brush

•    Simpan projek flash dengan nama “Animasi Masking 3”

Animasi Masking 2

Latihan flash Animasi Masking 2 merupakan kelanjutan dari postingan sebelumnya yaitu Animasi Masking 1.
- Buka lembar kerja baru
- Buat 3 layer dengan nama mobil, efek, mask

- Pada layer mobil frame 1, silakan import gambar mobil.
- Selanjutnya kunci layer mobil

- Klik layer mask frame 1, kemudian buat rectangle tool, seperti gambar di bawah ini :

 - Kemudian edit kotak sehingga menyerupai kaca mobil.

- Jika sudah kunci layer mask, dan klik layer efek pada frame 1, buat rectangle tool, setinggi kaca mobil, dengan warna silver dan tidak ada stroke (garis tepi)

- Klik kotak silver, kemudian edit warnanya.
Masuk ke menu color

panel kiri dan kanan

panel tengah

- Klik kanan pada layer mask lalu pilih mask.

- Tambahkan keyframe di masing-masing layer di frame 50

- Kik layer efek frame 50 kemudian pindahkan kotak ke sebelah kanan.

 - Diantara frame 1 sampai 50 pada layer efek klik kanan Create Classic Tween.

- Simpan projek flash dengan    nama “Animasi Masking 2”
- Jalankan animasi maskingnya.

Animasi Masking 1

Setelah sebelumnya membahas Simbol Animasi dalam Timeline kali ini akan membahas mengenai animasi masking. Yang dimaksud animasi masking adalah animasi yang menampilkan bidang yang tertutup dan menyembunyikan bidang yang terbuka. Langkah untuk membuat animasi masking adalah:

- Buka lembar kerja baru. Tambahkan 2 layer baru sehingga di dalam timeline terdapat tiga buah layer, yaitu layer 1, layer 2 dan layer 3

- Ubah nama layer 1 menjadi “Laut”, Layer 2 menjadi “Photo” dan layer 3 menjadi “Masking”

- Klik frame 1 layer “laut” kemudian impor file foto laut dengan Ctrl+R

- Atur ukuran foto seukuran lembar kerja

- Klik frame 1 layer “photo” kemudian impor file foto dengan Ctrl+R.

- Perpanjang frame Layer Laut dan Layer Photo hingga frame 80 dengan cara klik kanan fram 80 kemudian Insert Frame.

- Selanjutnya klik pada frame 1 pada layer “Masking”.
- Buat objek bintang dan letakkan di tengah objek foto seperti gambar berikut :

- Klik kanan frame 1 layer masking kemudian    pilih Create Classic Tween.
- Klik kanan Frame 20 kemudian pilih Insert Keyframe untuk membatasi gerak objek, kemudian perbesar    ukuran    objek bintang seperti gambar berikut.

- Klik kanan Frame 40 Layer Masking kemudian pilih Insert Keyframe
- Klik kanan Frame 60 Layer Masking kemudian pilih Insert Keyframe
- Perkecil ukuran objek bintang    sehingga tampak seperti    di bawah ini :

Klik kanan Frame 80 Layer Masking kemudian pilih Insert Frame

Selanjutnya memberi perintah masking pada layer “Masking”. Klik kanan pada Layer Masking kemudian pilih perintah Mask.

Simpan projek flash dengan nama “Animasi Masking” dan jalankan animasi dengan  menekan tombol Ctrl+Enter dan perhatiakn hasilnya objek foto Dewi Kwan Yin akan terlihat yang tidak dilewati tersembunyi.