Minggu, 06 November 2011

membuat animasi motion tween

pada posting yang lalu telah dijelaskan tentang bagaimana membuat animasi motion shape dan akan dilanjutkan dengan tutorial part 2 yaitu dimana akan dijelaskan cara membuat animasi dengan motion tween

animasi motion tween adalah animasi dimana objek yang bergerak akan berdasarkan arah yang telah ditentukan, animasi ini juga bisa digabung dengan metode motion shape pada tutorial yang lalu.

langkah membuat animasi motion tween adalah sbb :
  1. klik file - new - flash document - ok
  2. pada frame pertama (1) buatlah objek lingkaran
  3. kemudian klik kanan pada frame 1 dan pilih create motion tween
  4. lakukan klik pada frame ke 10 kemudian pilih insert keyframe
  5. dengan menggunakan selection tool pindahkan objek lingkaran ke sebelah kanan/bawah dengan cara drag pada objeknya
  6. untuk mencoba tekan Ctr+Enter
finish..let's try sob....

membuat animasi motion shape

Dalam tutorial ini akan dijelaskan langkah-langkah dasar untuk membuat animasi menggunakan Flash 8, tutorial ini akan membahas bagaimana cara membuat animasi flash motion shape, animasi motion tween, animasi motion guide, animasi motion tween rotate dan cara membuat button atau tombol.

tutorial ini akan dibagi menjadi 4 bagian (part) dan akan di publish pada setiap posting baru dan pada posting kali ini akan dijelaskan bagaimana cara membuat animasi motion shape

animasi motion shape adalah sebuah animasi atau pergerakan objek dimana bentuk dari objek yang dianimasikan akan berubah dari titik awal menuju titik akhir sesuai dengan yang kita tentukan

langkah cara membuat animasi motion shape adalah :
  1. pilih File new - flash document - OK
  2. pada frame kesatu buat objek lingkaran dengan menggunakan oval tool yang ada pada sebelah kiri, seperti gambar dibawah ini
  3. pada frame 20 lakukan klik kanan dan pilih insert keyframe
  4. kemudian klik pada frame 20 lagi dan tekan delete pada keyboard
  5. objek lingkaran otomatis hilang, kemudian anda buat objek baru lagi berupa persegi panjang dengan menggunakan rectangle tool pada posisi manapun
  6. klik pada frame 1
  7. pada menu propertis flash yang ada dibawah, ganti opsi tween dengan shape, seperti gambar dibawah ini
  8. terakhir, tekan tombol Ctrl+Enter untuk melihat hasilnya

posting berikutnya adalah bagaimana cara membuat animasi motion tween...gampang kan?
thanks for sinau flash yah...

membuat animasi kupu-kupu terbang

1. Pertama, buka dulu software Macromedia Flash 8. Dan untuk memudahkan kita,kita pakai saja pengaturan langsung secara otomatis. Akan tetapi anda dapat merubah pengaturannya sesuai keinginan.

2. Lalu kita dapat membuat gambar kupu- kupunya langsung dalam Macromedia Flash 8 tersebut ataupun dengan meng-import gambar. Nah kali ini kami akan menggunakan cara  kedua ,karena kami anggap lebih mudah dan tidak membuang banyak waktu. Caranya yaitu kita klik menu File > Import > Import to Library, seperti gambar dibawah ini. 







Setelah itu pilih gambar sesuai kengginan dalam komputer kita.

3. Lalu kita drag ( klik kiri jangan dilepas dan geser sampai layar kerja kita) gambar kupu- kupu dari library kita, seperti gambar berikut.
Dan kita atur ukuran gambarnya sesuai kengingginan kita dengan menggunakan Free Transform Tool atau kita klik gambar + tombol Q. 

4. Lalu kita ubah gambar kupu- kupu kita kedalam bentuk Graphic, yaitu dengan cara klik menu Modify > Convert to Symbol atau dengan cara tekan tombol F8 pada keyboard.

5. Lalu kita pilih Graphic dan kita beri nama sesuai keingginan, misalnya kita beri nama kupu-kupu pada kolom namanya lalu kita klik OK.


6. Selanjutnya kita double clik ( klik dua kali cepat) pada objek kupu- kupu kita. Dan kita akan membuat gerakan kupu- kupu itu seolah mengepakkan sayapnya, yaitu dengan cara kita klik pada frame 2 dan kita klik kanan > pilih Insert Keyframe atau kita pencet tombol F6 pada keyboard.


7. Setelah kita beri keyframe kita ubah saja ukurannya dengan free transform tool untuk membuat kupu- kupu itu seolah- olah mengepakkan sayapnya, tetapi kita hanya merubah ukuran width atau menyamping saja seperti contoh berikut :


8. Setelah itu kita kembali kedalam Scene 1 untuk kembali ke lembar kerja awal untuk membuat jalur yang akan digunakan nantinya, caranya kita klik saja tulisan Scene 1 pada layar bagian atas.


9. Tahap berikutnya kita akan membuat jalur bagi kupu- kupu kita dengan cara menambahkan Motion Guide dengan meng-klik Add Motion Guide.


10. Lalu kita klik frame 1 pada Guide: Layer 1 dan membuat jalur sesuai keinginan kita dengan pencil tool pada daftar tool yang tersedia pada pojok kiri seperti contoh berikut ini :



11. Selanjutnya kita akan membuat kupu- kupu itu bergerak mengikuti jalur yang telah kita buat seperti diatas, yaitu dengan cara kita tempelkan lingkaran putih pada pusat gambar/ objek pada awal garis dan kita arahkan kupu- kupu tersebut depan lintasannya, contohnya sebagai berikut :


12. Kemudian kita buat lagi keyframe pada layer 1 dan insert freme pada frame sesuka kita di Guide: Layer 1 (semakin tinggi frame yang kita letakkan akan semakin lama durasi yang kita berikan ), pada contoh ini kami mengambil frame 140, dan arahkan kupu- kupu kita ke arah akhir jalur dan kita tempelkan pusat objek dengan jalur kita, seperti contoh berikut :


13. Lalu kita berikan Motion Tween pada kupu- kupu di Layer 1 dengan cara klik pada frame diantara 1 – 140 ( frame yang kita gunakan ) lalu klik kanan > pilih Create Motion Tween.


14. Lalu tahap terakhir kita akan memperhalus gerakan kupu- kupu itu dengan menggunakan Orient to path dengan cara klik bagian tengah Motion Tween dan pilih Orient to path pada kotak dialog Properties seperti gambar: