Dasar Layout Flash

Dony Novaliendry, M.Kom

Memasukkan dan Menyesuaikan Gambar dengan Stage

Seringkali kita menemui kendala dalam menyesuaikan ukuran gambar dengan ukuran Stage Namun sebelum itu masukkan dulu gambar ke dalam Stage dengan menggukanan File > Import > Import To Stage... Atau tekan CRTL + R > Pilih Gambar > OK

Kendala - kendala

Ukuran gambar lebih besar daripada ukuran Stage atau ukuran Stage yang Lebih besar daripada ukuran gambar

Ukuran Stage yang Lebih besar daripada ukuran gambar

Kanvas Putih adalah Stage

Ukuran gambar lebih besar daripada ukuran Stage

Caranya
Properties

Kemudian Klik Gambar pada Stage

Ini dia rahasianya... W dan H W= Weight=Lebar H=Height=Panjang X=Menunjukkan Selisih Gambar dengan Stage secara Horisontal / Sumbu X Y=Menunjukkan Selisih Gambar dengan Stage secara Vertikal / Sumbu Y

Misal: Jika kita mempunyai ukuran Stage 400 x 300 px Maka agar sesuai dengan Stage nilai W dan H harus diubah mengikuti ukuran Stage W= 400 X= 300

Continued

dan agar posisinya sejajar dengan Stage maka X dan Y harus diubah ke 0 X= 0 Y=0 Nah Dengan Pengaturan Tersebut maka Stage = Gambar

Membuat Animasi Sederhana dengan Permainan Keyframe

Buka Program Flash MX Lalu pilih new... Flash Document Caranya: 1. Klik Size pada Properties 2. Akan Muncul Document Properties Atur dimensions, gunakan 300 x 200 px 3. Tekan OK

Continued
1.

2.

3.

Tekan R pada keyboad lalu gambar kotak di Stage Lakukan pewarnaan dengan menekan V pada keyboard dan klik kotak lalu pilih Fill yang ada tanda nomor 2 di gambar Pilih warna disini, menggunakan warna biru dongker dengan nilai hexadecimal #000066

Continued

Tekan T pada keyboard untuk menggunakan Text Tool lalu ketik terserah (Misalkan Huruf F)

Lihat Kotak Timeline Di situ kita akan bermain Baiklah sekarang tekan F5 pada keyboard... hasilnya frame akan bertambah hal ini untuk mengatur ritme dari animasi. Tekan sebanyak 5 X

Continued

lalu Tekan F6 pada keyboard... hasilnya key Frame (untuk animasi) akan muncul jika sudah tambahkan huruf pada stage

Continued

Ulangi Langkah 5 dan 6 (Terus tambahkan huruf sehingga membentuk tulisan FLASH

Result

Untuk melihat hasilnya... berdoa dulu ya... Tekan CTRL + Enter Hasilnya: