Animasi Shine - Mobil Mengkilap Bercahaya
Publish: 17 Januari 2009 | Author & Copyright: Inchan | Status: FREE tutorial

Flash merupakan program untuk membuat animasi yang handal, Tutorial Flash kali ini adalah membuat efek animasi shine dan membuat mobil mengkilap bercahaya...

Para Pembaca yang budiman, belum punya mobil yang mengkilap tapi ingin membuat mobil anda jadi mengkilap tanpa biaya nah cuma di ilmugrafis kumpulan tutorial flash dengan tema mobil mengkilap bercahaya.

Langkah - Langkahnya:

1. Masukkan (import) gambar ke dalam stage


misalnya gambar mobil seperti gambar di bawah ini



2. Setelah gambar berada pada stage, atur besarnya stage sesuai dengan ukuran gambar yang telah di import tadi misalnya 500 px (width) dan 315 px (height)



3. Ganti nama  layer1 menjadi mobil


4. Tambahkan satu layer baru, kemudian ganti layer tersebut dengan nama efek.


5. Klik icon rectangle tool ( tekan huruf R di keyboard ), kemudian gambar persegi panjang melebihi gambar mobil, seperti gambar di bawah ini.



6. Klik gambar persegi panjang yang telah dibuat tadi, kemudian ubah warna persegi panjang seperti gambar di bawah ini


7. Kemudian untuk mendapatkan efek cahaya yang mengkilap, lakukan pengaturan warna persegi panjang seperti gambar di bawah ini


8. Efek mengkilap telah selesai dibuat, kemudian langkah selanjutnya, tambahkan satu layer lagi, kemudian ganti nama layer tersebut dengan animasi



9. Masih di layer animasi kill icon Pen tool


10. Kemudian buatlah bagian yang akan dianimasikan misalnya seperti gambar di bawah ini.



11. Setelah area yang dianimasikan selesai dibuat, maka langkah selanjutnya yaitu klik kanan pada layer animasi pilih menu mask




12. Klik frame 30 pada setiap layer, kemudian tekan F6 untuk memberikan insert keyframe



13. Klik kanan antara frame 1 – 30 pada layer efek, kemudian pilih menu create motion tween





14. Klik frame 30 pada layer efek, kemudian pindahkan gambar persegi panjang ke sebelah kanan dari gambar mobil, seperti gambar di bawah ini


15. Tekan ctrl + enter untuk melihat hasilnya…
Preview in image mode


Preview in Animation Mode

Cling.. Cling.. Mobil Bersinar Mengkilap ^_^
Source File: mobil bersinar *.fla
Enjoy it………… OK sampai ketemu di tutorial Flash Selanjutnya...
SEMOGA BERMANFAAT

Mengontrol Movie dengan Button

Button adalah sebuah tombol yang di dalamnya berisi perintah-perintah tertentu utntuk mengendalikan suatu objek..

Berikut ini adalah contoh sederhana dalam menggunakan Button untuk mengotrol movie :

1. Buka dokumen baru Macromedia Flash 8
2. Rename (ubah nama) layer1 menjadi Mobil1. ( Bertujuan agar tidak membingungkan kita )
3. Pada layer Mobil1, gambarkan sebuah Mobil pada bagian kiri Stage ( layer kerja ). Jika tidak ada mobil, boleh juga menggunakan objek yang lain.

4. Kemudian Insert Keyframe pada frame 40. Lalu pindahkan mobil sampai ke tengah Stage.

5. Setelah itu, Insert Keyframe lagi pada frame 45. kemudian pindahkan mobil ke bagian kanan Stage. Perbedaan jarak frame, bertujuan untuk membedakan kecepatan mobil.

6. Kemudian Create Motion Tween antara frame 1 dan 40, antara frame 40 dan 45

7. Lakukan Insert Layer. Lalu Rename layer tsb menjadi Tombol. Setelah itu buatlah sebuah Button di kanan bawah Stage. Masih dalam layer Tombol, lakukan Insert Keyframe pada frame 45.

8. Kemudian klik layer Mobil1, lalu klik pada frame 1

9. Setelah itu, klik kanan pada mobil, lalu pilih Convert to Symbol …

10. Dalam kotak dialog Convert to Symbol, isi Name dengan Mobil1 dan pilih Type “Movie Clip”

11. Kemudian klik kanan pada frame 1 dalam layer Mobil1 dan pilih Actions

12. Setelah itu akan terlihat tool Actions - frame

13. Kliklah tanda Plus Biru seperti dibawah. Pilih Global Functions, Timeline Control, Stop.

14. Jika berhasil, maka akan terlihat seperti berikut ini

15. Kemudian klik kanan pada Button, lalu pilih Actions

16. Lalu klik tanda Plus, pilih Global Functions, Movie Clip Control, on

17. Kemudian contenglah kotak Press dan Release

18. Kemudian klik tanda Plus lagi dan pilih Global Functions, Timeline Control, goto

19. Pada Textbox Type, pilihlah Frame Label. Kemudian isi Mobil1 pada Textbox  Frame

20. Langkah untuk membuat tombol sudah selesai. Silahkan lakukan Test Movie.

21. Jika Anda ingin menambah mobil satu lagi, lanjutkan langkah berikut.
22. Lakukan Insert Layer, Rename layer menjadi Mobil2. lalu buatlah sebuah mobil pada bagian kiri Stage

23. Kemudian Insert Keyframe pada frame 45. lalu pindahkan mobil kesebelah kiri Stage.

24. Masih dalam layer Mobil2, lakukan Create Motion Tween antara frame 1 dan 45

25. Akhirnya, siap untuk di-Test Movie.

Demikianlah, semoga bermanfaat.

<< Materi  TI Lainnya

Animasi Motion Guide

Animasi Motion Guide

Animasi motion guide adalah animasi yang mempunyai gerakan sesuai dengan
jalur yang kita buat. Animasi ini merupakan lanjutan dari animasi motion tween.
Animasi ini sangat cocok digunakan untuk jenis animasi yang membutuhkan
ketelitian dalam pergerakan yang dikehendaki atau sesuai keinginan pembuat
animasi.

Membuat animasi motion guide


Di bawah ini akan ditunjukkanproses pembuatan animasi motion guide :

1. Buka file baru atau Ctrl+N
   
2. Kemudian kita pilih Oval tool (O) pada toolbox dan kita mulai membuat
   objek lingkaran pada stage dengan mengklik dan drag, jangan lupa warna
   fiil objek balok harus berbeda dari warna background stage.
   
3. Kemudian klik kanan di frame ke-1, pilih Create motion tween
   
   
4. Pada frame ke-10 klik kanan kita pilih Keyframe,, kemudian kita
   geser lingkaran ke kanan sehingga tampak seperti pada gambar
   
5. Kemudian klik kanan layer 1 kemudian pilih Add Motion Guide
   maka akan muncul layer baru seperti tampak pada gambar.
   
   
   
6. Kemudian dengan layer guide masih terseleksi kita pilih Pencil Tool untuk
   membuat jalur yang akan menjadi lintasan animasi dari lingkaran.
   
   
7. Agar objek lingkaran dapat bergerak sesuai jalur, maka tengah objek
   haruslah berada di tengah jalur.
   
8. Oleh karena itu, klik frame 1 layer 1, Kemudian pilih Free Transform
   Tool agar bulatan tengah objek terlihat. Kemudian pindahkan objek
   sampai lingkaran tengah objek berada di ujung awal jalur.
9. Kemudian klik frame 40 layer 1, Kemudian pilih Free Transform Tool
   agar bulatan tengah objek terlihat. Kemudian pindahkan objek sampai
   lingkaran tengah objek berada di ujung akhir jalur.
   
   
10. Kemudian tekan Enter untuk melihat hasilnya

Catatan : dalam Motion Guide, tengah objek harus berada di tengah (jalur).Untuk mendownload file swf nya silahkan klik DISINI




Menjalankan Objek pada Lintasan Tertentu dengan Add Motion Guide

Add Motion Guide  adalah sebuah fasilitas yang ada dalam M. Flash 8 untuk menambahkan sebuah lintasan sebagai jalur jalannya sebuah objek. Berikut ini adalah contoh sederhana dalam menggunakan Add Motion Guide:

1. Buka dokumen baru M. Flash 8
2. Rename layer1 menjadi Bola1. ( Bertujuan agar tidak membingungkan kita )
3. Pada layer Bola1 gambarkan sebuah bola.

4. Kemudian Insert Layer, lalu Rename menjadi Garis1
5. Pada layer Garis1, gambarkan sebuah lintasan menggunakan pencil.

6. Kemudian klik kanan pada layer Bola1, lalu pilih Add Motion Guide

7. Setelah itu, akan terlihat “Guide : Bola1” di atas layer Bola1

8. Kemudian, Klik pada layer Garis1

9. Kemudian, klik menu Edit dan pilih Cut

10. Lalu klik Layer “Guide : Bola1”. Kemudian klik kanan pada stage (layer kerja) dan pilih Paste in Place

11. Setelah itu, klik kanan lagi pada stage, pilih Snaping, dan pastikan Snap to Objects dalan keadaan aktif  (terconteng).

12. Kemudian, klik pada layer Bola1

13. Lalu pindahkan Bola, sehingga pusat bola menyentuh ujung lintasan (Garis)

14. Kemudian Insert Keyframe pada frame 50 dalam layer Bola1

15. Setelah itu, Create Motion Tween di antara frame 1 dan frame 50 dalam layer Bola1

16. Insert Keyframe juga pada frame 50 dalam “Guide : Bola1”

17. Setelah itu, akan terlihat seperti berikut.

18. Kemudian klik frame 50 dalam layer Bola1. lalu pindahkah bola ke ujung lintasan, sehingga pusat bola menyentuh ujung lintasan.

19. Terakhir. Test Movie.

Demikianlah, semoga bermanfaat.