Tuesday, 11 February 2014

Tutorial Membuat Loading (1) Menggunakan Macromedia Flash 8

Filled under:

Halloo sobat blogger mania... long time no see. Akhirnya setelah hibernasi lamanya ga ketulungan, well saya kembali lagi mengisi kekosongan artikel blog saya ini.
Sebenarnya ingin sekali mengaktifkan kembali blog saya lagi, tapi karena terbentur karena "kemalasan" saya buat artikel di blog jadilah blog saya sawangan ga
kerumat.
Okelah... langsung aja gan ga usah intro panjang lebar ke mana-mana. Untuk pertama kalinya di tahun 2014 ini saya mencoba membuat tutorial tentang membuat loading dengan menggunakan Macromedia Flash 8. Pada dasarnya sama aja sih kalo mau pake flash yang versi dari adobe toh juga isinya sama aja. Mungkin di adobe isinya ada fitur tambahan dibandingkan dengan Macromedia Flash 8. Alasan saya masih menggunakan Macromedia Flash 8 ini karena program flash yang satu ini terbilang 'enteng' saat dijalankan di laptop saya yang ukurannya masih pake int*l pentium. Gapapa lah yaaa yang penting masih bisa bermanfaat.
Ikutilah step by step tutorial dari saya berikut ini (maap aja kalo bahasanya masih terbilang belum tertata rapi)

Step 1
Jalankan program macromedia flash 8

Step 2
Pada panel layer 1, gantilah nama "layer 1" dengan nama "kotak luar"

Step 3
Pada layer "kotak luar", buatlah persegi panjang dengan cara klik icon rectangle pada icon tools. Kemudian pada outline pilihlah warna biru tua (warna bisa menyesuaikan selera). Untuk fill nya pilih yang tidak mempunyai warna (gambar icon seperti persegi yang ada tanda merahnya, berada di pojok kanan atas fill warna). Selanjutnya pada time line ke 30 insert keyframe.
persegi flash


Step 4
Buatlah new layer dan beri nama layer dengan "kotak dalam".

Step 5
Pada layer kotak dalam, buat lah persegi panjang dengan fill warna gradasi biru tetapi outline nya dipilih none (ini merupakan kebalikan dari langkah ke 4 di atas)

Step 6
Masih pada layer kotak dalam, pada timeline ke 30 berilah key frame. Caranya: klik frame 30 lalu klik kanan pilih yang insert keyframe.
insert keyframe


Step 7
Jangan beranjak dulu yaa dari layer kotak dalam. Nah sekarang berilah efek motion tween. Caranya: pada pertengahan antara keyframe 1 dan 30 klik kanan lalu pilih "create motion tween"
motion tween

Step 8
Agar animasi loading terkesan bergerak, (masih pada layer kotak dalam) pada keyframe 1 aturlah ukuran persegi panjang menjadi lebih kecil dan tarik persegi tersebut ke bagian paling kiri.





free transform flash

Tekan ctrl+enter untuk melihat hasilnya. Bim salabim animasi loading sudah jadi!
Selamat mencoba blogger mania :)

Posted By Untari WidiastutiTuesday, February 11, 2014