Sabtu, 07 November 2015

HOW TO/ BUAT TEMA WIDGET LOCKER



Bancol:
1. Software/aplikasi buat archive & extract file .zip.

2. Software/aplikasi buat edit gambar format .png.

Khusus buat tema widgetlocker yang di-slide ke samping (iPhone, Moto, etc.) perlu software/aplikasi buat edit gambar format .png yang bisa nge-zoom sampe detail ke pixel nya DAN ada semacam Pencil Tool kayak di Photoshop, dimana tool tersebut bisa nge-gambar atau ngasih coretan/brush/apalah ente nyebutnya dengan ukuran 1x1pixel.

3. Contoh tema widgetlocker model Sense: https://dl.dropbox.com/u/89244371/LCKD_SPRM.wltheme.zip

4. Contoh tema widgetlocker model iPhone: https://dl.dropbox.com/u/89244371/LoginDeviceJDSL.wltheme.zip


How To:

1. Bikin tema model Sense, donlot contoh di atas > extract > edit slider_sense.png (ini yg nanti jadi locker nya) > edit sense_preview.png (ini yg jadi preview/icon pas milih tema nya di widgetlocker) > edit nama folder NamaTemaEnte.wltheme > archive jadi format zip NamaTemaEnte.wltheme.zip > selesai.

2. Bikin tema model iPhone, basicnya sama kayak bikin model tema Sense.. cuman ada 3.png nya aja..

- Pertama, bikin slider nya: http://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-snc6/185586_4594963309358_744977001_n.jpg ini cuman gambar biasa, save as android_right_confirm.png dst. KASIH JARAK KOSONG DI BAGIAN PINGGIR (tergantung posisinya lagi bikin buat yg kiri apa kanan) SEBESAR 1PIXEL (kayak di screenshot.. kalo di screenshot lagi bikin buat slider sebelah kanan).

- Nah, untuk 3.png ini.. dia itu gambar yang melar. Contoh nih, garis tebel disamping kiri tulisan "Login" di skrinsut: http://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-snc7/379755_4594827145954_1822022161_n.jpg

- Caranya nge-patch 3.png itu crop sebagian gambar yang ente bikin sebelumnya, sisain sedikit aja... kayak begini: http://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash3/46286_4595005590415_1881262099_n.jpg

Gambar ini yang bakalan dipatch jadi 3.png, jadi bentuknya harus simetris ke samping (kayak ss di poin sebelumnya). Di bagian atas dari gambar itu (di pojok atas bagian canvas) kasih goresan pake Pen Tool ukuran 1pixel Hardness 100% kayak begini: http://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-frc1/554304_4595025390910_1972364161_n.jpg

Setelah dikasih garis patch kayak di ss tadi (sebenernya patch nya cukup 1 titik 1x1pixel juga gapapa) bagian yang ada garis patch di atasnya bakalan melar ke samping (yang ane kasih warna merah) : http://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-prn1/64924_4595046391435_662460929_n.jpg
Nge-patch nya selesai, save as android_left_confirm_bar_3.png dst.

Perlu diliat lagi lebih teliti, android_left_confirm.png dst yang ada "left" dan bukan 3.png itu posisi di canvas (Photoshop) nya di sebelah kiri. Kalo android_left_confirm_bar_3.png dst yang ada "left" dan 3.png itu posisi di canvas (Photoshop) nya di sebelah kanan.

Kalo males nge-patch satu per satu di Photoshop mah gampang tinggal Image > Image Rotation > Flip Canvas Horizontal.

- Sisa langkah2 bikin .zip sama foldernya sama kayak bikin tema Sense (semua tema sama kalo soal folder dan .zip nya)

Udah gitu doang, gampang emang... cuman kalo ditulis jadi panjang. Kalo mau belajar lagi buka tema widgetlocker yang ente punya, perhatiin titik patch 3.png nya.


Done. Thanks

Tidak ada komentar: