Rabu, 13 November 2013

Membuat Flash MovieClip

Flash Movie clip adalah salah satu type dari symbol dalam Flash. Selain Movieclip 2 simbol lainnya adalah Button dan Graphic.
Movieclip bisa merupakan sebuah objek animasi, yang dapat ditempatkan di stage flash yang lain.
Untuk lebih jelasnya mari kita praktekkan bersama-sama.
Judul animasi kali ini adalah.... ikan mas dalam Akuarium...

1. Buatlah lembar kerja baru, kemudian klik menu insert --> new symbol
 Name=ikan
Type=movie clip







2. Gambarlah Objek ikan seperti contoh












3. Lihat pada panel timeline, kemudian klik kanan pada frame 2 --> insert keyframe








4, Ubah gambar ikan menjadi seperti di bawah ini















 5.Keluar dari symbol movie Clip ikan, kemudian kembali ke scene 1, dengan cara meng-klik tulisan "scene 1" pada pojok kiri layar stage.

 nb: Ketika anda masuk ke scene 1 gambar ikan tidak akan anampak karena anda tidak berada pa symbol movie clip ikan, melainkan di dalam scene 1.










 6. Buka panel library dengan cara menekan tombol "f11" pada keyboard













7.Klik tarik symbol ikan dari panel library ke dalam stage.








8. untuk mengecilkan ukuran ikan gunakan icon free transform tool pada panel toolbar

















9. Sekarang buatlah animasi dengan metode motion tween. (Pelajari artikel tentang animasi motion tween)









10. Untuk melihat animasi berhasil atau tidak tekan tombol "ctrl+enter"





11. Jika anda sudah mempunyai movieclip ikan anda bisa meletakkanya pada stage beberapa kali. contoh:
Tambahkan layer baru pada stage.





12. Kemudian klik tarik kembali symbol ikan dari panel library ke dalam stage, di layer 2. coba balik arah ikan dengan free transform tool, kemudian gerakkan dengan motion tween.















13. Lakukan hal yang serupa untuk menambahkan ikan. dan coba tambahkan background akuarium pada layer yang berbeda.







Senin, 11 November 2013

Membuat Game Shooting ( Zombie Shooter) dengan Flash...

1. Buatlah file baru dengan Flash (File--> New)
2. Buatlah Croshair kemudian convert to symbol dengan type movie clip. beri nama crosshair_mc

  
 3. Buka panel properties, kemudian pada bagian instance name, dan beri nama crosshair_mc

 
 4. Buatlah Gambar zombie kemudian convert to symbol, beri nama zombie
5.Hapus objek zombie pada stage, dan masuk pada panel library, lalu klik kanan pada symbol zombie, lalu pilih properties.
  Centang option Export for ActionScript, kemudian klik OK



















 6. Selanjutnya, buat sebuah tulisan "Point"  pada ujung atas stage dengan text tool (T).

7. Buat lagi sebuah teks area kosong dengan type dynamic text. lalu buka panel properties-->Option, pada kolom variable, masukan kata “_root.point”.

8. Buatlah layer baru, kemudian pada frame pertama ketikkan script berikut pada panel action.


Mouse.hide();
point=0;
crosshair_mc.onEnterFrame=function()
{
    this._x=_root._xmouse;
    this._y=_root._ymouse;
}
crosshair_mc.swapDepths(20);
for(i=0;i<10;i++)
{
  attachMovie("zombie","zombie"+i,i,{_x:(Math.random()*500)+10,_y:(Math.random()*400)+500});
  _root["zombie"+i].onEnterFrame=function()
  {
    this._y -=30;
    if(this._y<-50)
    {
    this._y=(Math.random()*400)+500;
    this._x=(Math.random()*500)+10;
    }
}
_root["zombie"+i].onMouseDown=function()
{
  if(this.hitTest(crosshair_mc))
  {
    point +=10;
    removeMovieClip(this);
  }
}
}


9. Simpan dan tekan tombol ctrl + enter untuk menjalankanya





Kamis, 07 November 2013

Membuat Logo Permata Bank

Kali ini kita akan membuat logo Permata Bank menggunakan Coreldraw
Seperti ini







Pertama kita buat dulu objek segitiga sama kaki dengan menggunakan Polygon tool


Ubah point of sides menjadi 3, kemudianbuatlah bentuk segitiga pada lembar kerja Coreldraw.

Klik kanan pada objek kemudian pilih convert to curve, atau dengan shortcut ( ctrl + Q )












Klik icon Shape Tool, kemudian hilangkan "node-node" berikut dengan cara double klik pada setiap node.

















Buat Node Baru pada bagian - bagian berikut, dengan cara double klik :


















Masih menggunakan shaping tool,
Tarik ke arah luar bagian node berikut.














Kemudian hilangkan node berikut dengan cara double klik.






Sehingga hasilnya seperti ini :














Buatlah Garis Bantu dari ruler.


Dengan menggunakan bezier tool buat objek-objek berikut..























Warnai Obejek-objek tersebut dengan warna yang sesuai






Setelah jadi satu buah objek copy paste seluruh objek sehingga menjadi 3.












Beri warna yang sesuai, kemudian atur posisi dan besar kecil ukurannya.























TAmbahkan Tulisan "Permata Bank" dengan Font yang sesuai







Nah logo Permata Bank sekarang sudah jadi, selamat mencoba...

Selasa, 05 November 2013

Tendangan Dramatis Rooney (Bagian 2)

Setelah membuat efek tendangan pada bagian pertama, sekarang kita lanjut pada efek tendangan pada bolanya.












Pertama kita akan buat bola sedikit menjauh dari tendangan caranya dengan teknik clone stamp tool.
Klik icon Clone stamp tool


Kemudian tekan tombol alt.......tahan..... lalu klik pada gambar bola.
Setelah anda meng-klik gambar bola, lepas kemudian sapukan pada  layar yang kosong.




Untuk menghapus bola yang lama, kita gunakan brush tool dengan memberi warna foreground hitam pada objek bola.











Buatlah Layer Baru. Kemudian dengan menggunakan pen tool, buatlah objek seperti berikut.






Tambahkan Anchor point dengan meng-klik icon add anchor point  tool




 Klik kanan pada path, kemudian pilih--> fill path, pilih warna putih. klik OK













 Klik kanan pada path --> delete path.





Potong sedikit bagian depan dengan eliptical marquee tool





Gunakan Outer glow untuk efek cahaya merah.

 Sementara seperti ini dulu, sisanya di bagian 3>>