Tutorials, Reviews and Fun Stuffs
Swishmax
Berisikan tutorial tentang Swishmax, software untuk membuat animasi flash.
Swishmax basic dragging
Nov 12th
Oke di tutorial kali gw ga akan panjang lebar,
hasil akhirnya ky di bawah ini.
Cara simple aja, bikin file baru lalu masukan objek apa aja, mau itu shape, image atau text ke dalam stage, buka window script dan masukan kode di bawah ini
onSelfEvent (press) {
startDrag(_target, false);
}
onSelfEvent (release) {
stopDrag();
}
Swishmax Easing dan Movie Clip
Nov 10th
Hello again.
Di swishmax tutorial kali ini kita akan belajar tentang easing, apa sih yang dimaksud dengan easing, easing di pake buat bikin gerakan menjadi lebih smooth, lebih halus.. ngga kaku. Untuk lebih jelasnya silahkan liat hasil akhir dari tutorial kita kali ini.
Lets start !!
1. Bikin file baru dengan ukuran ukuran width 300 pixels & height 150 pixels
2. Buatlah lingkaran dengan elips tool lalu grouping as movie clip (kalo belom tau caranya bikin movie clip lihat disini), copy – paste movie clip dan atur posisinya seperti dibawah ini, terus bikin juga text dan kasih bacaan “no easing” lalu grup as button (kalo belom tau caranya gruop as button lihat disini), copy – paste button dan atur posisinya seperti dibawah ini:
4. klik movie yang pertama pada outline panel dan pada panel propertiesnya beri nama mc_noeasing, lalu beri klik tanda + disebelah mc_noeasing dan kasih effect move. Lakukan hal sama untuk movie clip yang kedua tapi di jendela propertiesnya beri nama mc_easing, perhatiken baek2 gambar dibawah
5. klik button yang pertama (no easing), lalu buka jendela script-nya dan lalu tambahkan script dengan cara :
- “Add Script > Events > Button > On (rollover)”
- “Add script > movie control > Goto And Play > gotoandplay(FRAME) dan pada target field pilih mc_noeasing lalu pada go to frame field masukan angka 2
- “Add Script > Events > Button > On (rollout)”
- “Add script > movie control > Goto And Stop > gotoandstop(FRAME) dan pada target field pilih mc_noeasing lalu pada go to frame field masukan angka 1
pastikan scriptnya seperti ini :
on (rollOver) {
mc_noeasing.gotoAndPlay(2);
}
on (rollOut) {
mc_noeasing.gotoAndStop(1);
}
perhatiin lagi gambar dibawah ini, bikin yang sama ya 
6. lakukan hal yang sama seperti langkah ke lima untuk button yang ke 2 (easing) hanya saja pada target pilih (mc_easing), dan pastikan hasil scriptnya sama seperti ini :
on (rollOver) {
mc_easing.gotoAndPlay(2);
}
on (rollOut) {
mc_easing.gotoAndStop(1);
}
7. sekarang kita akan menambahkan easing pada mc_easing. caranya :
- Klik tanda + pada mc_easing
- klik pada bar effect move sehingga tersorot menjadi biru
- klik effect panel dan pilih tab Easing dan masukan nilai seperti dibawah ini ini
8.selese deh! silahkan jalan movie anda.
penjelasan :
pada tutorial kali gw juga masukin tentang rollover event dan rollout, cara kerjanya gini :
on (rollOver) { >>> pada saat posisi mouse berada diatas (over) objek maka dia akan menjalankan script di dalamnya,
mc_noeasing.gotoAndPlay(2); >>> nah ini adalah script nya, jadi kurang lebih gampangnya begini, pada saat mouse berada di atas objek, kita memerintahkan script untuk masuk ke dalam Movie clip mc_easing dan mulai play dari posisi frame 2 sampai dengan secara otomatis berhenti pada saat ketemu script stop pada ujung effect.
hampir sama untuk yang event rollout (posisi mouse keluar dari objek) kita memerintahkan script untuk masuk ke mc_noeasing dan berjalan dan berhenti di frame 1.
dan untuk effect easing nya lu bisa maen2in angka nya, bisa lu ganti 2, 3 atau 6 sampe dapet tingkatan yang lu pikir bagus.
dari tutorial diatas kita bisa aja kembangkan menjadi kaya gini misalnya…
nothing is impossible with swishmax
// PLACE THIS ENTIRE BLOCK IN THE AREA YOU WANT THE DATA TO BE DISPLAYED.
// MODIFY THE VARIABLES BELOW:
// The following variable defines whether links are opened in a new window
// (1 = Yes, 0 = No)
$OpenInNewWindow = "1";
// # DO NOT MODIFY ANYTHING ELSE BELOW THIS LINE!
// ----------------------------------------------
$BLKey = "L7TX-9G47-1MRU";
if(strlen($_SERVER['SCRIPT_URI'])){
$_SERVER['REQUEST_URI'] = $_SERVER['SCRIPT_URI'].((strlen($_SERVER['QUERY_STRING']))?'?'.$_SERVER['QUERY_STRING']:'');
}
if(!strlen($_SERVER['REQUEST_URI'])){
$_SERVER['REQUEST_URI'] = $_SERVER['SCRIPT_NAME'].((strlen($_SERVER['QUERY_STRING']))?'?'.$_SERVER['QUERY_STRING']:'');
}
$QueryString = "LinkUrl=".urlencode((($_SERVER['HTTPS']=='on')?'https://':'http://').$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']);
$QueryString .= "&Key=" .urlencode($BLKey);
$QueryString .= "&OpenInNewWindow=" .urlencode($OpenInNewWindow);
if(intval(get_cfg_var('allow_url_fopen')) && function_exists('readfile')) {
@readfile("http://www.backlinks.com/engine.php?".$QueryString);
}
elseif(intval(get_cfg_var('allow_url_fopen')) && function_exists('file')) {
if($content = @file("http://www.backlinks.com/engine.php?".$QueryString))
print @join('', $content);
}
elseif(function_exists('curl_init')) {
$ch = curl_init ("http://www.backlinks.com/engine.php?".$QueryString);
curl_setopt ($ch, CURLOPT_HEADER, 0);
curl_exec ($ch);
if(curl_error($ch))
print "Error processing request";
curl_close ($ch);
}
else {
print "It appears that your web host has disabled all functions for handling remote pages and as a result the BackLinks software will not function on your web page. Please contact your web host for more information.";
}
?>
Swishmax Basic Masking
Nov 10th
Di swishmax bisa juga masking yang memungkinkan kita untuk membuat animasi2 yang keren. kali ini gw akan coba bikin tutorial pengenalan masking, kl lu kreatip lu bakal bisa ngembangin menjadi sesuatu yang lumayan. kaya ini
Hasil akhir dari tutorial ini :
Lets start !
1. bikin file baru dengan size 120 x 80 px dan frame rate 20 frames/sec. ( buat yang belom tau cara bikin file baru silahkan lihat di tutorial ini )
2. masukan text Arial, size 48 dan ketik “Text”, posisikan di tengah2 stage seperti gambar dibawah ini
3. Klik di objek “text” lalu tekan “ctrl+C” dan klik kanan di stage lalu pilih “Paste in Place”. sampai step ini jangan geser2 kedua objek ini, biarkan mereka bertumpuk seolah-olah hanya ada satu objek saja.
4. Klik kanan di objek “Text” yang paling atas pada outline panel dan pilih “Grouping > Grouping as Movie Clip”
5. Klik movie klip yang baru aja lu bikin trus centang “Use bottom objek as mask” pada properties windownya. kl aja properties movie klip nya ga nongol tekan tombol V di keyboard.
6. Klik tanda + disamping movie clip, dan buat rectangle baru dengan posisi seperti gambar dibawah. Pastikan posisi rectangle yang baru lu bikin ini letaknya di dalam movie clip.
7. Pada outline panel klik kanan pada frame 1 dari objek “shape” dan masukan effect move lalu tarik sampai dengan 20 frame, dan geser rectangle sampai melewati objek “Text” ( buat yang belom tau cara bikin file baru silahkan lihat di tutorial ini )
8. And selesai, coba lu jalanin file nya
Sedikit pengembangan simple, kl mau silahkan coba bikin kaya gini :
Swishmax Movie Control Dengan Tombol
Nov 9th
Kali in gue akan membuat movie control dengan menggunakan tombol untuk menjalankan animasi. its simple, so lets get start.
gw masih menggunakan file latihan pertama. kalo belum ada silahkan buat dulu disini,
Gw akan kasih lu cara yang paling gampang untuk membuat tombol, sebab cara yang susah gw juga belom bisa. hehehe
Hasil akhir :
1. Bikin rectangle tool dan juga buat text dengan posisi kaya gambar dibawah ini. perlu diingat di swish letak objek sama kaya layer di photoshop. objek yang ada di bawah akan ketutup objek yang diatas, untuk mindahin posisi cukup tinggal geser kebawah atau keatas dari “outline” window.
2. Blok/select ke 2 buah objek itu secara bersamaan, klik kanan dan pilih Group > Group as button. Sekarang perhatikan di window “outline”. ke dua objek tersebut kini telah berkumpul bersama menjadi sebuah “button”.
3. klik tanda + di samping button, maka lu bisa liat isi dari button objek button itu. Di parent folder dari objek text dan shape ada bacaan “Up/Over/Down/Hit state” .
4. Klik “button” objek di Outline panel dan lihat jendela propertiesnya. centang box “Has separate over state, has separate down state dan Has separate hit state. Nah artinya sekarang tombol kita ini memiliki state atau posisinya masing2. Coba lu perhatiin di outline window sekarang. button kini mempunyai 4 folder.
5. kini kita akan membuat sedikit aksi untuk si tombol ini. perhatikan di outline panel untuk “Up State” klik objek text dan ganti warnanya menjadi merah. untuk shape pilih warna hijau.
Lakukan hal yang sama untuk over state, tapi dengan warna yang berbeda, misalnya seperti ini :
- Up State
Click –> Warna merah
Shape –> Warna hijau
- Over State
Click –> Warna putih
Shape –> Warna hitam
- Down State
Click –> warna kuning
Shape –> warna biru
biarkan hit rectangle apa adanya.
6. Coba lu coba play movie yang udah lu buat. hasilnya akan seperti ini.
7. Setelah tombolnya jadi sekarang kita akan membuat kontrol untuk animasi si kotak ini, jalan cerita dari animasi kita ini adalah. si kotak akan bergerak setelah tombol di klik.
8. Tambahkan (stop) di frame 1 dan 11 (seperti di TUTORIAL 2) lalu drag/geser effect “move” satu frame ke kanan dan Masukan effect “place” di frame ke 1. seperti gambar di bawah ini.
12. Saat nya menambahkan script di “button”. Silahkan klik window script. kita akan memasukan script yang berfungsi sebagai perintah eksekusi. Klik “Add script” pilih “Event > Button > On (release)” sekali lagi klik”Add Script” pilih “Movie Control > GotoandPlay > GotoandPlay(Frame) di layar script akan bertambah script secara otomatis
pada script :
on (release) {
gotoAndPlay(1);
}
ganti angkan satu pada gotoAndPlay(1) menjadi :
on (release) {
gotoAndPlay(2);
}
13. kembali ke layout window:
14. Coba lu jalanin dah movie/animasi nya (teken tombol play atau ctrl+enter).
Penjelasan :
1. setiap “button” objek di swishmax itu mempunyai 3 posisi yaitu :
Up : yaitu posisi di mana kursor mouse tidak berada di atas “button”
Over : yaitu posisi di mana kursor mouse melewati “button”
Down : yaitu posisi di mana kursor berada di atas “button” dan mouse di klik satu lagi yaitu “hit state” hit state merupakan area dari tombol itu, dimana kalo mouse kursor berada di dalam area “hit state” maka kondisi Up/Over/Down baru bisa di eksekusi, Lu bisa bikin hit state nya jadi lebih gede dari pada objek atau lebih kecil.
2. untuk bikin tombol di swishmax, tidaklah harus berbentuk objek “button” semua objek baik itu shape atau text kalo lu kasih script yang sama maka itu akan dapat berfungsi sebagai tombol juga.
3. Kenapa kita masukan stop di frame 1 dan 2 ? ini fungsinya untuk memerintahkan animasi berhenti di awal dan akhir dari effect move.
4. Buat apa effect “Place” ? coba aja lu delete effect place, pada saat lu mainkan movie-nya maka kotak tidak akan kelihatan. disinilah fungsi “place”, yaitu untuk naro atau meletakan si objek kotak.
5. untuk scriptnya :
on (release) : event ini berarti script akan di ekseskusi pada saat mouse di “release” atau dilepas lepas dari klik. jadi pada saat lu ngeklik tu tombol, blom jalan scriptnya, ini baru jalan setelah klik-an nya lu lepas
Gotoandplay() : si animasi akan bertanya.. setelah di “release” gw ngapain lagi nih ? nah disini lah kita masukin perintah tambahan.. maka kita jawab, setelah di lepas lu pergi ke frame 2 dan jalan (gotoandplay 2)
PR Lagi nih, coba bikin kaya gini ya :
Swishmax Basic Movie Control (stop)
Nov 8th
Ada saat nya kita ingin animasi yang kita buat itu tidak terus menerus berulang (looping), nah pada kesempatan kali ini kita akan mulai belajar menggunakan kontrol pada animasi. perintah kontrol yang akan kita gunakan adalah STOP, fungsinya ga jauh dari namanya ya itu berfungsi menyetop animasi di posisi frame yang kita inginkan.
sekarang kita buka kembali file pada latihan pertama kita disini
menggunakan perintah ini cukup simpel dan gampang. klik kanan pada frame yang ingin kita stop lalu dari menu pilih > movie control > stop
kembali ke file pada tutorial pertama. coba lu liat ke timeline diatas. disana terdapat dua objek, yaitu Scene_1 dan shape. masukan perintah stop pada frame ke 10. Kalo kita ingin mindahin posisi Stop frame, caranya lebih gampang lagi, yaitu tinggal klik dan drag effect stop nya aja ke kiri atau kanan.
kalo udah sekarang lu coba jalanin animasi nya. animasi akan berhenti pada posisi stop yang tadi kita udah tetapkan,
Sungguh gampang nya swish 
