Teknik Tweened Animation mempunyai dua tipe animasi yaitu, motion Tween dan Shape Tween.

Animasi Motion Tween biasa digunakan untuk membuat animasi objek bergerak (dari posisi satu ke posisi lain), berputar dan mengubah ukuran (skala). Motion Tween dapat diterapkan pada objek instance (simbol) grup dan teks. Adapun animasi shape Tween merupakan animasi perubahan bentuk sebuah objek, misalnya dari bentuk kotak berubah menjadi bentuk lingkaran. Shape tween dapat diterapkan pada objek shape (Rectangle, oval dan pencil tool) Bagaimana Membuat Animasi Motion Tween dengan objek bergerak....????? mari kita coba langkah-langkah di bawah ini... 1. SIAPkan sebuah STAGE baru / kosong 2. Buatlah sebuah objek bebas, contoh objek yang kita buat adalah lingkarang dengan menggunakan Oval tool

3. dengan menggunakan arrow tool, blok seluruh objek { Bila objek ter blok akan di tunjukkan dengan simbol bintik2 pada objek tersebut}

setelah itu klik kanan convert to symbol pilih Graphic

yang hasilnya objek akan berubah symbol

4. pilihlah posisi Frame selanjutnya yang dimungkinkan kita akan menempatkan posisi terbaru objek lingkaran itu. sebagai contoh Frame 25. Pada frame ke 25 kita ciptakan Keyframe dengan cara klik kanan pilih insert keyframe atau tekan F6 Setelah keyframe di ciptakan pada frame ke 25. objek lingkaran kita pindahkan ke posisi terbaru dengan menggunakan Arrow tool.

5. di antara frame awal (frame 1) sampai frame terakhir (frame 25) kita tempatkan kursos dengan menggunakan klik kanan pada frame tersebut ciptakan Motion tween. yang ditandai frame 1 sampai dengan frame 25 akan berubah warna menjadi biru muda dengan garis panah hitam diantaranya.

6. klik Control - Play untuk mencoba hasilnya atau silahkan tekan enter atau Ctrl + Enter untuk melihat hasil animasi tersebut

MOTION TWEEN ROTATION Animasi PUTAR Selain tipe animasi gerak ada juga Tween motion dengan animasi putar. gunakan langkah2 berikut ini untuk mencobanya ; 1. buatlah sebuah objek. kali ini kita gunakan aja sebuah bidang berbentuk roda. {gambar bisa di buat sendiri}

2. dengan cara yang sama ketika membuat objek animasi gerak. Dengan menggunakan arrow tool. Obyek roda klik kanan convert to symbol - pilih Graphic 3. Tentukan titik Frame ke -2 . misalnya pada frame ke 25. Klik kanan pada frame tersebut ciptakan keyframe 4. antara frame awal (frame 1) sampai frame terakhir (frame 25) ciptakan motion tween.

5. setelah motion tween tercipta. Klik frame 1. dah pilih jendela property. Pada pilihan Tween akan terdapat keterangan motion. ini dikarenakan kita menggunakan motion tween. Pada pilihan Rotate pilih salah satu putaran yang diinginkan. CW digunakan untuk memutar objek searah jarum jam, sedangkan CCW digunakan untuk memutar objek berlawanan arah jarum jam. sebagai contoh pilih CW

6. Tekan Ctrl + Enter untuk mencoba animasitersebut

MOTION TWEEN TRANFORM Animasi SKala (Transform) kali ini yang akan kita pelajari adalah animasi gerak yang di gabungkan dengan animasi skala.Lankah-langkah yang di ambil sama dengan materi Animasi Gerak dengan beberapa tambahan mari kita coba langkah-langkah di bawah ini... 1. SIAPkan sebuah STAGE baru / kosong 2. Buatlah sebuah objek bebas, contoh objek yang kita buat adalah lingkarang dengan menggunakan Oval tool

3. dengan menggunakan arrow tool, blok seluruh objek { Bila objek ter blok akan di tunjukkan dengan simbol bintik2 pada objek tersebut}

setelah itu klik kanan convert to symbol pilih Graphic

yang hasilnya objek akan berubah symbol

4. pilihlah posisi Frame selanjutnya yang dimungkinkan kita akan menempatkan posisi terbaru objek lingkaran itu. sebagai contoh Frame 25. Pada frame ke 25 kita ciptakan Keyframe dengan cara klik kanan pilih insert keyframe atau tekan F6 Setelah keyframe di ciptakan pada frame ke 25. objek lingkaran kita pindahkan ke posisi terbaru dengan menggunakan Arrow tool.

5. di antara frame awal (frame 1) sampai frame terakhir (frame 25) kita tempatkan kursos dengan menggunakan klik kanan pada frame tersebut ciptakan Motion tween. yang ditandai frame 1 sampai dengan frame 25 akan berubah warna menjadi biru muda dengan garis panah hitam diantaranya.

6. Pada Frame ke 25 dengan menggunakan arrow tool klik objek tersebut dan klik free transform

klik Control - Play untuk mencoba hasilnya atau silahkan tekan enter atau Ctrl + Enter untuk melihat hasil animasi tersebut MOTION TWEEN COLOR ANIMASI warna selain perpindahan/gerak, putaran/rotasi, dan skala kita juga bisa melakukan perubahan warna. kali ini kita akan bahas perubahan warna dengan memanfaatkan animasi-animasi sebelumnya mari kita coba langkah-langkah di bawah ini... 1. SIAPkan sebuah STAGE baru / kosong 2. Buatlah sebuah objek bebas, contoh objek yang kita buat adalah lingkarang dengan menggunakan Oval tool

3. dengan menggunakan arrow tool, blok seluruh objek { Bila objek ter blok akan di tunjukkan dengan simbol bintik2 pada objek tersebut}

setelah itu klik kanan convert to symbol pilih

Graphic

yang hasilnya objek akan berubah symbol

4. pilihlah posisi Frame selanjutnya yang dimungkinkan kita akan menempatkan posisi terbaru objek lingkaran itu. sebagai contoh Frame 25. Pada frame ke 25 kita ciptakan Keyframe dengan cara klik kanan pilih insert keyframe atau tekan F6 Setelah keyframe di ciptakan pada frame ke 25. objek lingkaran kita pindahkan ke posisi terbaru dengan menggunakan Arrow tool.

5. di antara frame awal (frame 1) sampai frame terakhir (frame 25) kita tempatkan kursos dengan menggunakan klik kanan pada frame tersebut ciptakan Motion tween. yang ditandai frame 1 sampai dengan frame 25 akan berubah warna menjadi biru muda dengan garis panah hitam diantaranya.

6. pada frame terakhir (frame 25) buka jendela property perhatikan pilihan color. apabilan option color pada jendela property tidak muncul dengan menggunakan arrow tool klik objek benda tersebut. sehingga option color akan muncul. dan pilih Tiny.

dan pilih warna yang dinginkan

klik Control - Play untuk mencoba hasilnya atau silahkan tekan enter atau Ctrl + Enter untuk melihat hasil animasi tersebut

PANEL FLASH
8:20 AM Ar1f54 No comments Email This BlogThis! Share to Twitter Share to Facebook

Selain elemen Stage, Ruler, dan Guides diatas masih ada beberapa elemen yang lain antara lain : PROPERTIES INSPECTORE yang berfungsi untuk mengatur properties dan tampilan dari obyek yang kita pilih. contoh properties teks.

dalam jendela ACTIONS, anda dapat menuliskan perintah Actionsscript untuk pembuatan sebuah animasi interaktif.

Panel COMPONENT menyediakan komponen-komponen yang sudah diatur parameternya oleh program flash sehingga anda tinggal menggunakan komponen tersebut ke dalam stage.

Panel COLORMIXER digunakan untuk mengolah warna pada sebuah objek terpilih.

Panel LIBRARY menampung simbol yang pernah dibuat didalam stage. seperti simbol graphic, button dan movie clip

DASAR FLASH
8:11 AM Ar1f54 No comments Email This BlogThis! Share to Twitter Share to Facebook DASAR FLASH Actionscript Adalah bahasa yang dikenal dan digunakan dalam flash untuk melakukan berbagai manipulasi movie Keyframe Frame yang menjadi tempat bagi si pembuat untuk mendefinisikan perubahan pada property objek untuk sebuah animasi atau bias untuk menambahkan kode action script untuk mengontrol aspek-aspek tertentu dari dokumen Timeline Garis waktu untuk mengorganisasi dan mengontrol isi dokumen perwaktu dengan frame dan layer. Komponen utama timeline adalah frame, layer dan playhead Frame adalah seperti dalam film, panjang dokumen flash di bagi-bagi dalam frame. Tiap-tiap frame bias berisi sejumlah objek. Layer seperti strip-strip film yang banyak yang bertumpukan satu dengan lainnya. Masing-masing berisi gambar yang tampil dalam stage. Layer paling atas adalah yang tampil teratas/paling atas Playhead adalah mengidikasikan frame saat ini yang sedang tampil dalam stage Stage Adalah tempat berupa kotak yang merupakan tempat diletakkanya gambar, termasuk

gambar-gambar vector, teks, symbol dan sebagainya Symbol Adalah objek yang dibuat dengan flash. Ada 3 macam symbol yaitu : a. movie clip adalah symbol yang memiliki timeline sendiri, berbeda dengan symbol lain. Pengguna dapat menganimasikan movie clip di timelinya sendiri dan juga timeline utama b. button merupakan bagian yang sangat fundamental dalam pembuatan form atau aplikasi web. Button dapat digunakan apabila pembuat menginginkan seseorang pengguna memulai sebuah event. Timeline button antara lain keadaan button saat tidak di dekati mouse(UP), saat mouse berada diatasnya(Over) dan saat button ditekan oleh mouse(Down) dan HIT mendefinisikan besar area untuk penekanan tombol c. Graphic Merupakan symbol yang cocok untuk penggunaan berulang-ulang untuk gambar gambar statis atau membuat animasi yang terasosiasi dengan timeline utama. Graphic tidak memiliki instance name, juga tidak memiliki timeline sendiri sehingga tidak bias dianimasikan Instance name Adalah sebuah nama unik, pengenal setiap objek dalam stage sebagai referensi bagi actionscript Linkage Adalah nama yang dieksport untuk digunakan oleh actionscript Depth Level kedalam unik dari sebuah objek, yang menentukan objek berada di depan atau dibelakang objek lain Teks Ada 3 jenis teks, yaitu : static tekt, teks yang bias dibuat dekoratif atau teks apapun yang tidak memerlukan perubahan atau pengisian dynamic text yang bias diisikan dari file luar database, ataupun teks bias diubah saat file swf berjalan di flash player input teks, teks yang bias diisikan oleh pengguna

TOOL FLASH
8:12 AM Ar1f54 No comments Email This BlogThis! Share to Twitter Share to Facebook

TOOLBOX menampilkan beberapa piranti yang digunakan yang digunakan untuk membuat objek seni dan beberapa piranti yang digunakan untuk pewarnaan objek. berikut ini adalah nama dan fungsi tool : - Selection tool digunakan untuk menyeleksi objek - line tool digunakan untuk menggambar garis lurus - pen tool digunakan untuk menggambar objek path - oval tool digunakan untuk menggambar objek lingkaran - rectangle tool digunakan untuk menggambar objek kotak

- polystar tool digunakan untuk menggambar objek polygon dan bintang - pencil tool digunakan untuk menggambar dengan bentuk coretan pensil - brush tool digunakan untuk menggambar dan mewarnai dengan bentuk polesan kuas - free transform tool digunakan untuk mengubah ukuran dan memutar objek dengan bebas - fill transform tool digunakan untuk mengubah dan memutar warna dasar objek terutara warna gradasi - paint bucket tool digunakan untuk mewarnai bidang objek tertutup - eraser tool digunakan untuk menghapus objek - stroke color digunakan untuk menentukan warna garis pada objek - fill color digunakan untuk menentukan warna dasar pada bidang objek TIMELINE berisi layer, frame, blank keyfram dan keyfram pada dasarnya berfungsi untuk mengatur pembatasan animasi pada obyek STAGE juga dapat disebut lembar kerja yang berfungsi untuk menempatkan objek animasi dalam macromedia terdapat 4 macam panel property yaitu :

brightness; berfungsi untuk mengatur pencahayaan gelap-terang pada obyek tint; berfungsi untuk memberikan pewarnaan obyek dengan menggunakan jenis warnayang sama alpha; berfungsi untuk mengatur efek transparan advanced; merupakan penggabungan antara tint dan alpha