View Full Version : minta tutorial donk
begawan
August 23, 2003, 04:25
gw pengen index site gw dibikin flash kayak opening film2 itu
misal gini :
archipelagongs <-----fade in trus fade out lagi
gantian :
a site by begawan
gantian :
blabalalala
gitu, caranya gimana ya?
background-nya item trus tulisan putih
thx before :maaf:
Master M4G1C14N
August 23, 2003, 10:43
gini2...
fade in - fade out itu ada banyak caranya :)
elu udah pernah pake flash kan?
gue kasih penjelasannya dulu ok...
CARA SIMPLEnya gue..
KALO latar belakang = HITAM..
berarti CLOSURE = HITAM juga :)
apakah CLOSURE itu? ...
contohnya di Layer Text ada berisi text2 yg elu ingin tampilkan..
di LAYER diatasnya HARUS ada yg biasanya kita sebut LAYER CLOSURE.. (sebetulnya bukan "kita" tapi "gue" :hehe )
CLOSURE sesuai dengan artinya berarti PENUTUP
gini...
1. mengubah Background menjadi Hitam... (udah tau kan caranya?)
2. Membuat RECTANGLE yg TIDAK MEMILIKI BORDER/STROKE/GARIS LUAR yg memiliki warna fill HITAM juga
3. Besarkan/Kecilkan dan atur letaknya sehingga RECTANGLE tsb bisa menutupi SEMUA TULISAN elu ...
4. buat sebuah layer baru.. trus isi tulisan apa saja terserah elu..
5. trus atur layer yg berisi TULISAN itu letakan dibawah LAYER CLOSURE
6. di LAYER CLOSURE, tambahkan KEYFRAME di frame ke 10(ini sih rada relatif, terserah elu mau frame brp tergantung sbrp cepet FADE IN yg elu inginkan).
7. trus ubah RECTANGLE tsb dari warna FILL HITAM menjadi warna FILL HITAM TRANPARANT(dengan cara di set OPACITY = 0)
8. di LAYER CLOSURE, tambahkan KEYFRAME di frame ke 20(sekali lagi ini relatif, tergantung elu mau brp cepet FADE Outnya)
9. trus ubah RECTANGLE nya lagi dari warna FILL HITAM TRANPARANT menjadi warna FILL HITAM
10. clik di LAYER CLOSURE, diantara FRAME 1 dan FRAME 10, trus ubah TWEEN OPTIONYA (ada 3 pilihan NONE, MOTION, SHAPE) ke SHAPE.. trus diantara FRAME 10 dengan FRAME 20 juga dipilih TWEEN SHAPE
11. jalankan movienya... jadi de apa yg elu mau....
kalo elu maunya abis FADE IN dan FADE OUT itu masih ada ANOTHER FADE IN and FADE OUT..
ada 2 cara...
CARA DESIGNER :
1. tadi LAYER CLOSURE, di COPY FRAME 1 ampe FRAME 20, trus di PASTE ke FRAME 21 ampe FRAME 40...
2. trus di FRAME 21, diLAYER TEXT , elu ganti textnya...
3. lakukan lagi kalo mau lebih banyak FADE in and FADE out session
CARA ACTONTSCRIPTER:
1. BUAT sebuah LAYER dengan NAMA ACTIONSCRIPT
2. ketik ACTIONSCRIPT seperti dibawah ini
/*ini adalah sebuah variable yg menentukan, sedang berada dimessage nomor brp kah kita?*/
triger = 0;
/*ini adalah array yg berisi SEMUA MESSAGE anda.. /*
textInfo = new Array();
textInfo[0] = "wahahahahhahaha Master M4G1C14N is cool";
textInfo[1] = "Begawan is cool as well";
textInfo[2] = "ehh anyway begawan itu cewe atau cowo sih?";
textInfo[3] = "udahan ahhhh";
/*Assign TEXTFIELD anda dengan CONTENT berupa textInfo nomor ke yg tersimpan di Triger*/
targetTxt = textInfo[triger];
trus di akhir MOVIE(yg dimana disini adalah di FRAME 20).. pada LAYER ACTION diberi KEYFRAME baru dan elu isi dengan
/*CEK, apakah Triger sudah melampui banyak message yg anda punya?*/
if(triger < textInfo.length){
/*kalo Triger masih belon melampui banyak message anda, maka Triger = Triger + 1*/
triger++;
}else{
/*kalo udah melampaui maka STOP movie tesebut(ini relatif, elu kalo mau yg lain juga boleh terserah elu)*/
stop();
}
4. Ubah textField anda, menjadi MODE DYNAMIC dan isi Variablenya dengan targetTxt , dan juga jgn lupa besarkan TEXTFIELD tersebut sehingga bisa muat semua TEXT yg anda ingin tampilkan.. tapi jgn lebih besar dari RECTANGLE CLOSURE yg udah didesign sedemikian rupa
selesai de :D
itu semua code diatas gue kaga praktekin.. kalo ada error elu tinggal post lagi disini..
tapi gue yakin banget dengan kemampuan scripting gue *gr mode on*.. jadi pasti kaga ada error :P
cheers,
begawan
August 24, 2003, 05:10
hiyaaaaaaaaaaa THANKS YAAAAAAAAAA
:maaf:::maaf:
begawan
August 24, 2003, 05:11
langsungnyoba.com :hehe
begawan
August 24, 2003, 05:50
tapi gak tau apa2 :hehe
Master M4G1C14N
August 24, 2003, 06:08
gak tau apa2? :bingung:
udah bisa belon ini :hehe
begawan
August 24, 2003, 06:19
Originally posted by master m4g1c14n
gini2...
fade in - fade out itu ada banyak caranya :)
elu udah pernah pake flash kan? blon pernah :D
gue kasih penjelasannya dulu ok...
CARA SIMPLEnya gue..
KALO latar belakang = HITAM..
berarti CLOSURE = HITAM juga :)
apakah CLOSURE itu? ...
contohnya di Layer Text ada berisi text2 yg elu ingin tampilkan..
di LAYER diatasnya HARUS ada yg biasanya kita sebut LAYER CLOSURE.. (sebetulnya bukan "kita" tapi "gue" :hehe )
CLOSURE sesuai dengan artinya berarti PENUTUP
gini...
1. mengubah Background menjadi Hitam... (udah tau kan caranya?) nggak tau :D
2. Membuat RECTANGLE yg TIDAK MEMILIKI BORDER/STROKE/GARIS LUAR yg memiliki warna fill HITAM juga
3. Besarkan/Kecilkan dan atur letaknya sehingga RECTANGLE tsb bisa menutupi SEMUA TULISAN elu ...
4. buat sebuah layer baru.. trus isi tulisan apa saja terserah elu..
5. trus atur layer yg berisi TULISAN itu letakan dibawah LAYER CLOSURE
6. di LAYER CLOSURE, tambahkan KEYFRAME di frame ke 10(ini sih rada relatif, terserah elu mau frame brp tergantung sbrp cepet FADE IN yg elu inginkan).
7. trus ubah RECTANGLE tsb dari warna FILL HITAM menjadi warna FILL HITAM TRANPARANT(dengan cara di set OPACITY = 0)
8. di LAYER CLOSURE, tambahkan KEYFRAME di frame ke 20(sekali lagi ini relatif, tergantung elu mau brp cepet FADE Outnya)
9. trus ubah RECTANGLE nya lagi dari warna FILL HITAM TRANPARANT menjadi warna FILL HITAM
10. clik di LAYER CLOSURE, diantara FRAME 1 dan FRAME 10, trus ubah TWEEN OPTIONYA (ada 3 pilihan NONE, MOTION, SHAPE) ke SHAPE.. trus diantara FRAME 10 dengan FRAME 20 juga dipilih TWEEN SHAPE
11. jalankan movienya... jadi de apa yg elu mau....
kalo elu maunya abis FADE IN dan FADE OUT itu masih ada ANOTHER FADE IN and FADE OUT..
ada 2 cara...
CARA DESIGNER :
1. tadi LAYER CLOSURE, di COPY FRAME 1 ampe FRAME 20, trus di PASTE ke FRAME 21 ampe FRAME 40...
2. trus di FRAME 21, diLAYER TEXT , elu ganti textnya...
3. lakukan lagi kalo mau lebih banyak FADE in and FADE out session
CARA ACTONTSCRIPTER:
1. BUAT sebuah LAYER dengan NAMA ACTIONSCRIPT
2. ketik ACTIONSCRIPT seperti dibawah ini
/*ini adalah sebuah variable yg menentukan, sedang berada dimessage nomor brp kah kita?*/
triger = 0;
/*ini adalah array yg berisi SEMUA MESSAGE anda.. /*
textInfo = new Array();
textInfo[0] = "wahahahahhahaha Master M4G1C14N is cool";
textInfo[1] = "Begawan is cool as well";
textInfo[2] = "ehh anyway begawan itu cewe atau cowo sih?";
textInfo[3] = "udahan ahhhh";
/*Assign TEXTFIELD anda dengan CONTENT berupa textInfo nomor ke yg tersimpan di Triger*/
targetTxt = textInfo[triger];
trus di akhir MOVIE(yg dimana disini adalah di FRAME 20).. pada LAYER ACTION diberi KEYFRAME baru dan elu isi dengan
/*CEK, apakah Triger sudah melampui banyak message yg anda punya?*/
if(triger < textInfo.length){
/*kalo Triger masih belon melampui banyak message anda, maka Triger = Triger + 1*/
triger++;
}else{
/*kalo udah melampaui maka STOP movie tesebut(ini relatif, elu kalo mau yg lain juga boleh terserah elu)*/
stop();
}
4. Ubah textField anda, menjadi MODE DYNAMIC dan isi Variablenya dengan targetTxt , dan juga jgn lupa besarkan TEXTFIELD tersebut sehingga bisa muat semua TEXT yg anda ingin tampilkan.. tapi jgn lebih besar dari RECTANGLE CLOSURE yg udah didesign sedemikian rupa
selesai de :D
itu semua code diatas gue kaga praktekin.. kalo ada error elu tinggal post lagi disini..
tapi gue yakin banget dengan kemampuan scripting gue *gr mode on*.. jadi pasti kaga ada error :P
cheers,
begawan
August 24, 2003, 06:22
rectangle apaan seh :hehe *bolot*
bisa kasi gambar2-nya gak?
begawan
August 24, 2003, 06:24
i mean, gambar2 mana yg harus di klik, kayak tutorial om DB :hehe
Master M4G1C14N
August 26, 2003, 02:28
ups
rectangle itu segiempat..
itu loh tool yg lambangnya segiempat itu *nunjuk2 ke toolnya*
sorry gue baru balas skrg.. abis kemarin gue kag abis masuk WG kaga tau knp...
rectangle tool = tool yg buat segiempat :hehe
di PAINT BRUSH juga ada kok :hehe
Master M4G1C14N
August 26, 2003, 02:29
trus ubah latar belakang jadi Hitam itu caranya
pertama2 click kedalam STAGE(stage itu adalah tempat kita gambar2 :hehe)
trus dibagian bawah pasti ada muncul PROPERTY dari stage tersebut
contohnya elu bisa ubah Background color dan lain2..
elu ubah jadi hitam aja
gue kag abisa kasih screenshotnya krn gue lagi pake komputer school :hehe
*_*
August 26, 2003, 04:51
MM... kasih frame based animation aja...
ntar, gue tambahin pake frame based animation aja, lebih simple utk pemula
*_*
August 26, 2003, 07:50
Tutor frame based anim.. fade in out
1. Buka Flash, lalu akan terbuka stage untutled-1 dg background masih putih
2. klik kanan di stage, akan muncul panel lalu pilih "document properties..", pilih warna background hitam, sesuaikan ukurannya, coba ganti-ganti nilai "frame rate" (12 fps sbg default) dan lihat nanti perbedaannya
BUAT GRAPHIC ARCHIPELAGONG
3. Pilih di menu, "insert/new symbol" , pilih "graphic", kasih nama "archipelagongs" (GAMBAR 1)
4. Pilih "text tool" di tool panel (ada gambar huruf "A"), lalu
(GAMBAR 2)
*_*
August 26, 2003, 08:04
5. Tulis kata2 "archipelagongs". Lalu edit font di "properti"- nyaUbah warnanya jadi putih dan ukurannya terserah. lihat panel "properties", kalo tidak ada lihat menu "window/properties" atau Ctrl+F3
BUAT GRAPHIC "A SITE BY BEGAWAN"
Lakukan langkah serupa poin 3-5, kasih nama symbolnya "site"
BUAT ANIMASI FADE IN-OUT
5. Insert new symbol, kali ini pilih "movie clip", kasih nama "archimovie"
akan terbuka stage baru dengan "timeline" yang masih kosong
6. Buka "Library" melalui menu "window/library" atau tekan F11
7. Di library akan terlihat 2 symbol graphic: "archipelagongs" dan "site"
8. Drag "archipelagongs" dari Library ke stage. Frame 1 akan terisi.
9. Klik di frame 1 lalu tekan F5 (tambah frame), tekan terus sampai ke frame 24. Di frame 24, tekan F6 (new keyframe). Di frame 24 akan terisi akhir dari graphic archipelagong (GAMBAR1)
BUAT MOTION ANIMASI
10. Klik di frame 1, lalu lihat "properties" ada option "tween", pilih "motion" (GAMBAR 2)
Hasilnya akan terlihat frame menjadi biru dengan ada tanda panah ke frame akhir.
*_*
August 26, 2003, 08:20
11. Pada frame 25, tekan F7 utk blank keyframe. Lalu drag graphic "site" dari library. (Tanpa blank keyframe, symbol tak bisa dimasukkan ke stage).
12. Lakukan animasi tween spt langkah sebelumnya untuk "archipelagongs"
BUAT ANIMASI FADE IN
13. Klik di frame 1, lalu klik graphic "archipelagongs" di stage. Lihat "properties", kalau graphic yang terpilih akan muncul di properti.
14. Ubah "alpha" di bagian "color" jadi "0%"
15. Ke frame 11, buat new keyframe (tekan F6). set "color" ke "none" ---> untuk fade in
16. Di frame 24, set kembali "color" ke "alpha=0%" ---> fade out
17. Lakukan hal serupa untuk tween graphic "site" (frame 25 s/d akhir)
18. Di frame paling akhir, buat blank keyframe (F7) lalu masukkan graphic penutup (buat dulu dengan insert/new symbol) yang isinya "bla-bla bla".
Lalu kasih actionscript pada frame. Tekan F9 untuk fanel "actions" (lihat judul panel-nya harus "actions-frame"), pilih "movie control/stop" atau ketik langsung "stop();"
Ini bertujuan agar animasi tidak terus menerus, tapi berakgir di bagian "bla bla bla..."
MASUKKAN KE SCENE
19. Setelah movie "archimovie" selesai, kembali ke stage utama (scene). Drag "archimovie" ke stage di scene.
Selesai
begawan
August 27, 2003, 15:28
mentok sampe perintah ke 15, gw gak liat ada setting color ke none???
*_*
August 28, 2003, 08:58
Originally posted by begawan
mentok sampe perintah ke 15, gw gak liat ada setting color ke none???
Jangan hanya klik frame di "timeline", tapi juga klik obyek di stage baru akan terlihat di "properties" graphic pasti ada option "color.
Kalau cuma di frame tapi obyek di stage tidak di klik (select), ya properties yang muncul hanya properties frame (lihat kan ada judulnya tuh properties: apa frame, graphic, text, atau movie clip)
bocah_klene
August 29, 2003, 13:43
eh gw bagi tutor buat bikin roliing teks donk n yang ngambil teksnya dari notepad gitu kalo teksnya kepanjangan n jadi kalo ngedit teks tinggal langsung ke notepadnya aja...:D:P tahnk's sebelumnya yach bagi yang bantu gw..:D:P
summer
August 29, 2003, 17:21
Ga ngerti~~~~maksud nya apa ~~
Master M4G1C14N
August 30, 2003, 03:56
gue juga gak ngerti maksud bocah klene...
apa mungkin maksudnya kaya gini
http://www.test.vz.hessen.de
masuk ke FLASH
trus dibawahnya ada scrolling text yg diambil dari notepad.. apa maksud lu kaya gitu?? :bingung:
*gue tau itu diambil dari notepad krn emang gue yg buat itu website* :hehe
*_*
September 01, 2003, 09:31
Originally posted by bocah_klene
eh gw bagi tutor buat bikin roliing teks donk n yang ngambil teksnya dari notepad gitu kalo teksnya kepanjangan n jadi kalo ngedit teks tinggal langsung ke notepadnya aja...:D:P tahnk's sebelumnya yach bagi yang bantu gw..:D:P
oh maksudnya pasti text di flash yang bisa scrolling yah, atas bawah... tapi sumbernya dari external (.txt) kan?
ntar yah... dibikinin tutorialnya
ayo MM... bikinin :D
Master M4G1C14N
September 02, 2003, 02:20
scrolling kaya apa dulu??
masih kaga jelas banget :bingung:
begawan
September 07, 2003, 08:43
ini hasilnya :D
tapi dibikinin temen :haha
archipelagongs (www.geocities.com/archipelagongs)
shoegal
December 24, 2003, 08:13
Begawan, kalo bingung baca tutorial Flash aja.
Dijamin ngerti.
Gampang banget kok.
Eh, ada yang punya script masking buat pictures nggak?
Kasih doong.
Thx!
*_*
December 30, 2003, 11:33
shoegal, nanyanya gak jelas banget... masking model apa? cuma agar pictures gak keliatan aja atau ada efek lain?
apa mesti skrip?
vBulletin® v3.8.2, Copyright ©2000-2013, Jelsoft Enterprises Ltd.