RSS

Flash8 & Flash CS3 — Membuat Animasi Orang Berjalan Di Luar Jendela

01 Nov

Halo :)

Kali ini dibuat animasi orang yang sedang berjalan di luar jendela.

Software yang digunakan :

Flash 8 dan Flash CS3

AS [ActionScript] yang digunakan :

Tidak ada.

Preview hasil jadi :

peoplewalkinghasiljadiexample

Untuk melihat swf animasi ini bisa di lihat di sini

Animasi ini menggunakan Masking dan Motion Guide.

Yang akan saya beritahu hanya membuat animasi orang berjalan di luar jendela, silakan tambahkan sendiri gambar orang di dalam ruangan bila ingin ;)

  • Buatlah jendela dengan menggunakan Rectangle Tool dengan warna putih. Dan beri warna stage [Untuk membuat warna dinding bisa dengan mengubah warna background stage, caranya bisa di lihat di sini] sesuai warna dinding yang diinginkan. Rename Layer 1 dengan nama WallAndWindow.

Jendela dan dinding yang sudah dibuat di layer WallAndWindow.

  • Buat layer baru dengan nama TheMaskingPeopleWalking. Kemudian buat lagi jendela yang sama persis [ukuran maupun posisi] dengan jendela yang ada di layer WallAndWindow.[Cara gampangnya Copy jendela di Layer WallAndWindow dan Paste in Place pada Layer TheMaskingPeopleWalking ;) ]

Copy jendela di Layer WallAndWindow.

Paste in Place pada Layer TheMaskingPeopleWalking.

  • Ubah jendela di Layer TheMaskingPeopleWalking menjadi symbol Movie Clip dengan nama mc_Window. Klik kanan mc_Window yang baru dibuat dan pilih Edit In Place.

Setelah menu Edit In Place dipilih kita akan masuk ke dalam mc_Window.

Masking Time :D

  • Buat layer baru di bawah Layer 1. Geser posisi layer dengan mengklik dan menahan layer.
  • Gambar orang yang akan melewati jendela [berupa bayangan gelap seperti yang saya buat atau gambar orang yang terlihat jelas terserah :) ] atau import gambar yang sudah dibuat sebelumnya pada frame 1 di Layer 2.

Gambar tidak perlu seluruh badan, karena yang akan terlihat di jendela hanya bagian atas badan.

  • Klik kanan pada Layer 1 dan pilih Mask. Masking selesai. Test movie dengan menekan Ctrl + Enter untuk melihat hasilnya. :)

Ok, kita sudah mendapatkan efek orang berada di luar jendela, sekarang yang perlu kita lakukan adalah membuat animasi orang tersebut

Motion Guide Time :D

  • Ubah gambar orang orang tersebut menjadi symbol Movie Clip dengan nama mc_People1 dan mc_People2.

Ubah symbol Graphic g_People1 menjadi Movie Clip mc_People1. Lakukan hal yang sama untuk g_People2.

  • Klik kanan mc_People1, pilih Edit in Place. Pilih frame 180 pada Layer 1 dan tekan F6.

  • Klik kanan pada Layer 1, pilih Add Motion Guide. Kemudian buat garis pemandu untuk cara berjalan orang di luar jendela tersebut. [Disarankan jangan putih atau hitam karena akan tertutup gambar kotak dan gambar bayangan orang]

  • Pilih frame 180 pada Layer 1 dan geser posisi gambar orang agar titik tengah gambar berada tepat pada garis pemandu.

  • Pilih frame mana saja di antara frame 1 dan 180 pada Layer 1, klik kanan dan pilih Create Motion Tween.

  • Test movie dengan menekan Ctrl + Enter.
  • Animasi selesai. [Anda sekarang bisa melanjutkan sendiri untuk orang yang kedua bukan? ;) ]

Contoh bila animasi ini ditambahkan gambar orang di dalam ruangan :

Source file bisa di dl di sini :

Flash8

FlashCS3

Terima kasih sudah mampir dan membaca blog saya (^_^)

About these ads
 
4 Komentar

Ditulis oleh pada November 1, 2010 in Flash

 

Tag: , , ,

4 responses to “Flash8 & Flash CS3 — Membuat Animasi Orang Berjalan Di Luar Jendela

  1. tian

    Mei 13, 2012 at 5:47 pm

    terimakasih sangat bermanfaat :)

    Suka

     
    • 8oni

      Mei 13, 2012 at 9:43 pm

      Sama sama, senang bisa membantu :)

      Suka

       
  2. Japan-Fishing.net

    Mei 23, 2013 at 5:01 pm

    This website truly has all of the information I wanted concerning this subject and didn’t know who to ask.

    Suka

     
    • 8oni

      Mei 23, 2013 at 6:53 pm

      Thank you for the kind comment and the visit :)

      Suka

       

Berikan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

 
Ikuti

Get every new post delivered to your Inbox.

%d blogger menyukai ini: