Welcome to my blog andreekeren.blogspot.com

Rabu, 02 September 2015

Membuat tombol Movie clip pada adobe flash cs3


          Ingin menyapa dulu untuk sahabat sahabat saya di manapun anda berada “ hai… gimana kabarnya? Saya harap baik - baik saja” Alhamdulillah saya baik sekali. Kali ini saya ingin membagikan sedikit dari pengetahuan saya tentang adobe flash dan kebetulan saya menggunakan cs3. Yah meskipun lagi bingung dengan ujian semester, tapi masih nyempetin untuk membuat tutorial ini bagi sahabat saya yang membutuhkan….

Oke langsung pada Tutorialnya saja

1. Buka program adobe flash versi berapa saja (terserah sobat).
2. Pilih Flash File ActionScript 2.0.
3. Buatlah sebuah bentuk tombolnya di sini saya mencontohkan sebuah lingkaran, untuk sobat bisa mengkreasikan sesuai dengan imajinasinya masing –masing

.Membuat tombol Movie clip pada adobe flash cs3

4. Kemudian convert menjadi Movieclip dengan menekan tombol f8 pada keyboard. Beri nama btn_yellow, pilih Type “ Movie Clip” setelah itu tekan ok.

Membuat tombol Movie clip pada adobe flash cs3

5. Double klik pada btn_yellow nya dan kita mulai untuk menganimasikannya. Saya menggunakan animasi sederhana berupa motion tween saja, tapi kita perindah dengan fitur Filter.

Membuat tombol Movie clip pada adobe flash cs3
(Gambar di atas ini menunjukkan bahwa kita masuk pada movie clip btn_yellow)

6. Kita movie clip lagi lingkaran kuning yang berada dalam movie clip btn_yellow dengan menekan tombol f8 dan beri nama btn_yellow2, pilih type “Movie clip” .

Membuat tombol Movie clip pada adobe flash cs3

7. Insert keyframe (tekan f6 pada keyboard) pada frame 10 dan 20. Lalu diantara frame 1 sampai 10 klik kanan pilih “Create Motion Tween” . ulangi lagi cara ini untuk frame 11 sampai 20. Membuat tombol Movie clip pada adobe flash cs3

8. Klik lingkaran kuning pada frame 10, pilih Filter – Add Filter (simbol +) – Glow.

Membuat tombol Movie clip pada adobe flash cs3

9. Nah sekarang atur seperti gambar di bawah ini , ganti warnanya menjadi hijau, Blur X dan Y: 55 , centang Inner glow.Membuat tombol Movie clip pada adobe flash cs3

10. Sekarang beri action script stop (tekan f9) pada frame 1, 10, dan 20

Stop();

11. Lalu beri nama home di dalam movie clip btn_yellow2

Membuat tombol Movie clip pada adobe flash cs3

12. Kembali lagi ke Scene 1 klik tombol home yang sudah jadi tadi, lalu tekan f9 dan isikan Action Script ini :

on (release, rollOver) { 
gotoAndPlay(2);
}
on (release, rollOut) {
gotoAndPlay(11); 
}

13. Untuk melihat hasilnya silahkan sobat test movie dengan menekan CTRL + Enter lalu coba arahkan pointernya pada tombol tersebut kalau berubah menjadi glow hijau, berarti sobat sudah berhasil.

Nah Akhirnya selesai juga…


Oke semoga tutorial Membuat tombol Movie clip pada adobe flash cs3 ini bisa bermanfaat bagi sobat

0 komentar: