Assalammualaikum dan Salam Sejahtera semua, CS4 merupakan produk baru bagi ADOBE. Ianya telah lama berada dipasaran dan telah ramai antara kita yang menggunakannya. Akan tetapi bagi flash designer, FLASH CS4 merupakan satu perkara baru dan saya pasti tak ramai designer telah beralih kepada CS4.
Ini kerana interaksi animasinya ada sedikit perubahan di mana motion tween yang sebelum ini kita guna di dalam FLASH terdahulu telah ditukar kepada CLASSIC TWEEN. Motion Tween yang baru ini pula masih mengekalkan nama yang sama cuma cara kendaliannya sahaja berlainan. Kerana apa? Kerana motion tween yang baru ini telah bergabung dengan motion guide versi FLASH terdahulu. Bagi pengguna baru ianya tidak mendatangkan masalah tetapi pengguna lama ada sedikit kekeliruan. Tetapi ianya boleh diperbaiki dengan segera jika kita dapat memahami interaksi animasi yang baru ini. Motion Tween yang baru ini memberi kemudahan 10 kali ganda kepada kita sebagai FLASH designer.
Jadi jangan takut. Mari kita cuba mengikuti penerangan serba ringkas tentang animasi ini.
AYOH!!!
Langkah 1 :
Sediakan satu stage kosong. Saya menggunakan file FLASH 400 x 400 dengan mode ACTION SCRIPT 2.0 berlatarkan warna gelap
Langkah 2 :
Buatkan satu kotak (tanpa outline) di atasnya dan convert to symbol MOVIE CLIP (shotcut F8)
Langkah 3 :
Right klik pada frame 50 dan pilih menu insert frame (shortcut F5)
Langkah 4 :
Right klik pada mana-mana frame dan pilih menu create motion tween
Ok sekarang ia telah menjadi warna biru. Dalam animasi CS4 ini kita akan kurang lakukan insert keyframe sebab ianya akan tersedia sendiri dengan hanya gerakkan sahaja kotak tersebut pada sesuatu tempat. Sila klik pada frame 10 dan gerakkan kotak anda ke arah atas (rujuk imej di bawah)
Kemudian buatkan pergerakan yang berlainan seterusnya. Klik pada frame 20 = gerakkan kotak, klik pada frame 30 = gerakkan kotak, klik pada frame 40 = gerakkan kotak. Maka hasilnya akan jadi seperti di bawah
Mudah bukan? Tekan CTRL + ENTER untuk melihat hasilnya.
Langkah 5 :
Dari animasi yang telah kita rangka tadi kita boleh adjust setiap titik animasi yang ada untuk mengubah tempat dan arah animasi tersebut. Sebagai contoh anda klik pada frame 10 dan gerakkan kotak itu ke tempat lain. Maka tempat animasi dan arahnya akan berubah.
Langkah 6 :
Selain itu, kita juga boleh membuat garisan animasi itu menjadi lengkung.
- Klik pada frame 20
- Letakkan selection tool betul-betul di atas garisan hijau (garisan animasi) sehingga keluar tanda lengkung di bawah selection tool
- Tolakkan garisan tersebut ke atas mahupun ke bawah. Ikut kreativiti anda
Maka hasilnya animasi anda akan kelihatan smooth dan lancar dengan adanya lengkungan
Langkah 7 :
- Klik pada frame 30 pula
- Kali ini saya buatkan lengkungan ke dalam
- Gunakan sub selection tool pula
- Klik pada titik tengah animasi frame 30 itu
- Maka ianya akan jadi seperti di bawah
- Gunakan subselection tool dan klik pada point lengkungan anchor (teknik ini sama seperti di dalam AI) untuk adjust bentuk lengkungan yang lebih cantik (rujuk imej di bawah)
Hasilnya :
Maka bila anda test movie animation ini hasilnya cukup menarik. Apa yang membezakannya adala kreativiti anda untuk membentuk lengkungan animasi tersebut. Secara amnya teknik animasi CS4 ini lebih mudah dan teratur. Jika di versi terdahulu kita terpaksa membuat beberapa layer untuk merge dengan motion guidebagi mendapatkan lengkungan seperti itu, tetapi di CS4 ia mudah dan cepat.
Oleh itu JOM BERALIH KE FLASH CS4!!!
Tutorial ini juga boleh didapati di www.sifoo.com
.…
thank you!!…
.…
good info!!…
.…
good info….
.…
благодарствую….
.…
hello!!…
.…
спс!!…
.…
благодарствую….
.…
good info!!…
.…
tnx for info!!…
.…
good!!…
.…
tnx!!…
.…
thanks!…
.…
good info!!…
.…
tnx for info!…
.…
thanks for information!…
.…
благодарю!!…
.…
tnx for info!!…
.…
thank you!!…
.…
thanks!…
.…
tnx for info!…
.…
thank you….
.…
good….
.…
thanks for information!…
.…
good info!…
.…
tnx for info!!…
.…
tnx for info!!…
.…
thanks….
.…
tnx!!…
.…
tnx….
.…
thanks!!…
.…
thank you….
.…
good!!…
.…
tnx for info!!…
.…
thank you!!…
.…
tnx for info!…
.…
good….
.…
good info!!…
.…
tnx for info!!…
.…
hello!…
.…
thank you!…
.…
tnx for info!…
.…
good!…
.…
tnx for info….
.…
tnx for info….
.…
hello….
.…
good info….
.…
tnx for info….
.…
good!…
.…
tnx!…
.…
tnx for info!!…