J

A

L

A

N

T

I

K

U

S

!

!

  • NONTONYUK!
  • Pasang Iklan
  • Hubungi Kami
  • Tentang Kami
  • Kerjasama
No Name
 

Cara Mudah Membuat Animasi Putaran Jarum Jam

Cara Mudah Membuat Animasi Putaran Jarum Jam

Jumat, 3 Okt 2014, 15:20 WIB
Cara membuat animasi putaran jarum jam dengan mudah menggunakan ActionScript 2.0 di Adobe Flash Professional CS6

JalanTikus.com – Membuat animasi flash benda berputar seperti ban mobil, roda sepeda, atau jarum jam dapat dilakukan dengan dua cara. Dengan menggunakan motion tween atau dengan menambahkan action script.

Nah pada tutorial kali ini, Jaka sajikan bagaimana cara membuat animasi putaran jarum jam dengan mudah menggunakan ActionScript 2.0. Untuk membuat animasi ini, Jaka menggunakan Adobe Flash Professional CS6. Berikut cara-caranya.

Bahan

Jam
 

[img]https://assets.jalantikus.com/assets/cache/0/0/userfiles/old/october2014/Jarum panjang.png[/img]

Jarum Pendek

Gambar jam, jarum pendek dan jarum panjang dengan format file PNG dan background transparent.

  1. Buat dokumen baru dengan ukuran 360 x 360 px, Frame rate 24 fps, dan Type ActionScript 2.0
JalanTikus
  1. Masukkan gambar jam dan jarum ke dalam Library. Caranya pilih File > Import > Import to Library.
JalanTikus
  1. Pilih layer 1, lalu ubah namanya menjadi “Jam” dengan cara klik dua kali pada layer. Pilih gambar jam yang ada di Library, klik dan seret ke dalam dokumen, kemudian tempatkan tepat di tengah dengan nilai X: 0.00 dan Y: 0.00.
JalanTikus
  1. Buat layer baru, lalu beri nama “Jarum Panjang”. Pilih gambar jarum panjang di Library, lalu klik dan seret ke dalam dokumen. Posisikan di tengah dengan menunjuk angka 12. Selanjutnya, ubah jarum panjang itu menjadi movie clip. Caranya, pilih objek jarum panjang pada dokumen, lalu pilih Modify > Convert to Symbol atau tekan F8 di keyboard. Isi namanya dengan “jarum_panjang_mc”, Type Movie Clip, titik Registration tempatkan di bagian tengah bawah, lalu klik OK.
JalanTikus
  1. Langkah berikutnya adalah buat layer baru dan beri nama “Jarum Pendek”.  Pilih gambar jarum pendek di Library, lalu seret ke dalam dokumen dan tempatkan mengarah ke angka 3. Sama dengan langkah di atas, kamu ubah jarum pendek menjadi movie clip. Pilih objek jarum pendek, lalu tekan F8 di keyboard. Isi Nama: jarum_pendek_mc, Type Movie Clip, dan titik Registration tempatkan di kiri tengah.
JalanTikus
JalanTikus
  1. Sekarang, saatnya menggerakan jarum jam. Pertama yang akan kita gerakan adalah jarum panjang. Pilih objek jarum panjang di dokumen yang telah kita ubah menjadi movie clip, lalu pilih menu Window > Actions (tekan F9) untuk memunculkan panel Action Script. Selanjutnya,  masukkan script berikut ini:

onClipEvent (enterFrame) { _rotation += 0.5; }

Semakin besar nilai variabel di atas, putaran jarum jam semakin cepat. Untuk mengetes berjalan atau tidaknya, pilih Control > Test Movie > Test atau tekan Ctrl+Enter di keyboard.

JalanTikus
  1. Selanjutnya kita akan menggerakan jarum pendek. Langkahnya sama dengan di atas, pilih objek jarum pendek di dokumen lalu tekan F9. Masukkan script:

onClipEvent (enterFrame) { _rotation += 0.04; }

Kali ini variabelnya lebih lambat dari putaran jarum panjang.

JalanTikus
 

Sekarang, animasi putaran jarum jam sudah jadi. Tekan Ctrl+Enter untuk melihat hasilnya.

 

Langganan Artikel
Temukan Tips dan Berita menarik setiap harinya. GRATIS!
ARTIKEL REKOMENDASI
Cara Mudah Membuat Animasi GIF di Photoshop

Cara Mudah Membuat Animasi GIF di Photoshop

Cara Membuat Foto Kamu Menjadi Seperti Lukisan Mahal

Cara Membuat Foto Kamu Menjadi Seperti Lukisan Mahal

Cara Cepat Blacklist Nomor Telepon di Android

Cara Cepat Blacklist Nomor Telepon di Android

Cara Membuat Efek Teks Berasap dengan Brush di Photoshop

Cara Membuat Efek Teks Berasap dengan Brush di Photoshop

Tags Terkait:

Tunggu sebentar...

Keluar dari JalanTikus

Popup External Background JalanTikus

Apakah anda yakin untuk meninggalkan website JalanTikus?

Ya
Batal