TUTORIAL MEMBUAT

Disusun Oleh:

Nama : Tino Cristalawa Samosir

Nim : 12222061

TEKNIK INFORMATIKA

SEKOLAH TINGGI ILMU KOMPUTER MEDAN

TEBING TINGGI

2014

Adapun langkah langkah untuk membuat animasi jam analog beserta jam digital

adalah sebagai berikut:

1. Buka Program Adobe Flash. Dalam tutorial ini saya menggunakan Adobe -

Flash Profesional CS5.

2. Pilih Action Script 2.0.

3. Buat 5 buah layer dengan masing-masing nama sebagai berikut:

4. Klik frame 1 pada layer latar, lalu buat sebuah latar jam dengan menggunakan

tool-tool yang ada, seperti berikut :

5. Sorot semua object yang ada pada layer latar lalu tekan tombol F8, isi pada

name latar dan pilih movie clip serta pastikan register poin berada pada titik

tengah object. Klik Ok:

6. Klik pada layer jam lalu buat sebuah object yang sebagai jarum jam pada jam

analog, seperti gambar berikut:

7. Sorot object yang ada pada layer jam lalu tekan tombol F8, isikan jam pada

name, pilih movie clip dan pastikan register poin pada bagian tengah bawah

object lalu klik OK:

8. Posisikan register point jam pada register poin latar:

9. Pada instance name jam, isikan jamanalog:

10. Klik pada layer menit lalu buat sebuah object yang sebagai jarum menit pada

jam analog dengan melakukan swap pada movie clip jam lalu klik duplicate

symbol, isikan menit pada name lalu klik ok:

11. Tarik symbol menit dari library, lalu lakukan resize lalu posisikan register

point pada menit dengan register point pada latar seperti gambar berikut:

12. Klik pada symbol menit, lalu pada instance name isikan menitanalog:

13. Lakukan langkah ke-10 sampai ke-12 pada layer detik, sehingga pada layer

detik terdapat symbol detik dengan instance name detikanalog:

14. Klik frame 1 pada layer actions lalu tekan tombol F9 dan masukkan kode

berikut ini:

15. Insert frame pada masing masing layer, sehingga terdapat 2 frame pada

masing-masing layer.

16. Untuk selanjutnya, buat sebuat layer baru untuk jam digital, lalu buat object

seperti gambar berikut:

17. Buat sebuah text box pada object tersebut, lalu pilih dinamic text dan pada

instance name isikan jamdigital:

18. Tambahkan script berikut ini pada layer actions:

19. Buat sebuah text box, letakkan pada bagian atas latar lalu variable text box

isikan hari:

20. Tambahkan script berikut ini pada layer actions:

21. Animasi selesai, tekan kombinasi tombol Ctrl + Enter untuk menjalankan: