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: