Kamis, 03 Mei 2012

Tips Bikin Font skin Open PS2Loader

Bikin Skin Open PS2Loader

Skin atau tema/theme Open USBloader dan Open PS2Loader bisa kita katakan ada persamaan, dan pada postingan sebelumnya sudah kita bahas mengenai cara membuat skin/tema dari open usbloader, dan pada kesempatan ini kita akan mencoba lagi menguraikan tentang tema di open ps2loader.
Pada open ps2loader terdapat 2 jenis tampilan skin/tema diantaranya Dinamis dan Statis, dan contoh skinnya sendiri bisa kita lihat pada gambar dibawah ini (contoh skin diambil dari sini).



Skin Dinamis/Dinamic


Skin Statis/Static

Dan untuk membuat sebuah skin/tema lengkap dengan icon serta huruf"nya, maka yang harus kita persiapkan gambarnya seperti dibawah ini.

Gambar Nama File Ukuran Gambar Jenis
background.raw 640 X 480 pixel Gambar latar untuk tema jenis dinamis dengan format gambar RAW RGB24
background2.raw 640 X 480 pixel Gambar latar untuk tema jenis statis dengan format gambar RAW RGB24
apps.raw 64 X 64 pixel Gambar Icon dengan format gambar RAW RGBA32
config.raw 64 X 64 pixel Gambar Icon dengan format gambar RAW RGBA32
disc.raw 64 X 64 pixel Gambar Icon dengan format gambar RAW RGBA32
exit.raw 64 X 64 pixel Gambar Icon dengan format gambar RAW RGBA32
games.raw 64 X 64 pixel Gambar Icon dengan format gambar RAW RGBA32
language.raw 64 X 64 pixel Gambar Icon dengan format gambar RAW RGBA32
menu.raw 64 X 64 pixel Gambar Icon dengan format gambar RAW RGBA32
netconfig.raw 64 X 64 pixel Gambar Icon dengan format gambar RAW RGBA32
network.raw 64 X 64 pixel Gambar Icon dengan format gambar RAW RGBA32
save.raw 64 X 64 pixel Gambar Icon dengan format gambar RAW RGBA32
scroll.raw 64 X 64 pixel Gambar Icon dengan format gambar RAW RGBA32
theme.raw 64 X 64 pixel Gambar Icon dengan format gambar RAW RGBA32
usb.raw 64 X 64 pixel Gambar Icon dengan format gambar RAW RGBA32
font.raw 256 X 256 pixel Gambar huruf dengan format gambar RAW RGBA32


Untuk membuat gambar dengan format RAW seperti yang kita butuhkan diatas, maka kita menggunakan Ifcaro's Ps2 Image Viewer yang sebelumnya tiap" gambarnya sebaiknya kita buat dulu dalam format PNG dengan menggunakan software pengolah gambar semacam photoshop, terutama gambar" untuk iconnya, tujuannya agar gambar lebih terbentuk dan lebih sesuai dengan keinginan kita, dan cara menggunakan ps2 image viewernya sendiri seperti pada tutorial sebelumnya pada Tips bikin skin/tema open usbloader.


Kemudian setelah gambarnya sudah siap semua, tinggal kita simpan dalam satu folder, dan nama folder ini juga sekaligus merupakan nama dari skin/temanya, umpamanya nama skin/temanya adalah TEMAKU, maka akan seperti pada contoh gambar dibawah




Selanjutnya folder TEMAKU beserta isinya kita copy ke flashdisk atau harddisk externalnya dan kita tempatkan didalam folder USBLD seperti yang sudah kita bahas juga di tips bikin tema open usbloader.

Sementara untuk mengaktifkan atau menerapkan skin yang sudah kita buat tadi di open ps2loader, maka kita bisa melakukannya dengan cara membooting dulu open ps2loadernya di PS dan setelah itu masuk dimenu konfigurasi tema dan memilih nama skin yang ingin kita aktifkan serta mengatur juga untuk warna dari latar gambar dan warna hurufnya sendiri, serta pengaturan" lainnya yang ingin kita rubah, dan setelah tidak ada lagi yang ingin kita rubah, selanjutnya tinggal kita save perubahan yang sudah kita lakukan dan setelah itu temanya akan diterapkan diopen ps2loadernya sesuai dengan yang kita aktifkan/atur sebelumnya.

Bisa juga kita mengaktifkan skin/temanya secara otomatis dengan membuatkan dulu file usbld.cfg di PC dengan menggunakan notepad, dimana untuk format isi file usbld.cfg sebagai berikut

scrolling=*
menutype=*
theme=*
bgcolor=#******
textcolor=#******
language=*
exitmode=*
pc_ip=***.***.*.*
pc_port=***
net_auto=*
pc_share=******

dimana untuk :

scrolling memuat data kecepatan gulung dari menu open ps2loader dimana pengaturannya untuk
  • 0 = Lambat/Slow
  • 1 = Normal/Medium
  • 2 = Cepat/Fast

menutype memuat data jenis dari skin/temanya dimana pengaturannya untuk
  • 0 = Tema jenis statis/static
  • 1 = Tema jenis dinamis/dinamic

theme memuat nama skin/temanya yang akan kita aktifkan atau terapkan

bgcolor memuat data warna untuk gambar awal masuk open ps2loader dimana format warnanya sendiri adalah RGB, dan untuk mencari kode warnanya kita bisa menggunakan software pengolah gambar semacam photoshop.

textcolor memuat data warna untuk teksnya dimana format warnanya sendiri adalah RGB, dan untuk mencari kode warnanya kita bisa menggunakan software pengolah gambar semacam photoshop.

language memuat data untuk bahasa yang digunakan open ps2loader, dimana pengaturannya untuk
  • 0 = English
  • 1 = Cesky (Czech)
  • 2 = Espanol (Spanish)
  • 3 = Francais (French)
  • 4 = Deutsch (German)
  • 5 = Portugues (Portuguese)
  • 6 = Norsk (Norwegian)
  • 7 = Turkce (Turkish)
  • 8 = Polski (Polish)
  • 9 = Russian
  • 10 = Indonesia (Indonesian)
  • 11 = Bulgarian

exitmode memuat data tujuan selanjutnya jika keluar dari open ps2loader, dimana pengaturannya untuk
  • 0 = keluar ke browser
  • 1 = keluar dan membooting file BOOT.ELF yang ada difolder BOOT di mc0
  • 2 = keluar dan membooting file BOOT.ELF yang ada difolder APPS di mc0

Sementara untuk pc_ip, pc_port, net_auto, pc_share, merupakan pengaturan koneksi


Jadi umpamanya skin/temanya yang ingin kita aktifkan adalah TEMAKU dengan jenis skin Statis, sementara bahasanya adalah bahasa Indonesia dan tingkat kecepatan scrollnya adalah normal atau sedang dengan warna text adalah biru dan setelah kita liat di Photoshop kodenya adalah #0000FF seperti gambar dibawah ini




Sementara untuk warna gambar pembuka adalah merah, dan setelah kita lihat kodenya diphotoshop adalah #FF0000 seperti pada contoh gambar dibawah ini,



Sementara jika keluar dari open ps2loader langsung ke browser, maka setelah kita tulis kodenya dinotepad berdasarkan dengan model dari skin/tema yang kita inginkan dengan berdasar pada kode" yang sudah kita uraikan diatas, maka pada notepad akan kita tulis seperti pada contoh gambar dibawah ini,



Dan setelah itu kita save dan kemudian isi window save filenya seperti gambar dibawah ini



Pada contoh gambar diatas, kalau filenya kita simpan dengan nama usbld.cfg dan Save as type All Files, dan setelah itu klik Save untuk menyimpan filenya, kemudian tempatkan file usbld.cfg tersebut di flashdisk atau hdxternalnya didalam folder USBLD bersama dengan nama" folder skin yang sudah kita copy sebelumnya ke FD atau HDxternalnya, dan pada contoh ini akan seperti gambar dibawah ini.



Jadi disini setelah open ps2loadernya berhasil diboot, maka secara otomatis skin/temanya akan diset sesuai dengan pengaturan yang ada difile usbld.cfg.



Selanjutnya....................


Gambar font atau huruf pada skin open ps2loader merupakan format gambar raw RGBA32 dengan ukuran 256x256 pixel, dan sala satu cara untuk membuat gambar hurufnya sebagai berikut.


Buka software Bitmab font builder, dan tampilan pertamanya sebagai berikut






Setelah itu kita tentukan jenis huruf yang ingin kita gunakan.

Dan pada contoh ini jenis hurufnya yang saya coba pilih adalah Comic Sans Ms, dan setelah itu akan seperti gambar dibawah ini





Dan pastikan yang aktif pada menu Character Set adalah Full ASCII, seperti pada contoh gambar dibawah ini





Dan pada Font Smoothing kita Enable, seperti pada contoh gambar dibawah ini





Dan setelah itu kita atur besar hurufnya, dan disini kita sesuaikan dengan besar huruf yang kita inginkan asalkan ukuran hurufnya tidak terlalu besar atau terlalu kecil, dan pada contoh ini untuk besar hurufnya saya beri 10, seperti pada contoh gambar dibawah ini,





Sementara jika ingin agar hurufnya keliatan lebih tebal, maka pada icon B kita klik, dan pada contoh ini efek pada hurufnya akan seperti gambar dibawah ini





Sementara untuk posisi hurufnya kita pilih Center seperti pada contoh gambar dibawah ini,





Sementara untuk Texture Color untuk Background adalah hitam dan Foreground adalah putih, serta Texture Sizenya adalah 256x256, seperti pada contoh gambar dibawah ini





Setelah itu tinggal kita save dengan mengklik File >> Save BMP, seperti pada contoh gambar dibawah ini





Kemudian kita save filenya dengan nama font, seperti pada contoh gambar dibawah ini,





Klik Save dan setelah itu kita sudah mendapatkan gambar hurufnya seperti dibawah ini,





Langka selanjutnya tinggal kita jadikan gambar diatas menjadi gambar transparan, caranya

Buka file font.bmp tersebut diphotoshop, dan setelah itu akan seperti gambar dibawah ini,





Pada tab Layer terlihat kalau gambarnya masih dalam bentuk Background, dan untuk itu maka kita jadikan dulu layer dengan klik 2X pada layer Background tersebut hingga muncul pesan seperti berikut





Klik OK, dan setelah itu gambarnya dari Background menjadi Layer 0, seperti pada contoh gambar dibawah ini,






Selanjutnya klik pada tab Channels, dan akan seperti gambar dibawah ini,


Setelah itu klik kanan mouse pada Red, dan setelah itu klik Duplicate Channel..., seperti pada contoh gambar dibawah ini,


Selanjutnya akan ada pesan kalau akan dibuat Channel duplikat seperti pada contoh gambar dibawah ini,


Pada contoh diatas, channel duplikatnya bernama Red copy, dan setelah itu klik OK, dan akan seperti gambar dibawah ini,


Sekarang kita aktifkan kembali channel RGB dari gambarnya dengan mengklik RGB, dan akan seperti gambar dibawah ini,


Sekarang kita kembali ketab Layers, dan akan seperti gambar dibawah ini,


Selanjutnya kita akan menyeleksi gambarnya dengan menggunakan tehnik channel selection, yang mana channelnya yang akan menjadi patokan adalah channel yang kita duplikat tadi, dalam hal ini adalah Red copy.

Caranya adalah, klik Select >> Load Selection..., seperti pada contoh gambar dibawah ini


Selanjutnya akan seperti gambar dibawah ini,


Seperti pada gambar diatas, untuk Channelnya kita pilih nama channel hasil dari yang kita duplikat sebelumnya, dan dalam hal ini adalah Red copy, dan setelah itu klik OK
.
Dan selanjutnya gambar fontnya akan diseleksi seperti pada contoh gambar dibawah ini,


Untuk menerapkan seleksinya, maka tinggal kita tambahkan aja mask dengan mengklik Add vector mask, dan setelah itu akan seperti gambar dibawah ini,


Nah...gambar transparannya udah jadi, dan alangka baiknya jika layernya kita naikkan sedikit dengan menekan tombol atas keyboard satu kali (tool yang aktif adalah move tool).

Setelah itu tinggal kita save gambarnya dengan format PNG.

Kemudian dari format gambar PNG kita akan convert lagi keformat RAW, caranya sebagai berikut

Buka PS2 Image Viewer, dan tampilan awalnya seperti dibawah ini


Selanjutnya kita buka file gambar font.png yang tadi sudah kita buat dengan mengklik File >> Buka, dan pada contoh ini akan seperti gambar dibawah ini,


Selanjutnya kita save dengan mengklik File >> Simpan sbagai, dan isi pengaturan save filenya seperti gambar dibawah ini,


Nama filenya adalah font, sementara untuk Save as type adalah RAW RGBA32 (*.raw).

Dan setelah itu klik Save, dan file font untuk skin open ps2loadernya udah selesai dan siap kita gunakan, seperti pada contoh gambar dibawah ini,


Setelah itu tinggal kita copy masuk file font.raw kefolder dimana file" gambar skin open ps2loader lainnya kita simpan.

Selesai.



Tidak ada komentar:

Posting Komentar