Advertise

Tampilkan postingan dengan label Tutorial Flash 8. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Flash 8. Tampilkan semua postingan

Membuat Bayangan Di Dalam Text

Langkah pertama buatlah dokumen baru berukuran 450px x 100px,
Buatlah empat buah layer seperti gambar dibawah ini.



Di layer 1 buatlah background persegipanjang menggunakan Rectangle Toool dengan ukuran 450 x 100.



Berilah warna gradasi merah hitam seperti gambar dibawah ini.



Buatlah teks CHUGY COLECT di layer 2


Selanjutnya kita akan mengcopy atau menggandakan teks CHUGY COLECT di layer 2 , caranya yaitu klik kanan pada frame 1 - layer 2 dan pilih Copy Frame.


Selanjutnya klik kanan pada frame 1 layer 4 dan pilih Paste Frame.


Selanjutnya buatlah persegi panjang dengan warna hijau ataupun warna lain dilayer no 3. posisikan seperti gambar dibawah ini.


Setelah itu tambahkan frame, dari layer 1 sampai layer 4 ke frame 20 seperti gambar di bawah.


Klik pada frame 20 layer 3, dan geserlah persegi panjang yang telah dibuat ke sebelah kanan melebihi teks, lihat gambar di bawah.


Selanjutnya klik kanan di tengah frame pada layer 3, seperti gambar dibawah dan pilihlah Create Motion Tween.

Dan langkah terakhir , klik kanan pada layer 4 dan pilih Mask.
Mask ini berfungsi untuk menyembunyikan bayangan diluar teks



Gimana cukup mudahkan ? Untuk warna teks ataupun background bisa anda sesuaikan dengan keinginan dan selera anda,Selamat mencoba!

ActionScript NextFrame dan PrevFram

ActionScript NextFrame dan PrevFrame
tutorial kali ini akan membahas bagaimana membuat image atau gambar dan animasi yang di buat dengan flash untuk bisa berpindah secara berurut dan balik secara berurut atau lebih dikenal dengan Next dan Prev. Berdasar artinya nextframe adalah menuju ke frame selanjutnya secara berurut dan prevframe adalah kembali ke frame sebelumnya secara berurut.

Contohnya seperti berikut :

Buatlah 3 buah layer baru .
insert frame pada frame 3 untuk semua layar.
pada layer 1 (pertama) buatlah 2 buah tombol yang nantinya akan diberi script nextframe dan prevframe.

sebagai contoh saya membuat 2 buah tombol berbentuk kotak yang diletakan di kiri dan kanan, untuk tombol yang kiri tombol Prev dan yang kanan tombol Next.

pada layer 2(kedua) buatlah objek gambar atau anda juga bisa mengimfort image yang akan dimasukan di dalam frame 1,2,dan 3

sebagai contoh
di frame no 1 saya membuat lingkaran.
di frame no 2 saya membuat kotak persegi.
di frame no 3 saya membuat Persegi panjang.

sebaiknya insert keyframe terlebih dahulu pada blank frame di frame 1,2 dan 3 supaya lebih cepat memasukan gambar silahkan anda buat gambar tersebut dan masukan pada blank frame 1,2,3

pada layer 3(tiga) masukan script stop seperti ini

stop();

Memasukan script untuk tombol
untuk tombol masukan script berikut ini :
untuk tombol kanan (Next) . caranya yaitu klik tombol Next lalu masukan script dibawah ini pada kotak actions

on(press) {
nextFrame();
}

dan Untuk tombol kiri (Prev) caranya yaitu klik tombol Prev lalu masukan script dibawah ini pada kotak actions

on(press) {
prevFrame();
}

Untuk lebih jelas lihat gambar di bawah ini :


Membuat Tranformasi Teks Animasi

Sebelumya silahkan Flasher Download File Flash latihannya disini
Langkah pertama seperti biasa buka program Flash yang ada di komputer blogger.
  • Butlah Stage dengan ukuran 400x200.
  • Beri backgron dengan warna Abu dengan kode warna #666666.
  • Buatlah 2 (dua) buah layer.
  • Pada layer pertama frame ke 1 buatlah persegi panjang dengan lebar 400px dan tinggi 25px beri warna merah atau warna apa saja sesuai selera anda dan posisikan ditengah stage.

Masih pada layer pertama ::

  • Insert Blank Keyframe pada frame ke 10.
  • Buatlah teks WELCOME dengan ukuran disesuaikan posisikan teks WELCOME tersebut tepat di tenga-tengah stage.
  • Kemudian klik kanan pada Teks WELCOME dan klik Break Apart,dan hasilnya teks tersebut menjadi terpisah.
  • Selnjutnya Flasher klik kembali teks WELCOME untuk menjadikan teks tersebut menjadi shape.
  • Jika sudah klik di tengah-tengah antara frame 1 dan 10, pilih Tween Shape yang berada di kotak Tween.

seperti gambar dibawah ini.



  • Kemudian Insert keyframe pada Frame 25 dan 30 pada layer 1.
  • Setelah itu anda klik kanan di antara frame 25 dan 30 dan anda klik Creat Motion Tween.
  • selanjutnya klik Frame 30 dan anda perbesar teks WELCOME Di frame 30 sehingga teks tersebut pas di ujung kanan dan kiri stage.
  • selanjutnya Klik kembali antara frame 25 dan 30 yang telah diberi Motion Tween,Beri Rotate CW pada Properti di bawah.

Lihat gambar dibawah :



  • Selanjutnya Insert keyframe pada frame 50 dan 55 berikan Motion Tween kembali di antara frane 50 dan 55.
  • Di Frame 55 anda perkecil kembali teks WELCOME tersebut seperti semula.
  • Selanjutnya Insert Frame pada frame 90.

Sekarang kita membuat Animasi selanjutnya yaitu To My Home pada layer 2.
  • Buatlah teks To My Home pada frame 15 layer 2 dengan warna merah. Posisikan teks tersebut ditengah di bawah stage.
  • Selanjutnya Insert keyframe pada Frame 20 dan pindahkan teks To My HomeWELCOME.
  • Kemudian klik kanan ditengah-tengah frame 15 dan 20 dan pilih Insert KeyFrame.
  • Selanjutnya Insert keyframe pada frame 60-61 dan 62.
  • Besarkan teks To My Home pada frame 61.
  • Terakhir Insert keyframe pada frame 90 tersebut ke atas tepat dibawah teks.
Silahkan lihat hasilnya dengan menekan Ctrl+Enter.

Membuat Tombol di Flash

Membuat Tombol di Flash
Untuk sofwer Flash secara defauld sudah memiliki atau menyediakan tombol yang bisa anda gunakan , dan Flasher juga bisa memilih yang menarik menurut flasher. Tetapi jika flasher lebih memilih membuat sendiri desain tombol sendiri dan membuat tombol sesuai dengan selera flasher silahkan saja toh tidak ada batasan atau larangan dalam membuat tombol.

Di blog ini akan membahas cara menggunakan button default dari flash dan button buatan sendiri. pada dasarnya button atau tombol adalah saran atau tempat untuk meletakan syntax atau ActionScript sebagai perintah.

1.Menggunakan Tombol Default

Caranya adalah Klik panel Windows > common libraries > Button maka akan muncul box Lybrary-Butoon yang menyediakan 277 macam tombol.
setelah Flasher memilih tombol yang cocok Draglah tombol tersebut kedalam stage untuk menggunakannya.

2.Menggunakan tombol buatan Sendiri

Caranya Buatlah sebuah tombol dengan menggunakan sofwer grafis seperti Photoshop,Firework ataupun sofwer grafis lainnya. jika sudah membuat tombol, Flasher imfort to library tombol yang telah dibuat,maka tombol tersebut sudah tersimpan di lybrary.

setelah itu draglah gambar tombol tersebut kedalam stage.sekarang tinggal menjadikan gambar tombol tersebut menjadi tombol yang nantinya akan dimasukan ActionScript.

Caranya yaitu ::

Klik kanan gambar tombol tersebut > Convert to symbol > dan pilih tombol.
dan jangan lupa kasih nama tombol tersebut misalkan dengan nama Tombol 1.
Silahkan anda coba.

Menggerakan atau mengontrol Objek Menggunakan Mouse

Menggerakan atau mengontrol Objek Menggunakan Mouse.
Dalam tutorial kali ini kita akan membahas bagaimana cara mengontrol atau menggerakan objek dalam Flash dengan menggunakan mouse. Untuk mengontrol pergerakan objek dalam flash caranya cukup mudah yaitu dengan menggunakan script StarDrag. Gimana kalau kita langsung mencoba mempraktekkannya.

Langkah pertama seperti biasa buat dokumen baru Ctrl+N dan pilih Flash Dokument. Aturlah ukuran sesuai keinginan anda.

Buatah objek yang akan dijadikan untuk dikontrol mouse pada layer pertama dan frame 1(satu) . Sebagai contoh sya membuat objek Kepala, Flasher bisa membuat objek apa saja sesuai selera flasher.
Dalam tutorial ini hanya menggunakan 1(satu) layer dan 1(satu) frame saja. Jika sudah langkah selanjutnya adalah memasukan script untuk mengontrol atau untuk menggerakan objek dengan mouse.

untuk scriptnya seperti dibawah ini ;

onClipEvent (load) {
Mouse.hide() ;
startDrag(this, true) ;
}
Arti script atau syntax diatas adalah :

-Script onClipEvent(load), Mengandung arti kondisi pertama kali flash movie dijalankan.
-Script mouse.hide(); ,Berfungsi untuk menghilangkan pointer mouse ketika flash movie dijalankan.
-Dan Script starDrag(this, true); berfungsi untuk membuat movieClip bergerak mengikuti arah gerakan mouse.

Untuk lebih jelasnya lihat gambar di bawah ini :


Kira-kira Seperti itulah Script yang digunakan untuk menggerakan atau mengontrol objek didalam flash, untuk melihat hasilnya seperti biasa tekan Ctrl+Enter.

cukup simple bukan slamat mencoba....Thank's.!

Mehghilangkan dan Memunculkan Objek menggunakan Script Visible

Tutorial kali ini saya akan membahas bagaimana caranya untuk Mehghilangkan dan Memunculkan Objek menggunakan Script Visible. Sebelumnya saya ucapkan tararengkyu buat para Flasher yang telah membaca tutorial-tutorial di blog ini, Danjuga saya minta maaf bila tutorial-tutorial ini kurang membuat Flasher puas, tapi disini saya berusaha untuk memperbaiki kekurangan-kekurangan pada tutorial-tutorial flash ini. Maklumlah sebagai manusia kita masih punya batasan dan kekurangan.

Ok.Tanpa panjanglebar nanti keburu melar. kita langsung aja membahas tutorial ini yaitu Menghilangkan dan memmunculkan objek menggunakan ActionScript Visible.

Langkah pertama seperti biasa buatlah dokumen baru, ukuran bisa Flasher sesuaikan.
Buat 2 buah layer. pada layer pertama kasih nama objek (untuk objek) dan layer 2 kasih nama tombol (untuk tombol).

sekarang kita akan membuat objek yang nantinya akan kita hilangkan dan munculkan. sebagai contoh saya membuat objek Kepala pada layer 2.
dan buat 2 buah tombol pada layer 1, yaitu tombol Hilang dan Muncul.

lihat gambar dibawah ini :



Untuk objek kepal terlebih dahulu kita kasih nama pada instana name dengan nama kepala
lihat gambar dibawah ini :



sekarang kita akan membuat script pada tomboal.
untuk tombol hilang masukan script seperti berikut :

on (press) {
kepala._visible = 0;
}
atau lihat gambar dibawah :



Untuk tombol muncul masukan script seperti berikut :

on (press) {
kepala._visible = 1;
}
lihat gambar di bawah :



Gimana cukup mudah bukan. untuk melihat hasilnya silahkan tekan Ctrl+Enter. selamat mencoba.