Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading

Gambar Animasi Cincin Berputar

Gambar Animasi Cincin Berputar

Judul diatas salah kali ya?? Hehehe.. Habis saya bingung banget, hampir setengah jam saya berpikir untuk membuat judul yang tepat untuk artikel yang ini. Dibilang cincin nggak juga, dibilang gambar loading juga bukan. Sempat juga sih pingin ngasih judul Cara Membuat Gambar Lingkaran Terputus-putus Berputar, tapi kayaknya ribet banget :-D Bisa jadi mbah dugel jadi ikutan bingung ngedeteksinya :mrgreen:

Saya harapkan teman-teman nggak jadi ikutin pusing mikirin judulnya, yang penting tutorialnya mudah dipahami. Kita langsung saja ya…

1.     Buka aplikasi Macromedia Flash anda, pada halaman Created New klik Flash Document.

2.     Setelah halaman utama muncul, selanjutnya tekan Ctrl+F3 pada keyboard anda.

Pada halaman Properties klik kolom Size default media, dan pada halaman Document Properties isilah form yang tersedia dengan ukuran gambar yang akan anda buat. (Contoh 200×200 px) selanjutnya klik OK. Tekan Ctrl+F3 untuk kembali kehalaman utama.

Untuk gambar panduan, silahkan Klik Kanan–>Open in New Tab Disini

3.     Langkah selanjutnya, klik Oval Tool (O) kemudian buatlah sebuah lingkaran diatas media.

Untuk menghasilkan lingkaran sempurna caranya klik tahan tombol SHIFT sambil menggeser muse.

Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading

Gambar.1

4.     Selanjutnya klik Rectangle Tool (R) kemudian buatlah 4 buah kotak panjang diluar media seperti gambar dibawah.

Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading

Gambar.2

Gantilah warna keempat garis kotak panjang tersebut dengan mengklik Fill Tool. Ganti dengan warna putih.

5.     Selanjutnya pindahkan keempat garis kotak panjang tersebut keatas lingkaran yang telah dibuat sebelumnya seperti pada gambar dibawah.

Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading

Gambar.3

Untuk merubah arah/posisi garis tersebut, klik Free Transform Tool (Q)

6.     Langkah berikutnya, tekan tombol A kemudian tombol V pada keyboard, kemudian klik pada bagian tengah garis kotak, selanjutnya tekan tombol DELETE pada keyboard sehingga bentuk bulatan berubah seperti gambar no.4 dibawah.

7.     Selanjutnya klik Oval Tool (O) kemudian buatlah sebuah lingkaran diluar media, seperti pada gambar dibawah.

Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading

Gambar.4

8.     Selanjutnya, seleksi lingkaran yang baru dibuat dengan mengklik tombol V pada keyboard, kemudian pindahkan lingkaran tersebut keatas media.

Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading

Gambar.5

Selanjutnya klik tombol A kemudian tombol V pada keyboard, selanjutnya klik pada lingkaran yang baru dipindah kemudian tekan tombol DELETE pada keyboard.

9.     Langkah berikutnya, klik pada salah satu kotak lingkaran kemudian klik Fill Tool untuk mengganti warna kotak lingkaran.

Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading

Gambar.6

Lakukan hal yang sama pada setiap kotak lingkaran, ganti warna sesuai dengan keinginan anda.

10.     Setelah langkah diatas selesai anda lakukan, selanjutnya klik dibawah angka frame 30 kemudian tekan F6 pada keyboard anda.

Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading

Gambar.7

Selanjutnya klik kanan dibawah angka frame 15 kemudian pilih Create Motion Tween.

11.     Langkah selanjutnya, tekan Ctrl+F3. Pada halaman Properties pilih CW pada Rotate.

Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading

Gambar.8

Klik Ctrl+ENTER untuk melihat hasilnya.

12.     Untuk menyimpan gambar animasi tersebut, silahkan klik File–>Export–>Export Movie

Simpan dengan type Animated GIF(*.gif) atau Flash Movie(*.swf).

SELESAI

Artikel Terkait :

1.     Cara Membuat Gambar Animasi Berputar atau Baling Baling Animasi

2.     Cara Membuat Jam Analog Animasi Dengan Macromedia Flash

3.     Cara Membuat Jam Animasi Digital Flash dan Kalender

4.     Cara Membuat Teks Animasi Dengan Macromedia Flash 8

5.     Cara Membuat Teks Berjalan Dengan Macromedia Flash

6.     Cara Membuat Gambar Berkedip atau Efek Blink Dengan Macromedia Flash

7.     Cara Membuat Banner Teks Animasi Dengan Easy GIF Animator

8.     Cara Membuat Banner Teks Animasi Berlogo Dengan Easy GIF Animator

9.     Cara Membuat Tombol Button Animasi Dengan Easy GIF Animator

About these ads

23 responses to “Cara Membuat Gambar Animasi Cincin Berputar atau Gambar Loading

  1. Ping balik: Cara Membuat Gambar Animasi dengan Berbagai Macam Gerak | samsularifintkj25

  2. Ping balik: Cara Membuat Gambar Animasi dengan Berbagai Macam Gerak | mymultimedia3

Silahkan tinggalkan komentar, untuk silaturahmi selanjutnya

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s