Professional Documents
Culture Documents
ANALOG
By : Firmansyah, S.Kom
Anda pasti sudah dapat membanyangkan bentuk dari jam analog itu
seperti apa bentuknya. Disini kita akan membuat sebuah jam analog
sederhana. Langkah-langkah untuk membuatnya adalah sebagai berikut
:Langkah yang pertama adalah membuat file baru dengan ukuran stage
250 x 250 pixels, dan warna background-nya standar atau putih. Caranya
adalah dengan memilih menu Modify > Document atau tekan tombol
Ctrl + J pada keyboard, maka akan tampil kotak dialog Document
Properties dan aturlah sesuai dengan diatas.
Maka stage akan berubah ukuran menjadi lebih kecil seperti gambar
berikut :
86 86
86 86
Kemudian ganti nama layer 1 menjadi jam. Klik Oval Tool pada
toolbox, beri warna pada Fill Color dengan warna biru tua (#003366)
lalu pada Stroke Color beri warna silver (#999999).
Buatlah sebuah objek lingkaran pada stage. Seleksi semua objek tadi.
Lalu ubahlah ukurannya menjadi 240 x 240. Dan posisikan tepat
ditengah-tengah stage dengan cara menekan tombol Ctrl + Alt + 2,
kemudian tekan lagi tombol Ctrl + Alt + 5 untuk menengahkan objek
tepat ditengah-tengah stage.
87 87
87 87
Pilih objek fill (objek yang berwarna biru tua) lalu buka panel Color
Mixer dengan menekan Shift + F9. Pilihlah Fill Color kemudian pada
Fill Style pilih Radial untuk memberikan warna gradasi radial.
Selanjutnya kita akan membuat angka-angka yang ada pada jam. Klik
Text Tool pada tollbox, lalu pilih Static Text dengan Font : Comic
Sans MS, Size : 18, Color : putih, Bold, dan Align : Center seperti
terlihat pada gambar berikut :
Gambar 4.8 Pengaturan teks
Pilih objek teks lalu pada panel Color Mixer pilih Fill Color kemudian
ubah nilai pada Alpha menjadi 65%.
90 90
90 90
Pilih objek teks tadi lalu lakukan penyalinan objek dengan cara tekan
tombol Ctrl + C kemudian tekan tombol Ctrl + Shift + V untuk
menduplikasi objek dengan posisi yang sama. Geser objek teks yang satu
ke bawah, kemudian ganti teks dengan angka 6. Lihat gambar :
Pilih objek angka 6 lalu lakukan duplikasi lagi dengan menekan Ctrl + C
lalu Ctrl + Shift + V, lalu posisikan objek salinan tadi tepat ditengah-
tengah stage dengan cara menekan Ctrl + Alt + 2 kemudian tekan Ctrl +
Alt + 5.
91 91
91 91
Pilih objek angka 3 lalu lakukan lagi proses duplikat dengan Ctrl + C
dan Ctrl + Shift + V, lalu pindahkan objek hasil duplikat ke sebelah kiri
dan ganti teks menjadi angka 9 (lihat gambar).
92 92
92 92
Kemudian duplikat lagi pada tiap objek hasil duplikasi tadi lalu
posisikan seperti gambar berikut :
93 93
93 93
Pilih objek teks 1, 2, 4, 5, 7, 8, 10, dan 11. Pada panel Color Mixer
ubahlah nilai pada Alpha menjadi 45%.
Maka hasilnya akan nampak objek yang tadi dipilih dan diberi nilai
Alpha
45% nampak transparan seperti gambar berikut :
95 95
95 95
Langkah berikutnya adalah memberi sedikit hiasan agar bentuk jam tidak
begitu kaku. Klik Text Tool Buatlah teks seperti gambar berikut dan
posisikan seperti gambar berikut juga.
Langkah selanjutnya kita akan membuat jarum jam-nya. Buat layer baru
dan ganti nama menjadi jarum.
96 96
96 96
Gambar 4.22 Membuat layer baru dan ganti nama menjadi jarum
Lalu kiat akan menampilkan ruler. Cara untuk menampilkan ruler adalah
dengan cara pilih menu View > Ruler (Ctrl + Shift + Alt + R).
Dari ruler horisontal dan vertikal, klik dan seret untuk membawa
horisontal guide dan vertikal guide, posisikan guide di bagian tengah
objek jam seperti gambar berikut :
Klik Line Tool pada toolbox, lalu buatlah garis dengan Stroke Color
warna putih, buat garis vertical dari bagian tengah jam ke bagian atas
jam (lihat gambar berikut).
97 97
97 97
Objek garis masih dalam keadaan terpilih, pilih Stroke Color pada panel
Color Mixer dan ubahlah nilai Alpha menjadi 50%. Ubahlah menjadi
symbol dengan menekan tombol F8 pilih behavior Movie clip berikan
nama
jarum_detik dan pada bagian Registration pilih point bagian
bawah.
Registration pilih
point bawah
Pilih objek jarum_detik dan klik dua kali untuk masuk ke modus edit
symbol. Lalu pilih garis dan tekan sambil menahan tombol Shift lalu
tekan tombol panah bawah satu kali.
98 98
98 98
Pilih movie clip jarum_detik lalu aturlah posisi dan pastikan titik pusat
movie clip berada pada persilangan guide horisontal dan vertikal.
Nama instance
Klik Line Tool pada toolbox, ubah ketebalan menjadi 2 pt. Lalu buat
garis vertikal mulai dari bagian tengah jam ke bagian atas seperti langkah
untuk membuat jarum detik diatas.
100 100
1001 1001
Garis masih dalam keadaan terpilih, lalu tekan tombol F8 pada keyboard
untuk mengubahnya ke dalam symbol. Pilih behavior Movie clip berikan
nama jarum_menit lalu Registration pilih point di bagian bawah. Lalu
sembunyikan guide tekan Ctrl + ;
Masih dalam keadaan terpilih, klik dua kali pada movie clip jarum_menit
untuk masuk kedalam modus edit symbol. Sambil menekan tombol Shift
tekan tombol panah bawah satu kali.
101 101
1011 1011
Selanjutnya, kita akan membuat jarum untuk jam. Buatlah layer baru
dan
ganti nama dengan
jarum3.
Tampilkan guide dan pilih Line Tool dan ubah ketebalan garis menjadi 3
pt. Buat garis vertical mulai dari bagian tengah jam ke atas.
102 102
1021 1021
Lalu sembunyikan guide dan pilih objek garis tersebut kemudian ubah
nilai pada Alpha menjadi 75% pada panel Color Mixer. Tekan tombol
F8 untuk mengubahnya ke symbol, pilih behavior Movie clip beri nama
jarum_jam dan pada Registration pilih point bagian bawah. Klik OK.
Pilih movie clip jarum jam, klik dua kali pada movie clip untuk masuk
ke modus edit symbol. sambil menahan tombol Shift tekan tombol
panah bawah satu kali.
103 103
1031 1031
Kemudian sorot seluruh frame 2 mulai dari layer jam sampai layer
action, lalu klik kanan pilih Insert Frame atau dapat dengan menekan
tombol F5 pada keyboard (lihat gambar).
Pada layer action pilih frame 1. Kemudian buka panel Action dan
tuliskan script untuk melakukan perhitungan detik, menit dan jam, selain
itu untuk menentukan rotasi movie clip jarum_detik, jarum_menit dan
jarum_jam yang telah diberikan nama instance.
Kemudian simpan file tersebut dan jalankan movie tekan Ctrl + Enter ,
maka akan tampak jam yang tadi diam sekarang sudah dapat bergerak
sesuai dengan arah jarum jam dan menunjukan waktu saat ini sesuai
dengan waktu yang ada pada komputer Anda.
Klik tombol Publish untuk memproses ke dalam format file .swf dan
format aplikasi .exe lalu tekan OK.