Tuesday, June 13, 2017

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8

Masih tentang dasar-dasar animasi Macromedia Flash 8. Artikel sebelumnya kita sudah membahas beberapa kali tentang membuat animasi atau objek bergerak dengan menggunakan perintah Motion Tween Shape.


Perlu sobat ketahui, kita bisa membuat objek bergerak tidak hanya dengan menggunakan perintah Motion Tween saja. Namun kita juga bisa memanfaatkan perintah Motion Tween Shape.

Motion Tween Shape sebenarnya digunakan untuk menampilkan perubahan bentuk objek. Namun perintah ini bisa juga kita gunakan seolah-olah objek bergerak dari satu tempat ke tempat yang lain.

Preview

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8

Langkah ke - 1

Buat Flash Document baru, kemudian ubah nama Layernya menjadi Backgdound.
Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8



Langkah ke - 2

Sekarang kita tambahkan gambar backgroundnya. Ambil background digitalnya
Kemudian Import background yang sudah di download tadi ke Library. Pilih menu File > Import > Import to Library. Lalu cari letak dimana background tadi sobat simpan kemudian klik open.

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8


Sekarang drag gambar yang sudah di import tadi pada palet Library di sebelah kanan. Klik tahan gambar tersebut kemudian tarik ke lembar area kerja.

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8

Langkah ke - 3

Jika gambar terlalu besar dan sobat ingin menyesuaikan ukuran gambarnya terhadap background. Silahkan sobat atur zoom area kerjanya menjadi Show All. 

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8

Langkah ke - 4

Lalu pilih Free Transform Tool (Q), kemudian tarik sudut gambar untuk memperkecil ataupun memperbesar. Agar ukuran seimbang, saat mengecilkan ukuran gambar, sambil di tekan SHIFT.

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8

Langkah ke - 5

Pindah ke Frame 30, kemudian klik kanan > Insert Keyframe. Pada artikel sebelumnya sudah di jelaskan, jika kurang paham baca lagi disini.....

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8

Langkah ke - 6

Buatlah Layer baru kemudian beri nama Loading Outline. Kemudian klik 2x pada Rectangle Tool (R). Lalu ubahlah Corner Radius menjadi 24 points, kemudian klik ok.

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8

Langkah ke - 7

Buatlah objek memanjang dengan Outline Putih dan tanpa Fill atau warna.

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8

Langkah ke - 8

Kemudian buat lagi Layer baru dengan nama Loading. Pilih Paint Bucket Tool (K), lalu atur Fill Colornya menjadi warna Radial Hijau, lalu atur tanpa Outline

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8


Lalu klik pada tengah-tengah objek yang kita buat pertama tadi. 

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8

Langkah ke - 9

Walaupun kita memberikan warna di Layer Loading, namun objek tersebut berada di Layer Loading Outline. Klik objek fillnya dengan menggunakan Selection Tool (V). Kemudian Cut (CTRL+X).

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8

Langkah ke - 10

Pindah ke Frame 1 kemudian pilih pada Layer Loading, letakan Layer Loading dibawah Layer Loading Outline. Caranya dengan mendrag Layer Loading kebawah Layer Loading Outline Lalu pastekan objek Fill tadi dengan menekan CTRL + V pada keyboard.  


Kemudian letakan posisinya tepat di tengah-tengah objek Outline tadi dengan menggunakan Selection Tool (V).

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8


Langkah ke - 11 

Klik kanan di Frame 30 kemudian pilih Insert Keyframe.

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8


Langkah ke - 12


Pindah  ke Frame 1 lalu pilih Layer Loading. Kemudian pilih Free Trasform Tool (Q), tarik sudut kanan objek Fill sampai ke ujung kiri, lihat gambar dibawah.

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8


Langkah ke - 13

Kemudian pada Layer Loading, kemudian pilih menu Properties pada sudut kiri bawah area kerja. Langkah selanjutnya pada Tween type, pilih Shape

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8


Langkah ke - 14

Pada Layer Loading kemudian pindah ke Frame 15, kemudian klik kanan > Insert Keyframe

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8


Langkah ke - 15

Kemudian klik tahan pada Frame 15, lalu drag ke Frame 25.

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8


Langkah ke - 16

Buat layer baru dengan nama Teks Loading, kemudian tulislah teks Loading... dengan menggunakan Text Tool (T).

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8


Langkah ke - 17

Sekarang agar Animasi Loadingnya ada jeda saat proses Loading, Insert Keyframe pada Frame 60.

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8


Langkah ke - 18

Selesai, sekarang untuk mancoba hasil kerja sobat silahkan tekan CTRL + ENTER

Tutorial Animasi Cara Mudah Membuat Loading dengan Macromedia Flash 8


Tips, agar pada loading dimulai objek fill tidak terlihat keluar Outline, buatlah Outline sedikit lebih besar agar bisa menutupi objek Fill pada saat diperkecil. Silahkan sobat diownload file .fla animasi loading ini pada link dibawah, Terimakasih.......

Sumber  : belajar doc

Animasi Loading Flash 8
Size : 1 MB


EmoticonEmoticon