Tutorial membuat web dengan Flash
1.
Tutorial Macromedia Flash “Pembuatan Web Interaktif dengan Flash MX” |
Buka Program Flash MX, kemudian pada panel Properties ubah size = 770 x 600 pixel, dan ubah background menjadi warna hitam, lalu ubah frame rate menjadi 30.
2. Pada layer 1, buat object “rectangle” dengan ukuran W = 188, H = 418, X = 21.4, Y = 139.3.
3. Kemudian buat layer baru dan beri nama “mask”, pada frame 1, buat obyek “rectangle” dengan ukuran W=251, H=28, X= -10, Y=104.
4. Klik pada frame 30, kemudian tekan F6 pada keyboard, lalu ubah ukuran rectangle menjadi W=251, H=471, X=-10, Y=104.
5. Diantara frame 1 – 30 pada layer “mask”, Anda beri motion shape dengan cara mengubah tween pada panel Properties dengan shape.
6. Pada layer mask Anda klik kanan kemudian pilih “mask”.
7. Buat Layer baru dan beri nama “header”.
8. pada frame 30 Anda tekan F7 pada keyboard, kemudian buat obyek dengan bentuk rectangle dengan ukuran W=10, H=10, X= 21, Y=138.
1. pada frame 60 Anda tekan F6 pada keyboard, kemudian ubah ukuran garis menjadi W=10, H=10, X= 21, Y=138.
2. Buat symbol button, dengan cara klik menu Insert à New Symbol à Button dan ubah nama simbol menjadi “Homepage”.
3. Setelah masuk simbol button, pada frame “UP”, buat rectangle dengan W= 427.9, H=91.5, X=-182, Y=-43, lalu ubah warnanya menjadi warna linear, caranya klik paint bucket tool (K) lalu ubah fill color menjadi linier, untuk menerapkan warna linear klik dalam obyek linear dan drag secara vertical atau horizontal.
4. Buat Text “homepage” tepat ditengah kotak.
5. Pada frame “Over” tekan F6 dan ubah warna linear menjadi “orange dan putih”
6. Pada frame “down” tekan F6 dan ubah warna linear menjadi “merah dan putih”, lakukan langkah ke 14 pada frame “hit”
7. Buat tombol button satu lagi dengan nama “gallery”, seperti langkah 11 – 14.
8. Buat layer baru dan beri nama “button”
9. Drag symbol “homepage” ke stage, kemudian ubah ukuran & posisi sebagai berikut : W=148, H=31, X=38, Y=164,6. Kemudian drag juga Simbol “Gallery” ke stage kemudian ubah ukuran & posisi sebagai berikut : W=148, H=31, X=38, Y=206,6.
10. Buat layer baru dengan nama “Picture”. Pada frame 61 tekan F6, kemudian buat obyek rectangle dengan ukuran w : 523.1, h : 393, x : 224.6, y : 160.3, ubah warna menjadi gray (abu-abu).
11. Import file gambar, dengan cara klik menu File à Import à Import to Stage lalu pilih file “riyani.jpg” kemudian klik Open. Setelah itu ubah ukuran menjadi w : 492.8 h : 269.6, x : 240.2, y : 171.8
12. Kemudian pada frame 90 tekan F6 pada layer “picture”.
13. Buat layer baru tepat diatas layer “picture”, ubah namanya menjadi “mask picture”
14. Pada mask picture klik pada frame 61 dan tekan F7, lalu buat rectangle dengan ukuran w : 19.9, h : 19.9, x : 476.9, y : 346.9.
15. Pada frame 90, tekan F6 dan ubah ukuran “oval” menjadi w : 691, h : 691, x : 158.3, y : – 8.
16. Pada layer “picture” klik frame 91 dan tekan F7, lalu buat rectangle dengan ukuran w : 523.1, h : 393, x : 224.6, y : 160.3.
17. Import gambar dengan cara klik menu file à import à import to stage à pilih “irma.jpg” klik “Open”
18. Ubah ukuran gambar menjadi w : 492.8, h : 369.6, x : 240.2, y : 171.8, setelah itu Anda klik pada frame 115 dan tekan F6 pada keyboard.
19. Pada layer “mask picture” klik frame 91 dan buat obyek “rectangle” dengan ukuran w : 575, h : 7.6, x : 191.7, y : 350.6.
20. Klik pada frame 115, lalu tekan F6, kemudian ubah ukuran rectangle dengan ukuran w : 575.1, h : 419.5, x : 191.7, y : 145.3.
21. Klik pada frame antara 91 – 115 pada layer mask picture, lalu diberi “motion shape” pada panel Properties.
22. Klik pada layer “mask picture” kemudian klik kanan dan pilih “mask”
23. Buat layer baru dan ubah nama menjadi “text”
24. Klik pada frame 35 pada layer text, kemudian tekan F7 pada keyboard.
25. Pada frame 35 buat obyek text “HOMEPAGE” dengan text “arial black” size : 43, kemudian klik kanan text dan pilih “convert to symbol”, pilih graphic dan klik Ok.
26. Kemudian klik frame 60 dan tekan F6,
27. Klik pada frame 30 pilih obyek teks, kemudian pada panel properties ubah color menjadi “Alpha” dan ubah prosentase menjadi 0%, kemudian antara 30 – 60 dan Anda beri “motion tween.”
28. Klik frame 90 pada layer “text” kemudian tekan F6 pada keyboard.
29. Klik frame 91 pada layer “text” kemudian tekan F7 pada keyboard.
30. Buat obyek text “gallery” (type Arial black, 43), ubah positionnya menjadi x : 31739, y : 48.8, kemudian klik kanan text “gallery” dan pilih “convert to symbol”, pilih graphic dan klik Ok.
31. Kemudian klik frame 60 dan tekan F6
32. Klik pada frame 30 pilih obyek teks, kemudian pada panel properties ubah color menjadi “Alpha” dan ubah prosentase menjadi 0%, kemudian antara 30 – 60 dan Anda beri “motion tween.”
33. Buat layer satu lagi kemudian beri nama “action”
34. Klik pada frame 90 kemudian pilih “panel action” kemudian klik tanda ( + ) kemudian akan muncul pilihan, pilih Global Function à Movie Controller à Stop
35. Klik pada frame 115, kemudian beri juga action “stop”
36. Klik pada symbol button “homepage”, kemudian pada panel Action tuliskan action sebagai berikut :
On (release) {gotoAndPlay (1);}
37. Klik pada symbol button kedua yaitu “Gallery”, kemudian pada panel Action tuliskan action sebagai berikut :
On (release) {gotoAndPlay (91);}
38. Setelah semua langkah-langkah selesai maka lakukan “Test Movie” atau dengan cara tekan “Ctrl + Enter”, jika terdapat Comment Dialog, berarti masih terdapat kesalahan pada actionscript yang telah Anda buat.
kulonuwun, langsung aja ya…saya ada masalah dengan flash untuk web, sebenarnya sangat menarik untuk web interkatifnya sih!… tapi saya udah mencoba membuatnya, misal untuk halaman depan dan kedua, serta udah melakun tes movie dan plubiser karena tes script nya udah gak ada yang eror, tetapi kenapa kok waktu dicoba dijalankan file HTML nya untuk halaman depan bisa preview..kemudian saya klik button untuk halaman kedua ….bisa conec tapi tidak bisa preview halam kedua…demikian masalah saya mungkin ada yang bisa kasih saran
terimaksih
roexman
saya minta tutorial membuat presentasi dengan flash donk…
thanks mas buat tutorialnya….
mau di coba dulu deh
mas,mohon izin cpoi tutornya…
thanks ya…
Mas, minta turtorialnya donk?
thks sebelumnya
askum wr wb n slmt braktivitas all..
slm knl’y di w..!!
ehm, tuan rumah tolong dox ksh contohnya byr tmbh lebih jlas lg ych…!!!!
Al’y klo cm materi doax tnpa gambar gk bs br jln dgn smpurna cuy..!!!
Makach….!!!1
makasih infonya… mas mau tanya, kalo bikin website kayak yang di transformersmovie.com itu gimana ya? keliatan keren banget websitenya…
trims dan sangat bermanfaat bg saya
ra ceto mas , sing enek gambare ngunu , gen gayeng
untuk kritik dan saran, silahkan posting comment anda
boleh juga tutorialnya tapi klo bleh usul bisa dikasih contoh jg biar tambah jelas… trims..
Askum. Mas minta tolong ni ada ga’ tutor untuk membuat e-learning gtu? Low ada krm donk mas..ke
diofriendly@yahoo.com
makasih
ada gak ya web yang instannya???????????????? tapi menggunakan flashhhhhhhh???????????
keren boz, sesampainya dirumah nanti akan segear ku coba…
bisa tuker link juga bozz dgn http://bowol.blogspot.com/
thanksss!!!
mas saya anggota baru dalam forum ini . . . . mas boleh mintak tutorialnya buat web di flash????
Gak Jelas……….Tolong Tampilkan Hasilnya….atau gambar pembuatan flash dari proses pertama sampai akhir..
Buat tmn2 yang webnya udah jadi.
Silahkan pelajari cara2 memasukkan webnya ke Google.com
Kunjungi za website http://www.widtama.com
Terimaksh, semoga info ini bermanfaat bwt kita semua.
bingung w ni gan,,,,
tapi penasaran
Makasih infonya….
walau agag sedikit puyeng.. hehe.
thanxz infonya gan . .
saya coba dulu
izin sedot gan…
thank infonya
nice info.
terima kasih.
kakak minta tutorialnya untuk pembuatan web dari flash donk?
thank
kakak bagaimana membuat menu dropdown pada flash?
thank
setelah web jadi kalo mengunakan flash apakah bisa di hosting??
kalo bisa gmna caranya?
tanya donk kl mau buat animasi membuka buku dari halaman 1 ke halaman berikutnya gmn ya ???
Thz atas tutorialnya ….
Bagi sobat yg mau tau tutorial lengkap tentang flash… ada video nya juga ..
kunjungi situs http://www.asastudio.org dijamin freeeeee
semoga bermanfaat..
kalo web flas bisa bikin halaman administratornya tidak…? atau menggunakan seo biar bisa di cari di bah google….? thank