Membuat animasi frame by frame - Flash CS5

Animasi Frame by frame yaitu animasi yang dibuat berdasarkan perubahan objek pada tiap frame. kita bisa membuat animasi apapun menggunakan teknik ini. Animasi ini kebanyakan digunakan untuk membuat film-film kartun, yang terdiri dari banyak frame dan masing-masing frame membuat satu objek yang sama dengan gaya berbeda.

Untuk lebih jelasnya langsung saja ya buka flash cs5 sobat.

Sekarang buatlah lima layer dengan cara klik INSERT LAYER sebanyak 5 kali

Sekarang masukkan objek satu persatu pada tiap layer.
yang pertama arahkan pada layer 1, setelah itu masukkan gambar apapun yang ingin dibuat animasi, dengan cara klik file-import-import to stage-pilih gambar-open. atau bisa dengan drag gambar ke layer1.

Lakukan hal yang sama pada tiap layer, tetapi ubah posisi gambar atau ukuran gambar disetiap layer agar bisa menjadi animasi

Setelah itu ubah waktu 25 fps menjadi 5fps atau berapapun yang lebih kecil, agar perubahan animasi terlihat sedikit lambat.

untuk melihat hasilnya tekan ctrl+enter 
atau bisa bertanya langsung dengan meninggalkan komentar :)

Membuat animasi loading sederhana - Flash CS5

Animasi Loading biasanya banyak digunakan pada halaman intro, dimana akan ditampilkan loading terlebih dahulu sebelum masuk kehalaman utama, ataupun digunakan untuk yang lain, contohnya ketika kita ingin membuka menu, sebelum masuk kehalaman menu tersebut, akan ditampilkan animasi loading terlebih dahulu.

Jika anda penasaran membuatnya seperti apa, ikuti saja langkah2 ini :)

pertama buka Flash CS5 anda, dan klik menu file-new

Ganti nama layer1 dengan nama loading,

Lalu buatlah tulisan LOADING pada layer loading tadi.

Setelah itu klik kanan pada frame 10 - lalu klik insert frame

Sekarang buatlah layer baru dengan cara klik new-layer, ganti dengan nama lingkaran1

, pada layer lingkaran 1 buatlah gambar lingkaran dibawah teks loading

Sekarang buat layer baru lagi sebanyak 4 layer, dengan cara klik icon new layer sebanyak 4 kali, ganti nama tiap layer dengan lingkaran2, lingkaran3, lingakaran4, dan lingkaran5. Sekarang posisikan pada layer lingkaran2 terlebih dahulu. Klik kanan pada frame1, layer lingkaran2, lalu pilih insert key frame

Setelah itu Masih pada layer lingkaran2, klik pada frame 2, lalu buatlah gambar lingkaran lagi, bisa dengan copy lingkaran yang kita buat pertama tadi, dan pastekan pada frame2 tersebut

Sekarang lakukan hal yang sama pada layer lingkaran 3,4,dan 5. sehingga akan tampil seperti ini

Sekarang atur waktunya agar gerakannya tidak terlalu cepat, ganti 24.00 fps dengan 5.00 fps

Tekan ctrl + enter untuk melihat hasilnya :)

Bagaimana mudah kan :D ..  animasi loading sederhana selesai..

kalo belum mengerti atau kurang jelaskan silakan tinggalkan komentar disini yah

Membuat Animasi Motion Tween - Flash CS5

Animasi Motion Tween yaitu animasi yang banyak digunakan untuk menggerakan suatu objek dari suatu posisi keposisi yang lain, objek itu dapat berupa gambar ataupun teks. gerakan objek tersebut dapat kita atur sesuai keiginan kita, bisa bergerak lurus seperti biasa, melingkar, zigzag, ataupun yang lainnya.

Untuk lebih jelasnya, ikuti tutorial ini :)

Seperti biasa buka flash anda, dan file - new.

pada layer 1, tuliskan teks dengan menggunakan TEXT TOOL, misalnya
MEYDA SEFIRA

Untuk membuat tulisan tersebut bergerak, klik kanan pada frame 1, lalu pilih CREATE MOTION TWEEN

Setelah itu klik kanan pada frame 15 lalu pilih  INSERT KEY FRAME - lalu pilih ROTATION, atau bisa juga pillih position, scale. scew.

Sekarang pindahkan teks meyda sefira kemanapun. atur sesuai keinginan anda

Tekan ctrl + enter untuk melihat hasilnya

Tulisan yang anda buat tadi sudah bergerak sesuai keinginan anda :)

Membuat Animasi Shape Tween - Flash CS5

Animasi Shape Tween yaitu animasi yang banyak digunakan untuk mengubah suatu objek dari satu bentuk kebentuk lain. Misalnya suatu objek persegi panjang dapat kita animasikan berubah bentuk menjadi lingkaran atau bentuk lainnya. Selain perubahan bentuk, Animasi Shape tween juga dapat merubah pewarnaannya, dari satu warna kewarna yang lain. 

Itu hanyalah contoh dasarnya, 

Anda juga bisa membuat perubahan bentuk kartun ataupun orang.

misalnya membuat animasi perubahan naruto menjadi kakashi hatake.

Membuat animasi perubahan wajah anda menjadi wajah orang lain.

tetapi untuk membuat itu, kita harus menguasai photoshop ataupun coreldraw, karena kita harus menyeleksinya terlebih dahulu sebelum objek itu dimasukkan kedalam flash.

Membuat Tombol Interaktif - Flash CS5

Tombol Interaktif biasanya digunakan untuk penguhubung antar halaman pada suatu website. Agar website yang kita miliki lebih menarik perhatian orang, kita harus bisa membuat tampilan website semenarik mungkin, salah satunya membuat tombol menu-menu website menjadi menarik, dengan membuat animasi pada menu, ataupun memberikan suara ketika disorot mouse. agar pengunjungpun senang ketika mengunjungi website kita. 

Disini yang akan membahas bagaimana memberikan animasi pada menu website kita.


Pertama kita harus membuat tombol simbol terlebih dahulu, dengan cara

Klik Insert - New Symbol

Tulis Nama Tombol Home pada form input NAME, kemudian pilih jenis type BUTTON

Setelah itu klik OK, maka akan tampil seperti ini

Sekarang buatlah tombol menu anda menggunakan RECTANGLE TOOL, diatas tanda + tersebut.

Sekarang untuk membuat perubahan warna pada tombol kita ketika diklik mouse,
lihat pada frame over, down, dan hit.  klik kanan pada setiap frame tersebut dan pilih insert keyframe, lalu ubah warna menu kita

Setelah semua frame tersebut diisi dengan warna yang berbeda-beda. sekarang keluarlah dari menu EDITING SYMBOL menuju layer utama kita dengan cara menekan tombol scane 1

Sekarang lihatlah pada library yang sudah memuat simbol tombol, dengan cara klik WINDOWS -> LIBRARY, kemudian masukkan simbol tombol yang baru saja kita buat tombol home, drag tombol home tersebut kelayar utama kita

Sekarang klik 2 kali pada tombol menu anda, buat layer baru dengan cara klik insert layer,  setelah itu tuliskan HOME pada tombol kita tadi.

Setelah selesai, klik tombol scene 1 lagi.
dan untuk melihat hasilnya tekan ctrl + enter .

Coba anda sorot tombolnya, jika berhasi akan berubah warna, dan ketika dklik akan berubah warna yang berbeda lagi. 
Agar lebih menarik kita bisa memberikan suara pada menu kita ini,
untuk tutorial memberi suaranya, sabar yah :) 
dilain waktu  pasti akan  saya buat tutorialnya

Menggunakan Tombol dalam Library - FLASH CS5

Mungkin anda lebih suka yang instan daripada harus melalui proses terlebih dahulu,
anda kurang suka dalam membuat tombol button sendiri.
Anda tidak perlu khawatir itu, karena dalam Flash sudah menyediakan library sendiri kumpulan button yang dapat kita gunakan langsung tanpa membuat sendiri.

Memberikan Suara pada tombol - FLASH CS5

Mungkin anda masih kurang puas dengan tombol menu yang anda buat,
agar tombol yang kita buat lebih menarik dan para pengunjung menyukainya, berikanlah suara pada menu tiap tombol pada website kita. Biasanya suara atau sound ini berdurasi pendek dan berkapasitas kecil, Misalnya file yang berekstensi .wav