English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified

CARA MEMBUAT WEBSITE FLASH SEDERHANA

Sekarang kita akan membuat sebuah website yang full dengan konten flash, sehingga hanya sedikit komponen HTML-nya. Cara pembuatan : Siapkan sebuah dokumen flash baru menggunakan Flash CS 3, karena kita perlu Flash Player 9 untuk agar dapat fullscreen pada browser.

 Atur ukuran dari stage menjadi 640 piksel x 480 piksel. panel properties panel properties Gambar 4 buah teks agar berguna sebagai link, yaitu : home, project, link, about me. menu menu Tulisan tersebut masih berupa teks, sekarang kita ubah menjadi button, sehingga semua terdapat 4 button. 

Klik kanan pada masing-masing teks, pilih Convert to Symbol, pilih button dan klik OK. Convert to Symbol Convert to Symbol Setelah itu klik 2 kali pada tombol yang baru saja dibuat, tambahkan area pada frame hit. 

Gunanya adalah agar ketika mouse memasuki area tersebut, maka tombol akan bisa di-klik. Masuk ke dalam Button Masuk ke dalam Button Setelah sudah, klik 2 kali pada area kosong untuk kembali ke stage. Terapkan teknik tersebut ke masing-masing teks menu. 

Beri instance name masing-masing tombol yang telah dibuat seperti gambar ini. Memberikan instance name, cukup klik pada button tersebut dan tekan Ctrl + F3 untuk menampilkan panel properties. 

 Instance Name Instance Name Buatlah sebuah kotak berukuran 2400 piksel x 350 piksel pada stage pada posisi x = 20 dan y = 70. Bagi menjadi 4 bagian, sehingga per bagian memiliki panjang 600 piksel. Kotak (Klik untuk memperbesar) Kotak (Klik untuk memperbesar) Seleksi kotak tersebut, dan klik kanan kemudian pilih Convert to Symbol pilih MovieClip. 

Pastikan titik registrasi berada di kiri. Convert to Movieclip Convert to Movieclip Jangan lupa untuk mengganti instance name-nya menjadi kotak_mc. kotak_mc kotak_mc 

Sekarang, masuk ke dalam kotak tersebut, dan kita edit bagian dalamnya :), kira2 seperti ini : Preview Preview 


Sekarang buat sebuah tombol untuk fullscreen. Beri nama fullscreen_btn sebagai instance name-nya. tombol fullscreen tombol fullscreen Sekarang lanjut ke script (actionscript 2.0). 
Buat sebuah layer baru, klik pada frame 1, tekan F9 untuk memunculkan panel Actions – Frame. Ketik syntax berikut : 

view source print? 

01 import mx.transitions.Tween; 

02 import mx.transitions.easing.*; 

03 

04 tombol1_btn.onRelease=function(){ 

05 var myTween:Tween = new Tween(kotak_mc, "_x", Strong.easeOut, kotak_mc._x, 20, 1, true); 

06 } 

07 tombol2_btn.onRelease=function(){ 

08 var myTween:Tween = new Tween(kotak_mc, "_x", Strong.easeOut, kotak_mc._x, -580, 1, true); 

 09 } 

10 tombol3_btn.onRelease=function(){ 

11 var myTween:Tween = new Tween(kotak_mc, "_x", Strong.easeOut, kotak_mc._x, -1180, 1, true); 

12 } 

13 tombol4_btn.onRelease=function(){ 

14 var myTween:Tween = new Tween(kotak_mc, "_x", Strong.easeOut, kotak_mc._x, -1780, 1, true); 

15 } 

16 

17 fullscreen_btn.onRelease=function(){ 

18 //fullscreen di projector 

19 //fscommand("fullscreen","true"); 

20 //fullscreen pada browser 21 Stage.displayState="fullScreen"; 

22 } 

Kemudian buka publish setting pada Menu File -> Publish Settings, pastikan pengaturan seperti pada gambar. Publish Settings Publish Settings 

Kemudian klik Publish agar file Html dan .swf terbentuk. 

Sumber : http://flashindonesia.org/2011/01/cara-membuat-website-flash-sederhana/

Tidak ada komentar:

Posting Komentar