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.

Read more »

Membuat Pesawat

Pada tutorial ini akan dibahas step by step mulai dari pembuatan gambar sampai dengan pembuatan animasi tiap obyek yang ada dalam project.
Langkah pertama buka mac.flash 8 dan pilih Flash Document

Membuat layer dan menggambar obyek.

Membuat 3 layer : background , pesawat, awan dan sayap
cara membuat layer baru, klik new layer pada icon new layer disebelah kiri bawah

Untuk mengganti nama layer silakan anda double click pada layer yang bersangkutan.dan untuk menggambar tiap – tiap obyek dalam macromedia flash, klik dilayer yang bersangkutan. Misal ingin menggambar background silakan anda click pada layer background.
Untuk menggambar / memberi warna pada background anda dapat menggunakan rectangle tool (R) atau anda cukup menekan keyboar R, dan mulailah menggambar kotak dengan cara mendrag sesuai dengan lebar kanvas yang ada di halaman utama.

Langkah selanjutnya menggambar pesawat terbang, dan tool yang saya gunakan adalah oval tool (O) dan rectangle tool (R). Silakan anda gambar sesuka hati

Lakukan seleksi pada area pesawat yang telah anda buat

Kemudian klik kanan convert to symbol

Aktifkan gambar pesawat dan masuk ke action movie clip yang ada dimenu bawah

Ketikkan script berikut :

onClipEvent(enterFrame)
{
kecepatan=10
if(Key.isDown(Key.RIGHT))
{
_x+=kecepatan
}
if (Key.isDown(Key.LEFT))
{
_x-=kecepatan
}
if (Key.isDown(Key.UP))
{
_y-=kecepatan
}
if (Key.isDown(Key.DOWN))
{
_y+=kecepatan
}
}

(case sensitif, tuliskan dengan benar)
Lakukan pengetesan awal dengan cara tekan Ctrl+Enter atau F12
Jika anda sukses maka pesawat dapat anda gerakkan sesuai dengan gerak anak panah yang ada di papan keyboard anda.
Langkah yang ketiga adalah menggambar awan dan membuat animasinya.
Anda dapat menggunakan oval tool (O) untuk menggambar awan dan jangan lupa untuk mengaktifkan layer awan agar halaman yang aktif tepat pada layer awan.

Saya gambar diatas background supaya nanti awan akan berjalan dari luar halaman kemudian masuk dan keluar halaman lagi dengan cara :
Seleksi ketiga awan tersebut, klik kanan convert to symbol, setelah itu double click awan tersebut maka anda akan dibawa ke scene awan.
Untuk membuat animasi awan yang ada anda dapat membuat animasi dengan cara:

1. Pada Layer 1, klik kanan pada frame pertama create motion tween kemudian klik juga diframe 30 kemudian lakukan insert keyframe dengan cara klik kanan insert keyframe
2. Geser awan tersebut dari atas kebawah.
3. Klik pada scene 1 untuk kembali ke halaman utama

Jika proses step by step anda sukses maka akan anda dapati sebuah pesawat yang dapat anda gerakan dengan keyboard dan awan yang berjalan dari atas kebawah.

Read more »

Membuat Jam Dinding

Tik tok tik tok, sambil menunggu waktu berbuka puasa lebih baik kita belajar animasi dan Action Script dengan Flash. Pada Tutorial Flash kali ini kita akan mencoba membuat Jam dinding sederhana. Penasaran cara membuatnya?

Langkah - langkahnya sbb:
1. Buka Program Flash
Start >> All Program >> Flash , pilih flash dokumen
disini penulis menggunakan Flash MX 2004 namun tutorial ini bisa diterapkan di Adobe Flash versi berapapun termasuk Flash CS5


2. Buat lingkaran Gunakan oval tool (shortcut tombol: O), tips: tekan dan tahan tombol shift pada keyboard agar lingkaran bulat sempurna



3. Ubah warna fill jadi hitam, Gunakan text tool (Short cut tombol : T) dan tulis 1 per 1 nomor jam mulai dari 1 - 12 untuk penomoran angka
gunakan Selection tool untuk meletakkan nomor - nomor tersebut pada bagian jam



4. Dengan Line Tool (N) buatlah 3 buah garis untuk penunjuk arah jam
garis jam (pendek) , garis menit (agak panjang) , garis detik (panjang)

5. Seleksi garis yang paling pendek dengan selection tool (V) dan tekan F8
muncul jendela dan masukkan jam_mc dan pilih movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.

Seleksi movie clip jam_mc di Lembar kerja kemudian tekan Ctrl+F3 untuk memunculkan panel properties. Pada panel properties yang muncul masukkan jam_mc sebagai instance name.


6. Sama seperti di atas
Seleksi garis kedua (agak panjang), kemudian tekan F8. Pada panel yang muncul masukkan menit_mc dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.
Seleksi movie clip menit_mc. Pada panel properties yang muncul masukkan menit_mc sebagai instance name.

7. Sama seperti di atas
Seleksi garis ketiga (paling panjang), kemudian tekan F8. Pada panel yang muncul masukkan detik_mc dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.
Seleksi movie clip detik_mc. Pada panel properties yang muncul masukkan detik_mc sebagai instance name.

8. Satukan dan letakkan garis dengan urutan jam lalu menit kemudian detik dan letakkan di dalam tempat jam


9. Setelah semuanya terpasang, klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :


Masukkan code script berikut ini:
//perintah yang dijalankan ketika frame dimainkan onEnterFrame = function () { //membuat variable waktu sebagai date object waktu = new Date(); //membuat variable jam dengan nilai sama dengan jam pada komputer jam = waktu.getHours(); //membuat variable menit dengan nilai sama dengan menit pada komputer menit = waktu.getMinutes(); //membuat variable detik dengan nilai sama dengan detik pada komputer detik = waktu.getSeconds(); //digunakan jika komputer menggunakan sistem 12 jam //jika nilai variable jam lebih dari 12 maka akan dikurangi 12 if (jam>12) { jam -= 12; } //movie clip jam_mc akan berotasi sesuai nilai variable jam dikali 30 yang ditambah nilai variable menit di bagi 2 jam_mc._rotation = jam*30+(menit/2); //movie clip jam_mc akan berotasi sesuai nilai variable menit dikali 6 menit_mc._rotation = menit*6; //movie clip detik_mc akan berotasi sesuai nilai variable detik dikali 6 detik_mc._rotation = detik*6; };

10. Tekan Ctrl+Enter untuk melihat hasilnya.
kira - kira seperti ini:

Animasinya bisa diexport dalam bentuk flash movie dengan cara klik File >> Export movie, beri nama dan pilih format swf

ilmugrafis.com

Read more »

Membuat Ombak

Tutorial kali ini adalah Tutorial Membuat ombak di flash, disini saya menggunakan Macromedia Flash 8. Kalo kita berbicara tentang debur ombak penulis jadi ingat Pantai Indonesia yang Indah nih.

1. Buka program flash 8
Ubah ukuran stage menjadi 768 x 576 pixels.
Ganti warna bacground menjadi warna hitam


2. Ganti warna fill color menjadi #336699 dan warna stroke dijadikan none

3. Klik rectangle tool   untuk membuat airnya dengan mendragnya ke stage seperti gambar dibawah ini.



4. Klik kanan di frame 15 lalu  klik insert keyframe, Ubah gambar airnya dengan cara tarik ke atas menggunakan selection tool yang sebelah kiri
Gambarnya :



7. Klik di frame 1  lalu pilih tween shape

gambarnya


Di frame 35 klik kanan insert keyframe, Ubah gambarnya seperti ini>>



8. Klik Di frame 15 pilih tween shape


9. Lalu copy frame 1
caranya : klik kanan pada frame 1 dan pilih Copy Frames
kemudian Pastekan di frame 60


10. Klik Di frame 35 pilih tween shape
Seperti gambar dibawah ini:

Selamat mencoba...(@_@)

Jika semua sudah selesai tinggal kita menekan ctrl + enter  dan nikmati hasilnya

ilmugrafis.com

Read more »

Animasi Shine pada Mobil

Flash merupakan program untuk membuat animasi yang handal, Tutorial Flash kali ini adalah membuat efek animasi mengkilat (shine) dan membuat mobil tampak 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 bahasa Indonesia dengan tema mobil bercahaya mengkilap.

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…


ilmugrafis.com

Read more »