Membuat Jam Digital

Mungkin kebanyakan orang beranggapan membuat jam digital di flash sangatlah susah... :#
Orang yang beranggapan seperti itu biasanya belum pernah mencari tahu cara
membuatnya dan mungkin juga dia hanya menebak-nebak saja... :x

Nah kali ini saya akan memberi tahu cara membuat jam digital dengan format 24 jam dengan mudah... :D

teman2 hanya perlu mengukuti langkah-langkah dibawah ini :

Langkah awal bisa di lihat disini.
Langkah selanjutnya:

1) Pada Frame 1 Buatlah 5 Text(Static Text) dengan menggunakan Text Tool.
sehingga hasilnya seperti dibawah ini :


2) Pada Teks yang berisi angka N0L "00" Ubahlah Properties dari Static Text menjadi Dynamic Text, dengan masing2 Var: jam, menit, detik.
Lihat Keterangan Gambar dibawah:


Contoh mengubah Static Text menjadi Dynamic Text:
a) Klik pada Teks pertama yang berisi angka NOL "00".
Lihat gambar dibawah:


b) Ubahlah Properties Static Text menjadi Dynamic Text, lalu isi pada kolom Var: jam.
hasilnya akan seperti berikut :


c) Lakukan hal yang sama pada teks yang berisi angka NOL "00" ke 2 dengan var: menit, dan Teks ke 3 dengan var: detik.

3) Klik pada Frame 1 lalu tekan Tombol F9 untuk memunculkan Jendela Action, kemudian Copy Script dibawah ini ke dalam jendela Action:

onEnterFrame = function () {

waktu = new Date();
jam = waktu.getHours();
menit = waktu.getMinutes();
detik = waktu.getSeconds();

if (jam<10)>
jam = "0"+jam;
}

if (menit<10)>
menit = "0"+menit;
}

if (detik<10)>
detik = "0"+detik;
}
}


Script yang telah di Paste ke dalam Jendela Action.


Setelah Script di paste ke dalam jendela Action, pastikan pada Frame 1 terdapat Tulisan a, ini menandakan bahwa Script sudah terpasang pada Frame 1.
Lihat gambar dibawah:


4) Lihat Hasil kerja anda dengan menekan Ctrl+Enter.

5) Untuk menjadikan File SWF pilih File> Export> Export Movie jangan lupa Save as type (Flash Movie(*.swf)).

6). Semoga Berhasil...lihat hasilnya di bawah ini...

nb: -> Font yang saya gunakan DigifaceWide
-> Insert Comment...!!!
-> Created By : yHuS_dCc_X ----- Anak Sengkang Crew

Back to Home

Baca Selengkapnya...

Membuat Animasi Berputar

Untuk membuat animasi objek berputar, ada 2 cara yang bisa dilakukan yaitu dengan menggunakan Motion Rotate atau ActionScript :D.

CARA 1
Membuat Animasi Berputar dengan Motin Rotate.

Langkah Awal bisa dilihat disini.

1) Buatlah sebuah objek di stage misalkan persegi panjang.
Lihat Gambar di bawah:


2) Klik kanan objek tersebut lalu pilih Convert to Symbol...

3) Kotak dialog Convert to Symbol akan muncul, tuliskan sembarang nama pada bagian Name.
misalx : "dcc" lalu OK.
Lihat Gambar dibawah :

Pastikan Titik Koordinat berada di tengah.

4) Klik pada Frame 30, kemudian tekan Tombol F6 untuk menjalankan Insert KeyFrame.
Lihat Gambar dibawah :


5) Klik pada Frame 1 kemudian ubah Properties "Tween: None" menjadi "Tween: Motion" lalu pada "Rotate: Auto" menjadi "Rotate: CCW".
Lihat Gambar dibawah :


6) Lihat Hasil kerja anda dengan menekan Ctrl+Enter.

7) Lihat Hasilnya Dibawah ini:

CARA 2
Membuat Animasi Berputar dengan ActionScript.

1) Buatlah sebuah objek di stage misalkan persegi panjang.

2) Klik kanan objek tersebut lalu pilih Convert to Symbol...

3) Kotak dialog Convert to Symbol akan muncul, tuliskan sembarang nama pada bagian Name.
misalx : "dcc" lalu OK.
dan Pastikan titik koordinatnya berada ditengah

4) Klik Objek tersebut lalu tekan Tombol F9 (Untuk memunculkan jendela Action).

5) Masukkan Script di bawah ini ke dalam jendela Action.

onClipEvent (enterFrame) {
_rotation += 15;
}

Sehingga hasilnya seperti dibawah ini:



Lihat Hasil kerja anda dengan menekan Ctrl+Enter.

6) Untuk menjadikan file SWF pilih File> Export> Export Movie jangan lupa Save as type (Flash Movie(*.swf)).

7). Semoga Berhasil...lihat hasilnya di bawah ini...



NB: -> Frame rate yang digunakan : 50.
-> Insert Comment...!!!

Back to HOME

Baca Selengkapnya...

Membuat Motion Guide

Motion guide adalah animasi motion tween yang bergerak sesuai jalur (guide) yang telah kita buat.

Langkah Awal bisa di lihat disini.

Langkah Selanjutnya :
1) Klik kanan pada layer 1 lalu pilih Add Motion Guide.
Lihat gambar dibawah :


Sehinnga hasinya seprti dibawah :



2) Klik tahan pada icon Rectangle Tool, lalu pilih Oval Tool.
Lihat gambar dibawah :


3) Klik pada Layer 1 dan buat lingkarang kecil yang menyerupai bola.
Lihat gambar dibawah :

4) Klik kanan pada pada objek bola tersebut lalu pilih Convert to Symbol....

5) Kotak dialog Convert to Symbol akan muncul, tuliskan sembarang nama pada bagian Name.
misalx : "dcc" lalu OK.
Lihat Gambar dibawah :


6) Klik Stroge Tool lalu pilih warna abu-abu atau warna kesukaan anda, kemudian klik Fill Color lalu pilih tanpa warna.
Lihat gambar dibawah :


7) Klik ikon Oval tool yang ada pada Toolbox.

8) Klik pada layer Guide: Layer 1.

9) Buat objek elips pada stage atau canvas.
Lihat gambar dibawah :


10) Klik ikon Eraser Tool yang ada pada Toolbox.

11) Hapus bagian objek elips menggunakan Eraser Tool, sehingga hasilnya sbb:
Lihat gambar dibawah :


12) Klik ikon Selection Tool yang ada pada Toolbox.

13) Letakkan gambar bola (symbol dcc) tepat di salah satu ujung elips.
Lihat gambar dibawah :


Pastikan bulatan kecil di tengah gambar bola menyatu dengan ujung garis elips.

14) Pada layer Guide: Layer 1, klik pada Frame 30 lalu tekan Tombol F6 untuk menjalankan Insert KeyFrame.
Lihat gambar dibawah :

15) Pada Layer 1, klik pada Frame 30 lalu tekan Tombol F6 untuk menjalankan Insert KeyFrame.
Lihat gambar dibawah :


16) Pada Layer 1 di Frame 30, letakkan gambar bola tepat di ujung garis Elips yang kedua.
Lihat gambar dibawah :


17) Klik kanan pada salah satu Frame di layer 1 lalu pilih Create Motion Tween.
Lihat gambar dibawah :


18) Lihat Hasil kerja anda dengan menekan Ctrl+Enter.

19) Untuk menjadikan file SWF pilih File> Export> Export Movie jangan lupa Save as type (Flash Movie(*.swf)).

20). Semoga Berhasil...lihat hasilnya di bawah ini...

nb: -> Kecepatan putaran bola tergantung dari nilai Frame Rate.
-> Insert Comment...!!!
Back to HOME

Baca Selengkapnya...

Teks dengan Efek Shadow

Langkah Awal bisa di lihat disini
Langkah Selanjutnya :
1) Klik icon Text Tool yang ada pada toolbox, kemudian klik di dalam area stage(Canvas).

2) Di dalam kotak teks yang muncul, ketikkan sembarang kata.
Contoh : yHuS_dCc_X atau nama anda sendiri.

3) Klik icon Selection Tool yang ada pada toolbox.

4) Klik kanan pada TEKS yang anda buat tadi lalu pilih Convert to Symbol....

5) Kotak dialog Convert to Symbol akan muncul, tuliskan sembarang nama pada bagian Name.
misalx : "dcc" lalu OK.
Lihat Gambar dibawah :


6) Klik pada Frame 30, lalu tekan tombol F6 untuk menjalankan Insert KeyFrame.
Lihat Gambar dibawah :


7) Klik pada Frame 15, kemudian tekan F6 untuk menjalankan Insert KeyFrame.
Lihat Gambar dibawah :


8) Klik icon Selection Tool yang ada pada Toolbox.

9) Klik tab Filters dari panel Properties yang ada pada bagian bawah.
Lihat Gambar dibawah :


10) Klik icon Add Filter, kemudian pilih Drop Shadow.
Lihat Gambar dibawah :


11) Lalu atur nilai Blur X: 5, Blur Y: 5, Strength: 100%, Quality: Low , Centang Check Knockout n tentukan warnanya pada bagian Color.
Lihat Gambar dibawah :


Hasilnya seperti berikut :


12) Klik kanan pada Frame 1 sampai Frame 15, lalu tekan pilih menu Create Montion Tween.
Lihat Gambar dibawah :


13) Klik kanan pada Frame 15 sampai Frame 30, lalu tekan pilih menu Create Montion Tween.
Lihat Gambar dibawah :

Hasilnya seperti berikut :


14) Lihat Hasil kerja anda dengan menekan Ctrl+Enter.

15) Untuk menjadikan file SWF pilih File> Export> Export Movie jangan lupa Save as type (Flash Movie(*.swf)).

16). Semoga Berhasil...lihat hasilnya di bawah ini...

Back to HOME

Baca Selengkapnya...

Teks dengan Efek Berkedip dan Glow

Langkah Awal bisa di lihat disini
Langkah Selanjutnya :
1) Klik icon Text Tool yang ada pada toolbox, kemudian klik di dalam area stage(Canvas).

2) Di dalam kotak teks yang muncul, ketikkan sembarang kata.
Contoh : yHuS_dCc_X atau nama anda sendiri.

3) Klik icon Selection Tool yang ada pada toolbox.

4) Klik kanan pada TEKS yang anda buat tadi lalu pilih Convert to Symbol....

5) Kotak dialog Convert to Symbol akan muncul, tuliskan sembarang nama pada bagian Name.
misalx : "dcc" lalu OK.

6) Klik pada Frame 30, lalu tekan tombol F6 untuk menjalankan Insert KeyFrame.
Lihat Gambar dibawah :

7) Klik kanan pada salah satu frame antara Frame 1 sampai dengan Frame 30, kemudian pilih menu Create Motion Tween.
Lihat Gambar dibawah :

8) Klik pada Frame 15, kemudian tekan F6 untuk menjalankan Insert KeyFrame.
Lihat Gambar dibawah :

9) Klik pada Frame 10, lalu tekan tombol F6 untuk menjalankan Insert KeyFrame.
Lihat Gambar dibawah :

10) Klik icon Selection Tool yang ada pada Toolbox.

11) Klik tab Filter dari panel Properties yang ada pada bagian bawah.
Lihat Gambar dibawah :

12) Klik icon Add Filter, kemudian pilih Glow.
Lihat Gambar dibawah :


13) Lalu atur nilai Blur X: 20, Blur y: 20, Quality: Low, Strength: 300% n tentukan warnanya pada bagian Color.
Lihat Gambar dibawah :


14) Klik pada Frame 25, lalu tekan tombol F6 untuk menjalankan Insert KeyFrame.
Lihat Gambar dibawah :

15) Klik icon Selection Tool yang ada pada Toolbox.

16) Klik tab Filter dari panel Properties yang ada pada bagian bawah (Lihat cara no.11)

17) Klik icon Add Filter, kemudian pilih Glow (Lihat cara no.12)

18) Lalu atur nilai Blur X: 20, Blur y: 20, Quality: Low, Strength: 300% n tentukan warnanya pada bagian Color (Lihat cara no.13)

19) Lihat Hasil kerja anda dengan menekan Ctrl+Enter.

20) Untuk menjadikan file SWF pilih File> Export> Export Movie jangan lupa Save as type (Flash Movie(*.swf)).

21). Semoga Berhasil...lihat hasilnya di bawah ini...

Back to HOME

Baca Selengkapnya...

Membuat Efek Blur

Efek Blur adalah efek yang terlihat menjadi kabur, dalam latihan ini saya akan mencobanya pada teks, tapi teman2 juga dapat memakai efek ini pada gambar...
Berikut Langkah - langkahnya...

Langkah Awal...
A) Buatlah dokumen baru. caranya, Klik File > New (Ctrl+N).
B) Dalam Jendela New Document pilih Flash File (Action Script 2.0) lalu OK.
C) Pada dokumen baru tekan Ctrl+J atau pilih tab Modify > Document.
D) Kotak dialog Document Properties akan muncul.
lihat gambar di bawah :


Masukkan Width n Height layer sesuai dengan keinginan anda...
nb: 1) Untuk Mengubah Background document, pada Document Properties ubahlah warna pada Background Color sesuai warna kesukaan anda.

2) Untuk memprcepat efek animasi, ganti nilai yang ada di Frame rate, semakian tinggi nilainya semakin cepat efek animasi yang di timbulkan begitu jg sebaliknya, semakin rendah nilai yang di masukkan efek yang akan ditimbulkan akan lambat.

Langkah Selanjutnya:
1) Klik icon Text Tool yang ada pada toolbox, lalu klik pada area stage(canvas) anda.

2) Ketikkan nama anda atau kata yang lainnya.
Contoh : yHus_dCc_X.
3) Klik icon Selection Tool yang ada pada Toolbox.

4) Klik kanan pada TEKS yang anda buat tadi lalu pilih Convert to Symbol...

5) Kotak dialog Convert to Symbol akan muncul, tuliskan sembarang nama pada bagian Name.
misalx : "dcc" lalu OK.


6) Klik pada Frame 30, lalu tekan tombol F6 untuk menjalankan Insert KeyFrame.
Lihat Gambar dibawah :


7) Klik kanan pada salah satu frame antara Frame 1 sampai dengan Frame 30, kemudian pilih menu Create Motion Tween.
Lihat Gambar dibawah :


8) Klik pada Frame 15, kemudian tekan F6 untuk menjalankan Insert KeyFrame.
Lihat Gambar dibawah :


9) Klik icon Selection Tool yang ada pada Toolbox.

10) Klik tab Filters dari panel Properties yang ada pada bagian bawah.
Lihat Gambar dibawah :


11) Klik icon Add Filter, kemudian pilih Blur.
Lihat Gambar dibawah :


12) Lalu atur nilai Blur X: 20, Blur y: 20 n Quality : High.
Lihat Gambar dibawah :


13) Lihat Hasil kerja anda dengan menekan Ctrl+Enter.
14) Untuk menjadikan file SWF pilih File> Export> Export Movie jangan lupa Save as type (Flash Movie(*.swf)).

15. Semoga Berhasil...lihat hasilnya di bawah ini...

Back to HOME

Baca Selengkapnya...