Cara Membuat animasi masking dan path pada adobe flash CS3

Pada postingan kali ini kita akan mempelajari Cara Membuat animasi masking dan path pada adobe flash CS3 dan tentunya kita masih perlu memperlajari pada pembelajaran sebelumnya agar kita lebih bisa memahaminya dan pada postingan ini nantinya di harapkan kita bisa ; Membuat animasi dengan masking dan Membuat animasi mengikuti alur/guideline... amiin. Baiklah kita mulai saja dan mari kita pelajari bersama-sama secara seksama semoga berhasil amin kita perhatikan langkah-langkah di bawah ini;

A. Animasi Masking

• Buat sebuah file baru.
• Ketikkan teks Pustekkom atau bisa teks yang sesuai keinginan ini sekedar contoh saja pada stage. Font: Arial, size: 48, Color: Biru. Atur agar letaknya di tengah stage. seperti gambar di bawah ini;

contoh teks

• Klik di frame 40 pada timeline, klik kanan mouse pilih Insert Frame.
• Lalu Insert layer pada jendela Timeline, beri nama lingkaran. seperti gambar di bawah ini;

Layer Lingkaran

• Setelah membuat layer sekarang kita buat sebuah lingkaran pada stage dengan menggunakan oval pada toolbar ukuran lebih besar dari tinggi teks, warna bebas. seperti gambar di bawah ini;

lingkaran menutupi teks

• Klik mouse di frame 1 pada Timeline.
• Pilih Modify > Convert to Symbol.
• Beri nama lingkaran masking, pilih Graphic, pilih OK. seperti gambar di bawah ini;

Convert to simbol lingkaran

• Dengan menggunakan Selection tool pada toolbar atur gambar lingkaran kesamping kiri teks. Seperti gambar di bawah ini

lingkaran kekiri teks

• Klik di frame 40 pada layer lingkaran, klik kanan mouse pilih Insert keyframe.

frame 40 pada layer lingkaran

• Dengan menggunakan Selection tool pada toolbar atur gambar lingkaran kesamping kanan teks. Seperti gambar di bawah ini;

Lingkaran kekanan teks

• Blok dari frame 1 hingga 40 pada layer lingkaran, klik kanan mouse pilih Create Motion Tween. Seperti gambar di bawah ini;

Blok frame 1 sampai frame 40

• Pilih kotak kecil pada layer lingkaran, Klik kanan mouse pilih Mask. seperti gambar di bawah ini;

pemberian mask pada layer lingkaran

• Kemudian Jalankan animasi.

B. Animasi Gerak dengan Mengikuti alur (Guideline)

Setelah kita membuat animasi maskingnya dan sekarang kita Untuk membuat animasi sebuah objek yang dapat bergerak mengikuti sebuah alur atau guide, perhatikan langkah-langkahnya sebagai berikut.

• Buat File baru
• Kemudian Ubah nama layer 1 menjadi Bumi atau kalau belum ada layer buat layer baru dengan cara klik new layer kemudian kemudian beri nama Bumi seperti gambar di bawah ini;

layer bumi

• Kemudian Buat sebuah lingkaran Dengan menggunakan Selection tool pada toolbar yang cukup besar di tengah-tengah stage atau lembar kerja. (Apabila mempunyai gambar globe/bumi dapat digunakan dengan cara Import). Seperti gambar di bawah ini; (untuk warna bebas)

Contoh globe bumi

• Tambahkan layer baru pada Timeline, dengan cara mengklik mouse pada ikon Insert layer beri nama Bulan. seperti gambar di bawah ini;

layer bulan

• Kemudian buat lingkaran yang lebih kecil dari lingkaran bumi untuk object bulannya beri warna yang berbeda dari object bumi. seperti gambar di bawah ini;

object bulan

• Klik kanan mouse pada lingkaran bulan pilih Convert to Symbol, beri nama Bulan pilih Graphic, pilih OK. seperti gambar di bawah ini;

convert to symbol bulan

• Kemudian Pilih ikon Add Motion Guide pada jendela Timeline. seperti gambar di bawah ini;

Add Motion Guide

• Kemudian Buat sebuah lingkaran kosong (tanpa Fill atau tanpa warna pilih stroke) dan atur posisinya yang mengitari bumi dan  melewati gambar bulan seperti di bawah ini.

Garis atau line mengitari bumi dan melewati bulan

• lalu dengan bantuan Eraser Tool pada toolbar hapus sebagian lingkaran tadi hingga terputus. seperti gambar di bawah ini;

garis atau line setelah di hapus

• Kemudian Klik kanan mouse di frame 60 pilih Insert Keyframe (untuk ketiga layer). seperti gambar di bawah ini;

insert keyframe untuk ketiga layer

• Pilih frame 1 pada layer Bulan, dengan menggunakan Selection tool pada toolbar atur lingkaran bulan hingga titik tengahnya pada posisi awal lingkaran guide bulan. seperti gambar di bawah ini;

posisi awal titik guide

• Pilih frame 60 pada layer Bulan, dengan menggunakan Selection tool pada toolbar atur lingkaran bulan hingga titik tengahnya pada posisi akhir lingkaran guide bulan. seperti gambar di bawah ini;

posisi akhir titik guide

• Kemudian  terakhir Blok frame 1 hingga 60 pada layer bulan, klik kanan mouse pilih Create Motion Tween. seperti gambar di bawah ini;

Blok frame 1 s/d frame 60

• Untuk menghilangkan garis guideline, klik ikon mata pada layer Guideline bulan. seperti gambar di bawah ini;

guideline

• Jalankan animasi

Demikianlah Cara Membuat animasi masking dan path pada adobe flash CS3 dan semoga setelah kita mempelajari bersama kita bisa lebih memahaminya terutama dalam kita Membuat animasi dengan masking dan Membuat animasi mengikuti alur/guideline... amiin... amiin. silakan di copas saja semua demi kecerdasan anak bangsa Indonesia.