Jam Analog

7/26/2019 Jam Analog

1/24

MEMBUAT JAM ANALOG

By : gapra27

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

!arna ba"kground-nya standar atau putih. #aranya adalah dengan memilih

menu $odify % Do"ument atau tekan tombol #trl & ' pada keyboard maka

akan tampil kotak dialog Do"ument (roperties dan aturlah sesuai dengan

diatas.

)ambar *.+ ,otak dialog Do"ument (roperties

$aka stage akan berubah ukuran menjadi lebih ke"il seperti gambar berikut :


2/24

86

Gambar 4.2 tage menjadi lebih ke"il dari ukuran standarnya

,emudian ganti nama layer + menjadi jam. ,lik Oval Toolpada toolboxberi !arna pada Fill Colordengan !arna biru tua /0011 lalu pada

Stroke Colorberi !arna sil3er /444444.

uatlah sebuah objek lingkaran pada stage. eleksi semua objek tadi. Lalu

ubahlah ukurannya menjadi 240 x 240.Dan posisikan tepat ditengah-tengah

stage dengan "ara menekan tombol Ctrl + Alt + 2, kemudian tekan lagi

tombol Ctrl + Alt + 5 untuk menengahkan objek tepat ditengah-tengah

stage.


3/24

87

Gambar 4.3 uat objek lingkaran ukuran 2*0 x 2*0

6bjek masih dalam keadaan terpilih ubahlah menjadi symbol dengan

menekan tombol F8pada keyboard. (ilih beha3ior Movie cli dan beri nama

7jam7 lalu klik O!.

Gambar 4.4 #on3ert to ymbol

6bjek masih dalam keadaan terpilih masuklah ke modus edit symbol dengan

"ara klik dua kali pada objek atau dengan pilih menu "#it $ "#it S%mbol

atau juga dapat dengan menekan tombol Ctrl + "pada keyboard.

(ilih objek fill objek yang ber!arna biru tua lalu buka panel #olor $ixer

dengan menekan S&i't + F(. (ilihlah Fill Color kemudian pada Fill St%le

pilih 8adial untuk memberikan !arna gradasi radial.

Gambar 4.5 $emilih !arna gradasi radial

Aturlah !arna gradasi radial dengan !arna biru muda /004499 ke !arna

biru tua /0011 hingga terlihat seperti gambar berikut ini :

9ill #olor

9ill tyle radial


4/24

88

Gambar 4.) $emberi !arna gradasi dari biru muda ke biru tua.

$aka hasilnya akan nampak seperti gambar diba!ah ini :

Gambar 4.* Lingkaran dengan !arna gradasi radial

elanjutnya kita akan membuat angka-angka yang ada pada jam. ,lik Text

Toolpada tollbox lalu pilih Static Textdengan Fot Comic Sa- MS,Sie /8, Color ti&, 1ol#, dan Ali Ceter seperti terlihat pada

gambar berikut :

iru tuairu muda


5/24

89

Gambar 4.8(engaturan teks

uatlah teks angka +2 lalu tempatkan di bagian atas lingkaran seperti gambarberikut :

Gambar 4.($embuat angka +2

(ilih objek teks lalu pada panel #olor $ixer pilih 9ill #olor kemudian ubah

nilai pada Alpha menjadi 15.


6/24

90

Gambar 4./0 $engubah nilai Alpha

(ilih objek teks tadi lalu lakukan penyalinan objek dengan "ara tekan tombol

Ctrl + C kemudian tekan tombol Ctrl + S&i't + untuk menduplikasi objek

dengan posisi yang sama. )eser objek teks yang satu ke ba!ah kemudian

ganti teks dengan angka ). Lihat gambar :

Gambar 4.// Duplikasi objek dan mengganti angka

(ilih objek angka 1 lalu lakukan duplikasi lagi dengan menekan Ctrl + C

lalu Ctrl + S&i't + , lalu posisikan objek salinan tadi tepat ditengah-tengah

stage dengan "ara menekan Ctrl + Alt + 2 kemudian tekan Ctrl + Alt + 5.


7/24

91

Gambar 4./2 $emindahkan posisi objek duplikat

,emudian geser objek angka 1 yang berada di tengah ke kanan dengan "ara

menggunakan tombol arah pada keyboard sambil menekan dan menahan

tombol S&i't dan tekan tombol panah kanan beberapa kali hingga posisi

objek berada di bagian kanan lingkaran kemudian ganti teks menjadi lihatgambar.

Gambar 4./3 $emindahkan dan mengganti objek teks

(ilih objek angka lalu lakukan lagi proses duplikat dengan Ctrl + C danCtrl + S&i't + lalu pindahkan objek hasil duplikat ke sebelah kiri dan

ganti teks menjadi angka 4 lihat gambar.


8/24

92

Gambar 4./4 $enduplikat memindahkan serta mengganti teks menjadi 4

elanjutnya duplikat objek teks sebanyak dua buah dan atur posisinya

seperti gambar berikut :

Gambar 4./5 $enduplikasi objek sebanyak dua kali

,emudian duplikat lagi pada tiap objek hasil duplikasi tadi lalu posisikan



9/24

93

Gambar 4./) $enduplikasi angka dan memposisikan di ba!ah

elanjutnya seluruh objek hasil duplikasi angka gantikan menjadi angka +

2 * dan 5 sehingga hasilnya seperti gambar berikut :

Gambar 4./* $engganti teks

,emudian lakukan duplikasi objek seperti yang tadi sudah dilakukan untuk

membuat objek teks untuk angka-angka yang belum dibuat lalu posisikan



10/24

94

Gambar 4./8 ;asil akhir penduplikasian objek angka

(ilih objek teks /, 2, 4, 5, *, 8, /0, dan //. (ada panel #olor $ixer ubahlah

nilai pada Al&a menjadi 45.

Gambar 4./( $engubah nilai Alpha menjadi *5

$aka hasilnya akan nampak objek yang tadi dipilih dan diberi nilai Alpha

*5 nampak transparan seperti gambar berikut :


11/24

95

Gambar 4.20 ;asil dari mengubah nilai Alpha *5

Langkah berikutnya adalah memberi sedikit hiasan agar bentuk jam tidak

begitu kaku. ,lik Text Tool uatlah teks seperti gambar berikut dan

posisikan seperti gambar berikut juga.

Gambar 4.2/ uat tambahan objek untuk memperindah tampilan

etelah selesai kemudian kita akan kembali ke modus edit dokument dengan

"ara tekan Ctrl + " untuk kembali. Lalu simpan file tersebut.

Langkah selanjutnya kita akan membuat jarum jam-nya. uat layer baru dan

ganti nama menjadi jarum.


12/24

96

Gambar 4.22 $embuat layer baru dan ganti nama menjadi jarum

Lalu kiat akan menampilkan ruler. #ara untuk menampilkan ruler adalah

dengan "ara pilih menu ie $ 6ler 7Ctrl + S&i't + Alt + 6.

Dari ruler horisontal dan 3ertikal klik dan seret untuk memba!a horisontal

guide dan 3ertikal guide posisikan guide di bagian tengah objek jam seperti

gambar berikut :

Gambar 4.23 ;ori


13/24

97

Gambar 4.24 $embuat garis 3erti"al dari tengah ke atas

,emudian sembunyikan guide dengan "ara tekan tombol Ctrl + :lalu pilih

objek garis lalu dengan menekan dan sambil menahan tombol S&i't tekantombol panah ke ba!ah pada keyboard sebanyak satu kali "ukup.

6bjek garis masih dalam keadaan terpilih pilih Stroke Color pada panel

#olor $ixer dan ubahlah nilai Al&a menjadi 50. =bahlah menjadi

symbol dengan menekan tombol F8pilih beha3ior Movie cliberikan nama

7jarum>detik7 dan pada bagian 6ei-tratiopilih point bagian ba!ah.

Gambar 4.25 =bah ke symbol

(ilih objek jarum>detik dan klik dua kali untuk masuk ke modus edit symbol.

Lalu pilih garis dan tekan sambil menahan tombol S&i'tlalu tekan tombolpanah ba!ah satu kali.

8egistration pilih point

ba!ah


14/24

98

Gambar 4.2) $enggeser garis ke ba!ah

,embali ke modus edit dokumen dengan menekan Ctrl + "lalu tampilkan

guide dengan menekan tombol Ctrl + :

(ilih mo3ie "lip jarum>detik lalu aturlah posisi dan pastikan titik pusat mo3ie

"lip berada pada persilangan guide horisontal dan 3ertikal.

Gambar 4.2* $emposisikan titik pusat mo3ie "lip tepat berada di

persilangan


15/24

99

$o3ie "lip jarum>detik masih dalam keadaan terpilih lalu berikan nama

instan"e dengan #etikpada ;-tace


16/24

100

Gambar 4.30 $embuat garis 3ertikal dengan ketebalan garis 2 pt

)aris masih dalam keadaan terpilih lalu tekan tombol F8 pada keyboard

untuk mengubahnya ke dalam symbol. (ilih beha3ior Movie cli berikannama 7jarum>menit7 lalu 6ei-tratio pilih point di bagian ba!ah. Lalu

sembunyikan guide tekan Ctrl + :

$asih dalam keadaan terpilih klik dua kali pada mo3ie "lip jarum>menit

untuk masuk kedalam modus edit symbol. ambil menekan tombol S&i't

tekan tombol panah ba!ah satu kali.


17/24

101

Gambar 4.3/ $asuk ke edit symbol dan menggeser garis

,embali ke modus edit dokumen tekan Ctrl + ", lalu tampilkan guide tekan

Ctrl + : kemudian beri nama instan"e 7menit7 pada ;-tace


18/24

102

Gambar 4.34 $embuat garis 3ertikal untuk jarum jam

Lalu sembunyikan guide dan pilih objek garis tersebut kemudian ubah nilai

pada Al&a menjadi B5 pada panel #olor $ixer. @ekan tombol F8 untukmengubahnya ke symbol pilih beha3ior Movie cliberi nama 7jarum>jam7

dan pada 6ei-tratiopilih point bagian ba!ah. ,lik O!.

Gambar 4.35 #on3ert @o ymbol

(ilih mo3ie "lip jarum jam klik dua kali pada mo3ie "lip untuk masuk ke

modus edit symbol. sambil menahan tombol S&i't tekan tombol panah

ba!ah satu kali.


19/24

103

Gambar 4.3) $enggeser panah ke ba!ah

,embali ke modus edit dokumen tekan Ctrl + ". $o3ie "lip jarum>jam

masih dalam keadan terpilih beri nama instan"e 7jam7 pada ;-tace


20/24

104

Gambar 4.38 @ool ettings

uatlah objek bintang dengan ukuran 22 x 22. Letakan tepat di tengah objek

jam dengan "ara menekan tombol Ctrl + Alt + 2 dan Ctrl + Alt + 5.

Gambar 4.3( $embuat bintang dan menempatkan persis ditengan stage

Langkah yang terakhir adalah memberikan A"tion"ript pada frame untuk

mengendalikan objek agar dapat bekerja layaknya seperti jam analog.

uat layer baru dan ganti nama menjadi a"tion.


21/24

105

,emudian sorot seluruh frame 2 mulai dari layer jam sampai layer a"tion

lalu klik kanan pilih ;-ert Frame atau dapat dengan menekan tombol F5

pada keyboard lihat gambar.

Gambar 4.40 $enambah frame pada seluruh frame 2

Disini kita akan memanfaatkan A"tion"ript untuk mengendalikan objek-

objek agar dapat bekerja dan berfungsi sebagai jam.

(ada layer a"tion pilih frame +. ,emudian buka panel A"tion dan tuliskan

s"ript untuk melakukan perhitungan detik menit dan jam selain itu untuk

menentukan rotasi mo3ie "lip jarum>detik jarum>menit dan jarum>jam yang

telah diberikan nama instan"e.

@uliskan s"ript seperti berikut :


22/24

106

Gambar 4.4/ "ript untuk menjalankan jam analog

,emudian simpan file tersebut dan jalankan mo3ie tekan Ctrl + "ter

maka akan tampak jam yang tadi diam sekarang sudah dapat bergerak sesuai

dengan arah jarum jam dan menunjukan !aktu saat ini sesuai dengan !aktu

yang ada pada komputer Anda.

Langkah finishing adalah melakukan publish untuk kita jadikan aplikasi.

aitu dengan "ara pilih menu File $ =bli-& Setti- lalu pilihlah format

file tipe Fla-& 7 .-' dan >i#o- =ro?ector 7 .exe .


23/24

107

Gambar 4.42 ,otak dialog (ublish ettings

,lik tombol =bli-& untuk memproses ke dalam format file .-'dan format

aplikasi .exe lalu tekan O!.

$udah kanE #uma dengan beberapa s"ript di A"tion"ript 9lash sudah dapat

menghasilkan aplikasi seperti jam analog. $udah atau sulitnya tergantung

dari tingkat kemampuan Anda untuk tekun dan sering berlatih dan jangan

mudah menyerah.


24/24

108

Jam Analog

Documents

Transcript of Jam Analog