Senin, 21 Maret 2011

Pembuatan Karakter Gatotkaca untuk RPG Maker XP

Tokoh Gatotkaca dirancang dengan tampilan seperti pada tokoh pewayangan yaitu dengan baju dominan gelap dilengkapi dengan  aksesoris berwarna emas dan mahkota ciri khas pewayangan.

Gambar Tokoh Gatotkaca saat berjalan di Map

Gambar Tokoh Gatotkaca Saat Bertarung dan Memakai Jubah

Semua gambar di atas memiliki ekstention *.png dan diletakkan pada folder C:\Program Files\ Common Files\Enterbrain\RGSS\Standard\Graphics\ Characters, yang merupakan kumpulan berbagai gambar karakter yang dapat digunakan pada game RPG Maker XP. Gambar Gatotkaca yang saat berjalan di map ini didapat dengan men-download dari situs : http://www.rpgmakerid.com/game-project-f4/vx-garudayana-t664.htm, sedangkan untuk Gatokaca yang memakai jubah dapat di-download dari situs http://www.rpgmakerid.com/game-resource-f24/gatot-kaca-char-rmvx-t148.htm Namun gambar Gatotkaca tersebut bukan untuk RPG Maker XP, tetapi untuk RPG Maker VX (versi lain dari RPG Maker), oleh karena itu harus disesuaikan dengan RPG Maker XP yang caranya dapat dilakukan dengan meng-edit gambar tersebut menggunakan software photoshop.
Tetapi sebelum memulai proses peng-editan, terlebih dahulu download format template yang ber-ekstention *.png untuk menyesuaikan ukuran gambar karakter yang akan digunakan pada RPG Maker XP di situs : http://rpgmaker.net/forums/topics/1655/?post=26161#post26161 dimana format template yang digunakan adalah yang berukuran kecil (128 x 192 pixel) untuk tipe charset, agar tidak terlalu kebesaran dan cocok digunakan untuk karakter yang berjenis manusia (bukan monster). Adapun format template charset yang digunakan dapat dilihat pada gambar berikut :


Sebelumnya taruh ketiga gambar tersebut di dalam satu folder, misalnya di folder my document, seperti : C:\Documents and Settings\Suharmiko\My Documents\Edit Karakter RPG Maker XP, kemudian beri nama ketiga gambar di atas masing-masing dari atas ke bawah dengan nama gatotkaca.png, Gatogkaca_mask.png, format_template.png. Selanjutnya dimulai proses peng-editan dengan menggunakan Adobe Photoshop CS2. Adapun langkah-langkah meng-edit gambar karakter Gatotkaca yang berjalan di map yaitu:
1. Buka aplikasi Adobe Photoshop CS2 (karena saya memakai Adobe Photoshop CS2).
2. Buka gambar format_template.png dari folder tempat penyimpanan gambar tersebut dimana tempat penyimpanan telah dijelaskan sebelumnya, dengan cara klik File-Open atau dengan cara menekan tombol Ctrl+O pada keyboard, akan muncul tampilan seperti pada gambar :
3. Buka gambar gatotkaca.png, akan muncul tampilan seperti pada gambar :
4. Setelah semua gambar yang diperlukan ada di layar kerja photoshop, pindahkan kedelapan gambar Gatotkaca yang ada di bagian gatotkaca.png ke bagian format_template.png satu-persatu dengan menggunakan tool Rectangular Marquee Tool (M) dibantu dengan Move Tool (V) untuk memindahkan gambar. Untuk lebih jelasnya dapat dilihat pada gambar berikut :  
5Agar ukurannya sesuai dengan template yang ada, maka setelah memindahkan gambar dengan Move Tool (V), klik Ctrl+T pada keyboard untuk mengubah skala pada gambar yang sedang dipindahkan seperti pada gambar :
6. Setelah selesai memindah kedelapan gambar Gatotkaca ke format_template.png, simpan hasil kerja dengan meng-klik menu File-Save As dengan nama format_template_gatotkaca dengan ekstention *.jpeg pada folder yang sama.
7. Pada jendela JPEG Options atur quality menjadi 12 (maximum) dan pilih format Baseline (”Standard”), klik OK. Gambar  format_template_gatotkaca.jpeg pun selesai dibuat.

Setelah file format_template_gatotkaca.jpeg selesai, maka langkah selanjutnya adalah membuat gambar gatotkaca.png dimana ukurannya harus sesuai dengan ketentuan pada RPG Maker XP. Gambar yang dibuat ini nantinya akan menggantikan gambar gatotkaca.png yang telah ada sebelumnya dari hasil download. Langkah-langkahnya adalah :
1. Buka aplikasi Adobe Photoshop CS2, kemudian buka gambar format_template_gatotkaca.jpeg.
2. Hapus background  yang berwarna merah muda dan hijau dengan menggunakan tool Magic Erase Tool (E) seperti tampak pada gambar berikut :
       Adapun tampak gambar pada saat menghapus dapat dilihat pada gambar berikut:
3. Teruskan langkah di atas sampai seluruh background menghilang. Proses ini dilakukan untuk membuat gambar menjadi transparan agar ketika digunakan di RPG Maker XP tidak ada warna hijau dan merah muda di belakang karakter Gatotkaca. Setelah selesai menghapus background, tampilan akan terlihat seperti gambar :
 4. Simpan gambar di atas dengan ekstention *.png dengan meng-klik menu File-Save As. Beri nama gatotkaca.png.
5. Setelah meng-klik tombol save, akan muncul jendela PNG Option. Pada groupbox Interlace pilih Interlace agar gambar yang dihasilkan memiliki background dua layer background untuk memenuhi kebutuhan pada RPG Maker XP.
6. Klik OK. Gambar gatotkaca.png yang sebelumnya akan tergantikan dengan gambar ini. Terbentuklah gambar gatotkaca.png yang baru dengan ukuran pixel 128x192.
7. Letakkan gambar gatotkaca.png yang telah disimpan di direktori RPG Maker XP yang ada pada C:\Program Files\Common Files\Enterbrain\RGSS\Standard\Graphics
\Characters, dan file karakter gatotkaca.png tersebut siap untuk digunakan karena telah memenuhi syarat untuk dapat digunakan pada aplikasi RPG Maker XP yaitu memiliki background dan ukuran pixel yang telah sesuai.

Setelah selesai membuat karakter Gatotkaca yang berjalan di map, saatnya membuat karakter Gatotkaca yang menggunakan jubah pada saat bertarung dengan enemy. Pada dasarnya, pembuatan gambar gatotkaca_mask ini sama seperti pada pembuatan gambar gatotkaca yang seperti telah dijelaskan di atas, yang meliputi tahap pembuatan gambar format_template_gatotkaca_mask.jpeg, pembuatan file atau gambar gatotkaca_mask.png sebagai karakter game daan meletakkan file gatotkaca.png ke direktori aplikasi RPG Maker XP. Ketiga proses di atas sama saja, hanya file gatotkaca.png yang diedit diganti dengan file gatotkaca_mask.png dan akan menghasilkan file gatotkaca_mask.png yang baru yang sesuai dengan format yang dibutuhkan pada RPG Maker XP.





by : Diah Novita Rosalina