Tutorial Flash Web

Salam Super teman – teman. Saya akan memberikan sedikit pengetahuan saya tntang dasar – dasar pembuatan web dengan flash. Tidak ingin basa basi. Cekiprut aja gan.

• Start flash (sizes dan frame rate bebas).

• Untuk mempermudah kita ganti nama layer

• Isi di layer header ini dengan gambar ato teks bebas untuk kita jadikan header.

• Setiap web flash memiliki tombol2 untuk tiap halamannya. Ada 2 cara buat tombol, : o Tombol yg sudah ada dari flash. Kita tinggal memilih dan drag ke layar kerja.

o Buat tombol sendiri. (bebas, dari gambar atau teks), klik kanan objek – convert to symbol (F8), pilih tipe button lalu ok.

• Disini kita coba yg tombol sudah ada dari flash yah.. :D, untuk mempermudah kita buat new layer lagi dang anti dengan tombol. Baru kita isikan dengan tombolnya.

• Dobel klik tombol tersebut dan pilih lyer teks untuk kita rubah teksnya (jika ada lambing gembok, maka non aktifkan dulu)

• Jika sudah selesai edit kita pindah level untuk kembali ke scene1, klik scene1 nya

• Sekarang kita bisa duplicate tombolnya dan atur seperti ini.

• Sekarang kita akan mengedit teks dari tombol yg baru, tp ada masalah, kenapa semua ikut berubah juga ??.. �

• Itu karena tombolnya memilik instance yg sama (lihat properties)

• Jadi aturanna kita duplicate button di library

• Untuk mempermudah kita kilik kanan / dobel klik dan rename butonnya.

• Klik kanan, duplicate dan ganti mana nya.

• Jika sudah kita beralih ke layar kerja, klik tombol ke2 dan lihat di properties swap instance

• Dan ganti about us.

• ☺ sekarang jika kita edit teks pada tombol kedua maka tidak akan merubah tombol lainnya.

• Lakukan pada tombol lainya dengan cara yg sama ☺, hingga seperti ini.

• Sekarang kita buat isinya. Kita bisa mulai dengan new layer ganti nama dengan isi.

• Kita bisa kasih background atau gambar untuk layar iri. Dengan rectangle tool boleh. ☺

• Sekarang kta akan mebuat movieclip isi yang mana nanti akan berubah tiap halaman. o Silahkan pilih insert – new symbol

o Buat nama symbol dengan isi

o Tambah kan layer dan rubah namanya seperti ini

o Penjelasan : � Label untuk mempermudah dpanggil nanti bila tombol di klik. � Script untuk memberikan perintah2. � Isi untuk kita isikan dengan teks atau gambar

o Sekarang beri nama di frame 1 layer label (lihat propertiesnya)

o Untuk mempermudah diedit maka kita klik frame 10 di layer label dan beri blank keyframe (F7)

o Ganti mana dan lanjutkan seperti di bawah ini.

o Berarti halaman beranda ada di frame 1-9, aboutus 10-19, dll o Kita lanjutkan dengan memperpanjang frame script (F5) di layer script frame 40

o Untuk isi kita pakai keyframe seperti label.

o Nah hamper siap ☺, kita akan menambahkan sintax stop di layer script frame 1 (agar jalan dan looping)tekan F9 di frame1

o Kita tutup jendela actions kembali dulu ke scene1

o Dan pada layar ini kita drag movieclip isi yang ada di library. Taruh di tengah (lihat titik yang ada di tengah!!)

o Untuk mengedit nya kita dobel klik titik itu(kita akan masuk di level movieclip isi)

o Fokus di layer isi untuk kita beri isinya dngan teks , gambar / video. ☺ o Contoh isi halaman beranda seperti ini(pastikan klik layer isi)

o Untuk memasukan video kita klik file – import –import video

o Pilih file videonya, jika sudah klik next

o Pilih progressive dan Next lagi.

o Next lagi, (Jika ingin bereksperimen silahkan edit setingannya ☺)

o Sekarang masuk ke tampilan flash playernya (bebas setingannya ☺)

o Kesimpulan

o Ini proses downloadnya..

o Sudah selesai. Maka anda bisa atur besarnya dengan pencet Q dan taruh ditempat yg anda mau. ☺

o Bisa diTes dengan Ctrl+Enter

o Jika sudah puas maka bisa desain sendiri halaman lainnya . ☺

• SIAP!.. setelah tiap Halaman kita Desain maka kta sekarang akan member perintah pada Tiap-tiap tombol agar bisa saling menghubungkan tiap halaman.

o Untuk memanggil isinya halaman maka kita HARUS menamai objek isi. o Pilih layer isi dan kita klik objek isi.

o Di properties tersebut kita beri nama instance nama dengan nama isi (huruf kecil semua)

o Sekarang baru kita klik tombol beranda dan tekan F9 (untuk ktia beri Action) seperti ini

o Jd saat tombol beranda ditekan maka akan memanggil objek isi tadi (dengan nama “isi”) dan pergi dan berhenti di label beranda(huruf kecil semua).

o Sekarang kita copy script itu dan klik tombol about us dan paste kan script ini, lalu kita edit (nama di script HARUS SAMA dengan nama di label isi).

o Sisanya bisa anda lanjutkan sendiri ☺

• Oke!!.. Bisa kita tes dengan Ctrl+Enter apakah tombol sudah berfungsi.

• Sheep dah, tutorial dasar – dasar pembuata webnya sudah selesai Sampai Disini dulu yaaahh.. :D

Author :

• Nama : Muhammad Adam Fadhilah

• FB : madfaldam@yahoo.co.id • YM : madfaladam

• Blog : adamn25.blogspot.com

• Deviantart : Damn25.deviantart.com