This is my blog

This is my blog

Archive for 06/09/15

Membuat Loading Menggunakan Flash


Assalamu'alaikum wr. wb

Hai teman-teman saya mau memperkenalkan kembali tutorial-tutorial pada flash. Kali ini saya akan membuat sebuah loading. Loading ini biasanya digunakan pada company profile yang berfungsi sebagai awal masuk company profil.

  
1.    Buka program macromedia flash 8 dengan cara klik start-all program-macromedia-macromedia flash 8.


 
2.      Setelah program macromedia flash 8 terbuka, maka akan muncul tampilan flash 8, langkah selanjutnya pilih flash document, maka akan muncul tampilan seperti gambar dibawah  ini,



3.      Setelah terbuka, maka buatlah layer menjadi ukuran 1024X768 pixels dengan frame rate 24 pada document properties, seperti gambar dibawah,



4.      Lalu ambillah sebuah background sederhana pada layer 1 , letakkan di frame 1 dan ubah nama layer menjadi background. Setelah itu insert frame (F5) di frame 111 dan lihatlah gambar dibawah ini,



5.      Setelah background dimasukan, langkah selanjutnya membuat loading lingkaran dilayer baru dengan cara klik new layer-klik oval tool (O), lalu non aktifkan fill color dan atur lah ketebalan nya menjadi 15 pada properties dengan warna putih dan ubah nama layer menjadi loading luar, lalu insert keyframe (F6) di frame 111, lihat gambar dibawah,



6.      Langkah selanjutnya dengan memotong lingkaran tersebut menggunakan line tool, caranya buatlah garis horizontal dan vertical dengan ketebalan line tool yaitu 1 dan letakan di tengah-tengah lingkaran, lalu potong/delete bagian satu saja, lihat gambar dibawah,



7.      Setelah lingkaran itu dibentuk seperti gambar diatas, kita buat 3 buah lingkaran lagi dengan ukuran yang berbeda, hasilnya seperti gambar dibawah,



8.      Setelah keempat loading itu dibuat, lalu semua lingkaran di create motion tween dan buat lingkaran paling luar dengan rotate CW ease 100, loading luar 2 dengan rotate CCW ease 100, loading luar 3 dengan rotate CW ease 100 dan loading luar 4 dengan rotate CCW ease 100, dan hasilnya seperti gambar berikut ini,




9.      Setelah gambar loading lingkaran dibuat, langkah selanjutnya yaitu membuat loading persent yang diletakkan di tengah-tengah loading lingkaran, caranya buat layer baru-ubah nama layer menjadi loading persent-ketik angka 0% di frame 1, lihat gambar dibawah,



10.  Kemudian yaitu loading persent menjadi movie clip caranya dengan menekan F8 dan ganti nama menjadi “persen” dengan type “movie clip” dan registration “ditengah”, lihat gambar dibawah,


11.  Setelah itu masuk kedalam loading persent tersebut dengan double klik pada gambar persent lalu insert keyframe di frame 2 ubah menjadi 1%, insert keyframe lagi di frame 3 ubah menjadi 2%, begitu seterusnya sampai frame 10 dan angka menjadi 9%, seperti gambar di bawah,


12.  Untuk selanjutnya buat persen sampai 100%, untuk mempermudah buat layer baru-pada layer 2 insert keyframe di frame 11-ketik angka 1 letakkan disisi kiri persen yang pertama dan begitu seterusnya sampai frame 101 , lihat gambar dibawah,

13.  Setelah gambar loading dibuat lalu kembali ke scene 1 pada layer persen insert keyframe di frame 111 , selanjutnya tambahkan sound caranya pilih sound yang akan dimasukkan klik file-import-pilih import to stage-pilih sound yang diinginkan-lalu oke.
14.  Setelah sound dipilih lalu buat new layer lalu klik and drag sound tersebut kedalam layer baru dimulai dari frame 1.
15.  Setelah semua dibuat, tambahkan script fullscreen pada layer persent di frame 1 dengan menekan F9 pada keyboard, seperti gambar dibawah,



16.  Script di atas berfungsi untuk menampilkan loading fullscreen ketika akan di tampilkan dalam bentuk .swf
17.  Sebelum disimpan pada ujung loading persent buatlah script untuk mengalihkan file ke file selanjutnya. Seperti gambar dibawah ini,


18.  Dalam script diatas saya menggunakan “company.swf”, karena file document yang akan dibuat disave menjadi nama company.
19.  Setelah semua selesai maka simpan lah hasil loading kedalam folder dengan nama file “laporan”, caranya dengan ctrl+s atau klik file-klik save-lalu simpan di folder yang telah disediakan-lalu ok.
20.  Inilah tampilan dari loading company profile
Untuk melihat hasilnya kita bisa lakukan dengan cara tekan ctrl + enter pada keyboard
Selamat mencoba :)

Fungsi Pada Layer Kerja di Adobe Flash








Assalamu'alalikum wr. wb
Dalam kesempatan kali ini saya akan memberikan fungsi layer kerja yang ada pada adobe flash.

 
Tampilan Layer Kerja

Keterangan :
a.    Menu berisi kontrol untuk berbagai fungsi seperti membuat, membuka, dan menyimpan file, dan lain-lain.
b.  Toolbox berisi koleksi untuk membuat atau menggambar, memilih dan memanipulasi isi stage dan timeline. Toolbox dibagi lagi menjadi empat bagian yaitu tools, view, colors dan options. Beberapa tool mempunyai bagian option. Contohnya ketika arrow tool dipilih, options snap, smouth, straighten, rotate dan scale akan muncul.
c.      Timeline adalah tempat untuk membuat dan mengontrol objek dan animasi.
d.     Stage adalah area persegi empat yang merupakan tempat membuat objek atau animasi yang akan dimainkan.
e.   Property berisi informasi yang akan digunakan untuk menentukan ciri-ciri sesuatu objek atau movie yang akan kita hasilkan.
f.  Panels berisi kontrol fungsi yang akan dipakai untuk mengganti dan memodifikasi berbagai property objek ataaimasi scara cepat dan mudah.

Itulah beberapa fungsi yang ada pada layer kerja adobe flash.
Wassalamu'alaikum wr. wb

- Copyright © Mursidah -