.TUTORIAL MEMBUAT BUBBLE_BBM for Android

PADA PHOTOSHOP CS3Dan

PENGOLAHAN HASIL MODDINGAN HINGGA FINISHING

Download Apktool v.1.5.2 : http://www.mediafire.com/download/d85vu51ob0cccc5/Apktool_1.5.2.rarDownload ini dulu : android-SDK : Pengolah icon 9.png using Draw9Patch toolshttp://www.mediafire.com/download/rh4bjh59ybfgf9e/android-sdk_r18-windows.zipDownload Pengolah Color Font untuk mengedit file color.xml (ada pada folder value) :http://www.mediafire.com/download/z85wtogg4dzfozn/ARGBHexConverter2.exeDownload Notepad v. 6.1.3 : pengolah script XMLhttp://www.mediafire.com/download/x453wdnta25dwet/npp.6.1.3.Installer.exeDownload Aplikasi Decompile Compile khusus Hape bagi yang membutuhkan :http://www.mediafire.com/download/g8s04d23o423ab4/Bahan+decompile+compile+khusus+HP.rarDownload Bubble olahan berupa file Photoshop berikut hasil standaran :http://www.mediafire.com/download/l12gcsz8xjis0l9/Bubble_BBM.rar

Contoh hasil yang sudah jadi moddingan ane jika memang berkenan dipersilahkan :http://www.mediafire.com/download/dfpv8fx8aphawv1/BBM_Naruto_v.70.apkhttp://www.mediafire.com/download/pg04swh2ru99875/BBM_OnePiece2_v.70.apkhttp://www.mediafire.com/download/qi728zmb41fjeji/BBM_Spiderman2_v.70.apkhttp://www.mediafire.com/download/9c4z43jbxll9ig4/BBM_Spiderman3_v.70.apkhttp://www.mediafire.com/download/6efr732fuubwhq3/BBM_Spiderman_v.70-signed.apkhttp://www.mediafire.com/download/515a04r5mwqgkg7/BBM_Transparent_v.70_Boogie-signed.apk

A. PENGGUNAAN APLIKASI APKTool v.1.5.2

Tutorials :

1. Extract hasil downloadan Apktool v.1.5.2 2. Taruh folder tsb di Drive C:/

3. Masukan mentahan : kedalam folder Apktool tadi pakai root explorer

framework-res.apk (ada di system/framework/disini

BBM.apk

4. Klik Double pada folder Apktool bagian Command Prompt.bat

5. Ketik :

apktool if framework-res.apk lalu ENTER

apktool if BBM.apk lalu ENTER (disini sesuaikan dengan nama apk yg mau di decompile)

apktool d BBM.apk

biarkan berjalan proses decompile, hasil nya lihat di dalam folder Apktool v.1.5.2

6. Untuk compile nya ketik :

Apktool b BBM (disini tanpa penggunaan extention atau akhiran .apk)

NB : Jika anda mengolah dalaman folder2 BBM.apk yg sudah di decompile tadi, misalkan mengganti salah satu icon dan hasilnya sempurna, Insya Allah tidak akan menemukan istilah orang mencret (brat bret brot), berbeda dengan hasil olah yang salah akan mencret hasilnya dan tidak akan sukses di install.

Berhubung tujuan awal kita akan mengolah bubble BBM.apk, jadi point 6 kita lewati dulu, kita masuk ke tahap membuat Bubble via PhotoShop

TUTORIALS MEMBUAT BUBBLE

Tutorials :

1. Drag ke dalam PhotoShop ke-5 Bubble tsb yang akan di buat bubble Baru Olahan anda.

(bagian Drawable-xhdpi)

chat_bubble_incoming.9.png

chat_bubble_outgoing.9.png

chat_bubble_outgoing_bottom.9 chat_bubble_outgoing_middle.9 chat_bubble_outgoing_top.9

2. Pilih dulu icon chat_bubble_Outgoing.9,png (Disini ukurannya cukup besar), lalu tekan tombol CTRL + ALT + i untuk melihat ukurannya.

3. Point dua untuk membuat New File yang ukurannya sama sisi, dilihat dari segi Widht nya4. Buka file baru (CTRL + N) dan isi

5. Tekan tombol U untuk membuat Rounded Rectangle Tool (U), berikan radius : 10 px dan pilih bagian Style nya (di klik) paling pojok bawah.6. Posisikan cursor U (tanda +) di ujung kiri atas,

kemudian tekan tombol Shift + tari mouse klik kiri

ke arah kanan bawah hingga rounded berbentuk sama sisi

7. Pilih menu Layer------Rasterize---Shape agar icon Rounded bergabung dengan rounded putih (lihat dikanan bawah pada bagian Layers)

8. Klik tanda fx di kanan bawah bagian Layers, lalu pilih Gradient Overlay9. Klik warna abu-abu di bagian Gradient (dibawah Opacity), pilih di bagian Preset baris kedua dari kiri ( Foreground to Transparent), tentukan warna pilihan anda lalu OK.

10. Untuk memberikan garis pinggir, centang bagian Stroke (paling bawah box Layer style) turunkan posisi Structure Size nya ke angka 1 atau terserah Anda. Dan pilih warna yg cocok bagi anda.

11. Jika punya Image Anime, drag ke dalam hasil olahan Rounded tadi dan perkecil (tekan tombol Shift + cursor posisikan di sudut rounded dan tarik ke dalam) (disini ane pake Spiderman sebagai contoh.), jika image kebesaran, perkecil sesuai harapan anda.

NB : untuk memperkecil atau memperbesar sama sisi, tekan tombol Shift + Alt + Tarik kursor

12. Drag kedua object tsb ( Spiderman + Rounded warna biru gradient, disini meng klik di kanan bawah sambil menekan tombol shift/diblocking) ke dalam icon Bubble sampel tadi (chat_bubble_outgoing.9.png), sama kan bentuknya untuk tahap awal membuat bubble.., semakin terbiasa akan semakin paham nantinya.NB : Proses Drag object jangan lupa tekan tombol Shift + Mouse klik kiri ke gambar sampelnya. Perkecil kedua object tsb (ingat tombol Shift), jika sudah diperkecil lalu tekan ENTER untuk fix proses pengecilan atau pembesaran object. Untuk posisi gunakan tanda panah geser kiri, kanan, atas dan bawah ajha. Dan ingat di klik yah gambar yang mau di ubah bentuknya di kanan bawah tuh di bagian Layers yang ada tulisan Normal.

13. Untuk menghilangkan object sampel ( Conan Edogawa ), scroll ke bawah dan buang icon mata nya di bagian object Conan Edogawa.

14. Lakukan proses yang sama terhadap icon bubble lainnya yah..paham meureun om...15. Untuk proses menyimpanan, tekan tombol Shift + CTRL + S, save ke bentuk png dan replace dimana icon bubble itu asli nya berada (disini kita bermain di folder drawable-xhdpi).

16. Buang tulisan copy nya untuk melakukan penimpahan pada icon aslinya, jika tidak dihapus kata copy nya secara otomatis akan dabel.

17. Selanjutnya tinggal bermain di aplikasi 9Patch Tools ( donlot sepaketan dalam Android SDK )atau gunakan better9patch tools. Googling ajha yah...18. Tahap selanjutnya proses olah 9draw patch tools, yaitu pemberian arsiran pada tiap sisi icon 9.png19. Download ini dulu : android-SDK :

http://www.mediafire.com/download/rh4bjh59ybfgf9e/android-sdk_r18-windows.zip20. Buka windows exploring dan cari :

android-sdk_r18-windows\android-sdk-windows\tools file (file Draw9patch.bat)

21. Perbesar tampilan Draw9Patch.bat nya, lakukan proses Drag icon yang akan di olah ke draw9patch22. Centang bagian Show Patches dan Show Content, perkecil Zoom 100% sesuai sudut pandang mata anda.

23. CATATAN : Sisi kiri dan atas upayakan tidak mengena object image Spiderman dan cukup berikan satu titik saja pada sisinya. Sisi kanan dah bawah bebas mengena object Spiderman.. tapi alangkah bagusnya tidak mengena agar kalimat yang akan masuk ke dalam bagian icon 9.png tidak mengenai object Spiderman, sampel

Lihat gambar hasilnya di sebelah kanan. Itu menandakan bagian kalimat yang akan masuk dalam wilayah 9drawpatch tools, jika sisi bawah kita tarik arsiran hitamnya mengena object Spiderman hasilnya akan seperti ini

Lihat hasilnya pada gambar sebelah kanan, secara jelas kalimat akan menimpa object Spiderman24. Save Ass atau tekan tombol CTRL + S

25. Lakukan pada icon yang tadi anda olah...

26. Success bermain di Draw9patch Tools, selanjutnya ke bagian apktool. Silahkan bermain sendiri.TAHAP FINISHING PENGGUNAAN ZIPSIGNER.APK

Tutorials :1. Jika sudah finishing dari segi membuat bubble, edit di Draw9Patch Tools, dilanjut dengan proses compile dengan Apktool v.1.5.2

2. Klik tampilan Dos Prompt tentang Apktool tadi dan ketik :apktool b BBM (tanpa akhiran .apk)

3. Simpen di Sdcard, nah perkara ga bisa diinstall nya donlot Zipsigner.apk dari Plasystore.4. Buka aplikasi Zipsigner nya5. Tap bagian Choose In/Out, cari dimana anda meletakan file hasil moddingan

10. Tap The Sign File11. Check hasilnya ada dibagian dimana om meletakan hasil moddingan (ada inisial Signed)

---SELAMAT BERKARYA DAN SUKSES----Created By : Boogie_Lbc