[GUIDE][THEME] Where to find 9.png image

d3cka

Senior Member

Jul 14, 2012

544

337

• Oct 31, 2012

• #1

Hi all... ok let's start...

Divider

Popup and menu background

i will add more image next time when im free...

note :

thanks to deathnotice01

a little add-on:
convert first the .9.png to RGB format since the default for 9.png is index format, index is complicated to theme since the colors and transparency will go wrong,
same with activity_bar.9.png, popup_***.9.png, and etc.
saving the indexed 9.png as default will cause the package to either corrupt or look really ugly

in photoshop its Image>Mode>RGB (Shortcut Alt+I+M+R)

Click to expand...

Click to collapse

==================================
tutorial how to edit 9.png here
more 9.png image here
here
here
==================================

 

Attachments

• 
  divider_horizontal_bright.png

  56.6 KB · Views: 22,721
• 
  divider_horizontal_bright_opaque.jpg

  25.3 KB · Views: 22,876
• 
  dialog_divider_horizontal_light.png

  32.6 KB · Views: 35,928
• 
  divider_horizontal_dark.png

  22 KB · Views: 22,338
• 
  divider_horizontal_dark_opaque.png

  32.2 KB · Views: 22,509
• 
  menu_background.png

  25.6 KB · Views: 22,620
• 
  menu_background_fill_parent_width.png

  21.1 KB · Views: 21,690
• 
  panel_background.png

  31.6 KB · Views: 21,740
• 
  popup_full_bright.png

  38.8 KB · Views: 21,282
• 
  popup_top_dark_bottom_bright.png

  54.5 KB · Views: 21,890
• 
  popup_top_center_dark_bottom_medium.png

  34.5 KB · Views: 22,326
• 
  popup_top_bottom_dark.png

  63.2 KB · Views: 21,233
• 
  popup_full_dark.png

  44.1 KB · Views: 21,762
• 
  popup_top_dark_center_bright_bottom_medium.png

  41.2 KB · Views: 21,599
• 
  toast_frame.png

  50.5 KB · Views: 21,194

Last edited: Nov 15, 2012

• 

Reactions: adayhari, dagger, ultraglen and 66 others

mariozawa

Senior Member

Jul 1, 2012

443

1,015

Malolos, Bulacan

www.facebook.com

• Nov 1, 2012

• #2

Nice guide:laugh:

 

• 

Reactions: sgyphilippines12345

d3cka

Senior Member

Jul 14, 2012

544

337

• Nov 1, 2012

• #3

Thanks i hope u all like it

Sent from my GT-S5360 using xda premium

 

• 

Reactions: Omkar$ and ura_aktobe

deathnotice01

Senior Member

Feb 19, 2012

8,328

3,136

Cebu

• Nov 1, 2012

• #4

nice but you could also add a larger image, and add a guide on how to edit 9.png's
good work

 

d3cka

Senior Member

Jul 14, 2012

544

337

• Nov 1, 2012

• #5

I think its larger on my mobile. Hmmm ok i will check it on my pc.
There are many tut for editing 9.png and yes its realy frustrating. I dont know if my metode is different from that tut but i think its working.
Ok i will add my tut next time.

Sent from my GT-S5360 using xda premium

 

• 

Reactions: ura_aktobe

shree_tejas

Senior Member

Jun 23, 2012

2,158

276

• Nov 1, 2012

• #6

Waiting

Want any help? I'm just a pm away

Sent via Rajnikanth

 

H

hell_lock

Inactive Recognized Developer

Jan 20, 2012

5,970

5,173

27

New Delhi

• Nov 1, 2012

• #7

Add a howto for editing the popups

 

mariozawa

Senior Member

Jul 1, 2012

443

1,015

Malolos, Bulacan

www.facebook.com

• Nov 1, 2012

• #8

and also a guide on How - to edit the Texts color:good:

 

• 

Reactions: Yahyailham

d3cka

Senior Member

Jul 14, 2012

544

337

• Nov 1, 2012

• #9

wohooo... easy guys... im just noob here

 

deathnotice01

Senior Member

Feb 19, 2012

8,328

3,136

Cebu

• Nov 1, 2012

• #10

mariozawa said:

and also a guide on How - to edit the Texts color:good:

Click to expand...

Click to collapse

text color is different depending on framework,
you need to change xmls on values/, modules/, and colors/,
honestly even i don't have any luck editing any text color

 

• 

Reactions: mariozawa

d3cka

Senior Member

Jul 14, 2012

544

337

• Nov 1, 2012

• #11

edit 9.png

How to edit 9.png (simple basic way)

1. Open file u want to edit with photoshop or any image editor, example popup_full_dark.9.png

2. the original image is blue, i want to change to red

3. after u change the color save that file (dont rename) and close. Remember dont touch that black line at left, right, top and bottom
4. now open draw9patch.bat from android-sdk tool.
5. drag that file which u saved previously to draw9patch.bat
6. press show bad patches and tick all boxes
7. now zoom image and patch scale which is fit u

8. as u can see there are bad patches in ur image, just edit black line at left and top with one black dot (1 and 2)

9. now ur image dont have bad patches, just save that file and ur ready to compile it

note:
1. im just a noob
2. this is easy simple basic tutorial from me, maybe different from other tutorial, i tested and work
3. just play around with ur photoshop or image editor to get transparent or etc etc
4. im just a noob, press thanks if u like it
5. thanks

 

Attachments

• 
  blue.png

  8.6 KB · Views: 5,930
• 
  red.png

  9 KB · Views: 5,926

• 

Reactions: cocoPIE_xda, astrit1, Shialie and 13 others

deathnotice01

Senior Member

Feb 19, 2012

8,328

3,136

Cebu

• Nov 1, 2012

• #12

d3cka said:

note:
1. im just a noob
2. this is easy simple basic tutorial from me, maybe different from other tutorial, i tested and work
3. just play around with ur photoshop or image editor to get transparent or etc etc
4. im just a noob, press thanks if u like it
5. thanks

Click to expand...

Click to collapse

awesome,
add this to the 1st post while you're at it,

a little add-on:
convert first the .9.png to RGB format since the default for 9.png is index format, index is complicated to theme since the colors and transparency will go wrong,
same with activity_bar.9.png, popup_***.9.png, and etc.
saving the indexed 9.png as default will cause the package to either corrupt or look really ugly

in photoshop its Image>Mode>RGB (Shortcut Alt+I+M+R)

 

d3cka

Senior Member

Jul 14, 2012

544

337

• Nov 2, 2012

• #13

 

Attachments

• 
  status_bar_header_background.png

  22.8 KB · Views: 4,455
• 
  bottom_bar.png

  29.6 KB · Views: 4,436
• 
  search_plate_global.png

  29 KB · Views: 4,473
• 
  dark_header.png

  31.3 KB · Views: 4,461
• 
  status_bar_item_background_normal.png

  38 KB · Views: 4,430

• 

Reactions: stangdriver44, #Henkate, khan_frd2002 and 5 others

H

hell_lock

Inactive Recognized Developer

Jan 20, 2012

5,970

5,173

27

New Delhi

• Nov 2, 2012

• #14

d3cka said:

How to edit 9.png (simple basic way)

1. Open file u want to edit with photoshop or any image editor, example popup_full_dark.9.png

2. the original image is blue, i want to change to red

3. after u change the color save that file (dont rename) and close. Remember dont touch that black line at left, right, top and bottom
4. now open draw9patch.bat from android-sdk tool.
5. drag that file which u saved previously to draw9patch.bat
6. press show bad patches and tick all boxes
7. now zoom image and patch scale which is fit u

8. as u can see there are bad patches in ur image, just edit black line at left and top with one black dot (1 and 2)

9. now ur image dont have bad patches, just save that file and ur ready to compile it

note:
1. im just a noob
2. this is easy simple basic tutorial from me, maybe different from other tutorial, i tested and work
3. just play around with ur photoshop or image editor to get transparent or etc etc
4. im just a noob, press thanks if u like it
5. thanks

Click to expand...

Click to collapse

If this works I'll kiss you!

 

• 

Reactions: Omkar$

d3cka

Senior Member

Jul 14, 2012

544

337

• Nov 2, 2012

• #15

It should work. Just be aware if u want to change the color make sure the black line stil black if not u cant edit it with draw9patch

Sent from my GT-S5360 using xda premium

 

d3cka

Senior Member

Jul 14, 2012

544

337

• Nov 3, 2012

• #16

SystemUI

 

Attachments

• 
  quickpanel.png

  32.5 KB · Views: 4,430

• 

Reactions: #Henkate, ryan_joshua, Omkar$ and 1 other person

D

desirech4cker

Senior Member

Nov 3, 2012

59

91

• Nov 3, 2012

• #17

Do you know on off toggle buttons in ics sense?

 

d3cka

Senior Member

Jul 14, 2012

544

337

• Nov 3, 2012

• #18

I think maybe in systemui

Sent from my GT-S5360 using xda premium

 

• 

Reactions: marinalin85

marinalin85

Senior Member

Jan 22, 2012

451

1,040

30

Moldova Noua

• Nov 4, 2012

• #19

Hi!

Tell me please where can I find that divider?

 

d3cka

Senior Member

Jul 14, 2012

544

337

• Nov 5, 2012

• #20

Is that ics? I dont have ics file. Can u send me framework, framework res, contacts apk i will check it later im on mobile

Sent from my GT-S5360 using xda premium

 

• 

Reactions: marinalin85