CARA MEMBUAT SKIN YOULU HANYA BERMODALKAN SATU GAMBAR
Pertama ambil dulu sample skin beserta bahan bahan untuk memulai langkah membuat skin youlu.
+Image designer
+Dedit
+Mbm Tool
New Mask Gen
+Sample skin
Setelah semua sudah kamu download, jika sudah punya abaikan saja kemudian buka x-plore lalu buatlah folder baru terserah apa saja namanya, kemudian extrak smua yang barusan kamu download ke folder yang barusan kamu buat tadi.
1.MEMBUAT BAHAN DASAR
Buka image designer dan pilih folder yang kamu buat lalu pilih "Talkray.png" .
MEMBUAT TOPBAR DAFTAR KONTAK
Pilih tool kotak putus2,lalu arahkan ke sudut demi sudut hingga menghasilkan gambar seperti ini.
Ubah ukuran gambar menjadi 320x25 bisa juga 240x25 tergantung ukuran hp masing2, kemudia simpan dengan nama 05.png
MEMBUAT TOPBAR PESAN
Lakukan langkah seperti tadi, lalu buatlah gambar tadi seperti pada gambar dibawah ini, terserah mau pake cara apa saja karna aku yakin kalian udah pada tau.
Lalu ubah ukuran gambar menjadi 320x43 dan simpan dengan nama 04.png
MEMBUAT NAVBAR
, sengaja disini kita akan buat navbar sebagai fake editor, buatlah gambar seperti pada gambar dibawah ini.
lalu blok hingga seperti ini
Lalu ubah ukuran gambar menjadi 320x22 kemudian simpan dengan nama 02.png
MEMBUAT GAMBAR DIALOG PESAN
Sekarang kita beralih dari memotong yaitu membuat gambar untuk dialog pesan, buatlah tab baru pada image designer dengan ukuran 26x23, lalu zoom agar proses pembuatan lebih mudah, buat gambar seperti dialog pesan pada sample gambar "Talkray.png", seperti ini kira kira
Aku yakin kalian semua yang makai symbian pasti pada pinter kalo soal image designer, simpan dengan nama in.png (transparant)
Sekarang klik pilihan pada image designer (image>flip image>horizontal>) maka hasilnya seperti pada gambar dibawah.
Sekarang yang harus dilakukan adalah mengubah warna seperti pada gambar aslinya.
Kembali ke tab "Talkray.png" gunakan tool no 2 yang sebelah kanan, arahkan kursor ke warna hijau pada dialog pesan seperti pada gambar berikut
Klik enter,maka warna yang ada di pojok kiri bawah akan berubah hijau,kembali ke tab tadi dan ganti tool menjadi "Cat", arahkan ke gambar lalu klik enter hingga hasilnya akan seperti ini
Jika sudah selesai kemudian simpan dengan nama out.png
MEMBUAT SCROOLL
buatlah gambar dengan ukuran 228x1 lalu ubah warna gambar tersebut menjadi hijau atau warna lain juga bisa, simpan dengan nama scrooll.png
MEMBUAT BACKGROUND DASAR
Buat gambar dengan ukuran 200x1 dengan warna putih sesuai pada background di gambar "Talkray.png" simpan dengan nama background.png
MEMBUAT BLANK MODE
Buat kembali gambar dengan ukuran 1x100 warna putih, simpan dengan nama blank.png
MEMBUAT BACKGROUND SMILEY
buatlah gambar dengan ukuran 37x37 warna hijau, bisa juga dengan warna lain, simpan dengan nama bgsmiley.png
MEMBUAT EDITOR PESAN
buatlah gambar dengan ukuran 22x22 warna putih, simpan dengan nama editor.png (transparan)
MEMBUAT ICON KONTAK
buatlah gambar dengan ukuran 14x14 warna putih, bisa juga pake gambar sesukamu, lalu simpan dengan nama contact.png
MEMBUAT ICON BAR BLANK TOTAL
buatlah gambar transparan dengan ukuran 28x22 simpan dengan nama bar.png
MEMBUAT LOGO KONTAK
pada step ini kalian bisa gunakan foto kalian sendiri, jadi ubah ukuran gambar menjadi 51x51 simpan dengan nama A.png, ubah lagi menjadi 39x39 lalu simpan dengan nama B.png, ubah kembali menjadi 32x31 dan simpan dengan nama C.png
MEMBUAT KURSOR PESAN
buat lah gambar dengan ukuran 26x23 terserah dengan warna apa saja boleh, lalu simpan dengan nama kursor.png
MEMBUAT ICON PESAN TERKIRIM
buatlah gambar dengan ukuran 14x14 bisa berupa icon bisa juga berupa gambar blank menyesuai ke background, simpan dengan nama send.png
Setelah semua bahan bahan selesai kita buat, masuk ke x-plore buka folder yang kamu buat tadi atau tempat dimana kamu menyimpan gambar yang barusan kamu buat tadi,
(02.png,04.png,05.png,in.png,out.png,kursor.png,scrooll.png,background.png,blank.png,bgsmiley.png,editor.png,contact.png,bar1.png,bar2.png,a.png,b.png,c.png,send.png)
pindahkan semua gambar yang kamu buat tadi lalu pindahkanke E://Python/mbmtool/img/ dan pindahkan belajar.mbm ke E://Python/mbmtool/mbm/
Buka aplikasi mbm tool
-work with disk?
-pilih disk E
-lalu geser ke kanan dan cari belajar.mbm
-klik enter.
Nah disitu ada gambar dengan nama 001:24 sampai dengan urutan 289:24.
2.LETAK PENEMPATAN GAMBAR
-blank.png(001,003,013)
-02.png(002)
-04.png(004)
-05.png(005)
-send.png(020,021,027,029,)
-send_mask.png(022,028,030)
-editor.png(031,032,033)
-editor_mask(035,036,037)
-contact.png (039)
-contact_mask.png (040)
-scrooll.png (070)
-background.png (071,072,087,088,102,103,104,105,106,108,110,111,113,161,162,163)
-bar.png (117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134)
-in.png (146,147)
-out.png( 148,149)
-in_mask.png (150)
-out_mask (151)
-c.png (205)
-b.png (206)
-a.png (207)
Cukup ubah bagian bagian yang terpentingnya saja, klik back pada mbmtool nanti ada notifikasi "Save the changes" tunggu hingga proses pengepackan selesai, jika sudah keluar dari aplikasi mbmtool dan pindahkan sample/skin.mbm (belajar.mbm) yang kita buat barusan ke E://resource/apps/
3.RAHASIA DIBALIK KODE WARNAPada step ke tiga ini kita akan mengubah kode warna pada file .xml, pada bagian ini bisa dikatakan bagian tersulit saat membuat skin youlu.
Buka image designer lalu buka gambar "Talkray.png", nah kita lihat pada gambar dibawah
Pada gambar tersebut yang kita ketahui menggunakan background warna putih.
Bagaimana sih mendapatkan kode warna pada image designer?
Pilih tool no 2 sebelah kan,arahkan kursor pada warna putih atau warna apa saja yang ingin kita ketahui kode warnanya, klik enter lalu klik tombol no 3 pada hp non qwerty, disitu akan tampil sekumpulan warna pada image designer, klik pada icon "F" nantikan muncul berupa kode warna, lalu kita salin, gampang kan.
Bukan aplikasi dedit s60v3, cari file belajar.xml, nanti akan tampil seperti ini
KODE WARNA BACKGROUND
+CommBg (ffffff)
+ListBoxBg (ffffff)
+ListBoxGroupBg (ffffff)
+ListBoxGroupBorder (ffffff)
Di sini "ffffff" adalah kode dari warna putih, jadi, jika kita ingin background keseluruhan warna putih maka stiap ada yang beakhiran (Bg,border) maka ganti kode warna tersebut menjadi (ffffff).
KODE WARNA FONT
Beralih sejenak dari background ke font, disini ada dua type yaitu (font,font2,dan focusfont), aku akan menjelaskan apa maksud dari (font,font2,dan focusfont), coba lihat pada gambar dibawah ini.
BAGIAN KODE WARNA TERPENTING
-CvsnBg dan CvsnBorder
-MsgBg dan MsgBg_v5
-MsgFont dan MsgFocusFont
MsgFont2 dan MsgFocusFont2
-EditorBg, EditorShadowBg
-EditorFont
-TouchNaviState, TouchDialBg,TouchDialNumberFont,NaviBar, dan NaviFont
-CbaTipsFont
Klik enter untuk menyimpan, setelah itu keluar dari dedit lalu masuk ke x-plore kemudian pindahkan belajar.xml yang barusan kamu edit warnanya ke E:/system/youlu/skin/
Demikan tutorial membuat skin youlu bagian kedua hanya bermodalkan satu sample gambar, semoga penjelasan diatas dapat dengan mudah dipahami.
Pada postingan kali ini kita bisa memetik manfaat dari apa yang telah kita baca dari awal hingga akhir, bagian bagian mana yang terpenting, fungsi serta letaknya bisa kita jadikan sebuah pengalaman.
Terimakasih untuk semua sahabat Creator S60* Hidden.
