Download - 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 :
-
7/26/2019 Jam Analog
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.
-
7/26/2019 Jam Analog
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
-
7/26/2019 Jam Analog
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
-
7/26/2019 Jam Analog
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.
-
7/26/2019 Jam Analog
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/26/2019 Jam Analog
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.
-
7/26/2019 Jam Analog
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
seperti gambar berikut :
-
7/26/2019 Jam Analog
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
seperti gambar berikut :
-
7/26/2019 Jam Analog
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 :
-
7/26/2019 Jam Analog
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.
-
7/26/2019 Jam Analog
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
-
7/26/2019 Jam Analog
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
-
7/26/2019 Jam Analog
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
-
7/26/2019 Jam Analog
15/24
99
$o3ie "lip jarum>detik masih dalam keadaan terpilih lalu berikan nama
instan"e dengan #etikpada ;-tace
-
7/26/2019 Jam Analog
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.
-
7/26/2019 Jam Analog
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
-
7/26/2019 Jam Analog
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.
-
7/26/2019 Jam Analog
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
-
7/26/2019 Jam Analog
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.
-
7/26/2019 Jam Analog
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 :
-
7/26/2019 Jam Analog
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 .
-
7/26/2019 Jam Analog
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.
-
7/26/2019 Jam Analog
24/24
108