SlideShare a Scribd company logo
Cara pembuatan : web dengan flash
 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
 Gambar 4 buah teks agar berguna sebagai link, yaitu
: home, project, link, about me.
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
 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
 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 + F3untuk menampilkan panel properties.
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)
 Seleksi kotak tersebut, dan klik kanan kemudian pilih Convert to Symbol pilih
MovieClip. Pastikan titik registrasi berada di kiri.
Convert to Movieclip
 Jangan lupa untuk mengganti instance name-nya menjadi kotak_mc.
kotak_mc
 Sekarang, masuk ke dalam kotak tersebut, dan kita edit bagian dalamnya ,
kira2 seperti ini :
Preview
 Sekarang buat sebuah tombol untuk fullscreen. Beri
nama fullscreen_btnsebagai instance name-nya.
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 :
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

More Related Content

Similar to Cara pembuatan web dengan flash

modul animasi.pdf
modul animasi.pdfmodul animasi.pdf
modul animasi.pdf
EkoSetiawan735957
 
Laporan praktikum modul 4
Laporan praktikum modul 4Laporan praktikum modul 4
Laporan praktikum modul 4
Devi Apriansyah
 
Pertemuan 62
Pertemuan 62Pertemuan 62
Pertemuan 62kusanti
 
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdfANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
IcukIcum
 
Mebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flashMebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flash
Ayas Tincem
 
7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flash7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flashAhmad Bashir
 
Mengenal After Effect
Mengenal After EffectMengenal After Effect
Mengenal After Effect
Rezki Yudi Triana
 
Sulhan Animasidgimageready
Sulhan AnimasidgimagereadySulhan Animasidgimageready
Sulhan AnimasidgimagereadyRaden Alif
 
Penegenalan Macromedia flash 8
Penegenalan Macromedia  flash 8Penegenalan Macromedia  flash 8
Penegenalan Macromedia flash 8
Houtman Ambarita
 
Tutorial Animasi menggunakan macromedia Flash 8
Tutorial Animasi menggunakan macromedia Flash 8Tutorial Animasi menggunakan macromedia Flash 8
Tutorial Animasi menggunakan macromedia Flash 8
Farichah Riha
 
Adobe flash cs5 profesional
Adobe flash cs5 profesionalAdobe flash cs5 profesional
Adobe flash cs5 profesionalSlamet Ariyanto
 
123 Tip & Trik ActionScript Flash MX 2004
123 Tip & Trik ActionScript Flash MX 2004123 Tip & Trik ActionScript Flash MX 2004
123 Tip & Trik ActionScript Flash MX 2004Nurdin Al-Azies
 
123 tip & trik action script flash mx 2004
123 tip & trik action script flash mx 2004123 tip & trik action script flash mx 2004
123 tip & trik action script flash mx 2004Ilan Surf ﺕ
 
Membuat efek venom
Membuat efek venomMembuat efek venom
Membuat efek venom
Agung Yuwono
 
KD. 3.3.pptx
KD. 3.3.pptxKD. 3.3.pptx
KD. 3.3.pptx
ardenas_mom
 
Laporan praktikum multimedia_4-4
Laporan praktikum multimedia_4-4Laporan praktikum multimedia_4-4
Laporan praktikum multimedia_4-4
Deprilana Ego Prakasa
 
Chafid buatlogonscreensendiri
Chafid buatlogonscreensendiriChafid buatlogonscreensendiri
Chafid buatlogonscreensendiri
M Mudzakir Chafid
 
Tutorial flash (1)
Tutorial flash (1)Tutorial flash (1)
Tutorial flash (1)
Tri Widodo
 

Similar to Cara pembuatan web dengan flash (20)

modul animasi.pdf
modul animasi.pdfmodul animasi.pdf
modul animasi.pdf
 
Laporan praktikum modul 4
Laporan praktikum modul 4Laporan praktikum modul 4
Laporan praktikum modul 4
 
Pertemuan 62
Pertemuan 62Pertemuan 62
Pertemuan 62
 
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdfANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
 
Mebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flashMebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flash
 
7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flash7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flash
 
Mengenal After Effect
Mengenal After EffectMengenal After Effect
Mengenal After Effect
 
Sulhan Animasidgimageready
Sulhan AnimasidgimagereadySulhan Animasidgimageready
Sulhan Animasidgimageready
 
Penegenalan Macromedia flash 8
Penegenalan Macromedia  flash 8Penegenalan Macromedia  flash 8
Penegenalan Macromedia flash 8
 
Tutorial Animasi menggunakan macromedia Flash 8
Tutorial Animasi menggunakan macromedia Flash 8Tutorial Animasi menggunakan macromedia Flash 8
Tutorial Animasi menggunakan macromedia Flash 8
 
CD Interaktif
CD InteraktifCD Interaktif
CD Interaktif
 
Adobe flash cs5 profesional
Adobe flash cs5 profesionalAdobe flash cs5 profesional
Adobe flash cs5 profesional
 
123 Tip & Trik ActionScript Flash MX 2004
123 Tip & Trik ActionScript Flash MX 2004123 Tip & Trik ActionScript Flash MX 2004
123 Tip & Trik ActionScript Flash MX 2004
 
123 tip & trik action script flash mx 2004
123 tip & trik action script flash mx 2004123 tip & trik action script flash mx 2004
123 tip & trik action script flash mx 2004
 
Membuat efek venom
Membuat efek venomMembuat efek venom
Membuat efek venom
 
KD. 3.3.pptx
KD. 3.3.pptxKD. 3.3.pptx
KD. 3.3.pptx
 
Laporan praktikum multimedia_4-4
Laporan praktikum multimedia_4-4Laporan praktikum multimedia_4-4
Laporan praktikum multimedia_4-4
 
Frontpage
FrontpageFrontpage
Frontpage
 
Chafid buatlogonscreensendiri
Chafid buatlogonscreensendiriChafid buatlogonscreensendiri
Chafid buatlogonscreensendiri
 
Tutorial flash (1)
Tutorial flash (1)Tutorial flash (1)
Tutorial flash (1)
 

Recently uploaded

Aksi Nyata PMM perencanaan pembelajaran SMP?paket B
Aksi Nyata PMM perencanaan pembelajaran SMP?paket BAksi Nyata PMM perencanaan pembelajaran SMP?paket B
Aksi Nyata PMM perencanaan pembelajaran SMP?paket B
renysavitri
 
PPT KEWARGANEGARAAN bsimillahirrah .pptx
PPT KEWARGANEGARAAN bsimillahirrah .pptxPPT KEWARGANEGARAAN bsimillahirrah .pptx
PPT KEWARGANEGARAAN bsimillahirrah .pptx
kangSantri23
 
Slide Peserta Terbaik Tahfidz sekolah JSIT.pptx
Slide Peserta Terbaik Tahfidz sekolah JSIT.pptxSlide Peserta Terbaik Tahfidz sekolah JSIT.pptx
Slide Peserta Terbaik Tahfidz sekolah JSIT.pptx
abdillah18
 
Presentasi PI 2 Visi Guru Penggerak Angkatan 10
Presentasi  PI 2 Visi Guru Penggerak Angkatan 10Presentasi  PI 2 Visi Guru Penggerak Angkatan 10
Presentasi PI 2 Visi Guru Penggerak Angkatan 10
Akhyar33
 
Spanduk PPDB 2024 2025 1x4M CDR Baik.pdf
Spanduk PPDB 2024 2025 1x4M CDR Baik.pdfSpanduk PPDB 2024 2025 1x4M CDR Baik.pdf
Spanduk PPDB 2024 2025 1x4M CDR Baik.pdf
PURNAWANYB1
 
Pelaksana pelaksana Lapangan Pekerjaan Bangunan Air Limbah Permukiman (Setem...
Pelaksana pelaksana  Lapangan Pekerjaan Bangunan Air Limbah Permukiman (Setem...Pelaksana pelaksana  Lapangan Pekerjaan Bangunan Air Limbah Permukiman (Setem...
Pelaksana pelaksana Lapangan Pekerjaan Bangunan Air Limbah Permukiman (Setem...
boynugraha727
 
pelaksana Pelaksana Lapangan Pekerjaan Bangunan Pengaman Pantai.pptx
pelaksana Pelaksana Lapangan Pekerjaan Bangunan Pengaman Pantai.pptxpelaksana Pelaksana Lapangan Pekerjaan Bangunan Pengaman Pantai.pptx
pelaksana Pelaksana Lapangan Pekerjaan Bangunan Pengaman Pantai.pptx
boynugraha727
 
MATERI DRAMA KELAS XI KURIKULUM MERDEKA.pptx
MATERI DRAMA KELAS XI KURIKULUM MERDEKA.pptxMATERI DRAMA KELAS XI KURIKULUM MERDEKA.pptx
MATERI DRAMA KELAS XI KURIKULUM MERDEKA.pptx
abbazpesulap
 
WA 081388333722 Jual DIldo Penis Ikat Pinggang Di Surabaya COd
WA 081388333722 Jual DIldo Penis Ikat Pinggang Di Surabaya COdWA 081388333722 Jual DIldo Penis Ikat Pinggang Di Surabaya COd
WA 081388333722 Jual DIldo Penis Ikat Pinggang Di Surabaya COd
ajongshopp
 

Recently uploaded (9)

Aksi Nyata PMM perencanaan pembelajaran SMP?paket B
Aksi Nyata PMM perencanaan pembelajaran SMP?paket BAksi Nyata PMM perencanaan pembelajaran SMP?paket B
Aksi Nyata PMM perencanaan pembelajaran SMP?paket B
 
PPT KEWARGANEGARAAN bsimillahirrah .pptx
PPT KEWARGANEGARAAN bsimillahirrah .pptxPPT KEWARGANEGARAAN bsimillahirrah .pptx
PPT KEWARGANEGARAAN bsimillahirrah .pptx
 
Slide Peserta Terbaik Tahfidz sekolah JSIT.pptx
Slide Peserta Terbaik Tahfidz sekolah JSIT.pptxSlide Peserta Terbaik Tahfidz sekolah JSIT.pptx
Slide Peserta Terbaik Tahfidz sekolah JSIT.pptx
 
Presentasi PI 2 Visi Guru Penggerak Angkatan 10
Presentasi  PI 2 Visi Guru Penggerak Angkatan 10Presentasi  PI 2 Visi Guru Penggerak Angkatan 10
Presentasi PI 2 Visi Guru Penggerak Angkatan 10
 
Spanduk PPDB 2024 2025 1x4M CDR Baik.pdf
Spanduk PPDB 2024 2025 1x4M CDR Baik.pdfSpanduk PPDB 2024 2025 1x4M CDR Baik.pdf
Spanduk PPDB 2024 2025 1x4M CDR Baik.pdf
 
Pelaksana pelaksana Lapangan Pekerjaan Bangunan Air Limbah Permukiman (Setem...
Pelaksana pelaksana  Lapangan Pekerjaan Bangunan Air Limbah Permukiman (Setem...Pelaksana pelaksana  Lapangan Pekerjaan Bangunan Air Limbah Permukiman (Setem...
Pelaksana pelaksana Lapangan Pekerjaan Bangunan Air Limbah Permukiman (Setem...
 
pelaksana Pelaksana Lapangan Pekerjaan Bangunan Pengaman Pantai.pptx
pelaksana Pelaksana Lapangan Pekerjaan Bangunan Pengaman Pantai.pptxpelaksana Pelaksana Lapangan Pekerjaan Bangunan Pengaman Pantai.pptx
pelaksana Pelaksana Lapangan Pekerjaan Bangunan Pengaman Pantai.pptx
 
MATERI DRAMA KELAS XI KURIKULUM MERDEKA.pptx
MATERI DRAMA KELAS XI KURIKULUM MERDEKA.pptxMATERI DRAMA KELAS XI KURIKULUM MERDEKA.pptx
MATERI DRAMA KELAS XI KURIKULUM MERDEKA.pptx
 
WA 081388333722 Jual DIldo Penis Ikat Pinggang Di Surabaya COd
WA 081388333722 Jual DIldo Penis Ikat Pinggang Di Surabaya COdWA 081388333722 Jual DIldo Penis Ikat Pinggang Di Surabaya COd
WA 081388333722 Jual DIldo Penis Ikat Pinggang Di Surabaya COd
 

Cara pembuatan web dengan flash

  • 1. Cara pembuatan : web dengan flash  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  Gambar 4 buah teks agar berguna sebagai link, yaitu : home, project, link, about me. 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.
  • 2. 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  Setelah sudah, klik 2 kali pada area kosong untuk kembali ke stage. Terapkan teknik tersebut ke masing-masing teks menu.
  • 3.  Beri instance name masing-masing tombol yang telah dibuat seperti gambar ini. Memberikan instance name, cukup klik pada button tersebut dan tekan Ctrl + F3untuk menampilkan panel properties. 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)  Seleksi kotak tersebut, dan klik kanan kemudian pilih Convert to Symbol pilih MovieClip. Pastikan titik registrasi berada di kiri.
  • 4. Convert to Movieclip  Jangan lupa untuk mengganti instance name-nya menjadi kotak_mc. kotak_mc  Sekarang, masuk ke dalam kotak tersebut, dan kita edit bagian dalamnya , kira2 seperti ini : Preview
  • 5.  Sekarang buat sebuah tombol untuk fullscreen. Beri nama fullscreen_btnsebagai instance name-nya. 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 : 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 }
  • 6.  Kemudian buka publish setting pada Menu File -> Publish Settings, pastikan pengaturan seperti pada gambar. Publish Settings