FORUMS

Two New Moto X and New Moto G – Specs & Details

Today’s Moto event just ended and now we have a clear look at all of … more

How Strong Is Your Connection? – XDA Xposed Tuesday

Everyone is always talking about their bars. How many bars of WiFi do they … more

OnePlus 2 Announced: Specs, Price and Details

The OnePlus 2 has just had its Virtual Reality Launch event, and at the XDA Office we all … more

A Helpful Guide to Music Streaming Services

With the launch of Apple Music, music streaming services have recently gained a lot of … more

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

546 posts
Thanks Meter: 341
 
By d3cka, Senior Member on 31st October 2012, 08:44 PM
Post Reply Subscribe to Thread Email Thread
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
Quote:

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)

==================================
tutorial how to edit 9.png here
more 9.png image here
here
here
==================================
Attached Thumbnails
Click image for larger version

Name:	dialog_divider_horizontal_light.png
Views:	34332
Size:	32.6 KB
ID:	1446565   Click image for larger version

Name:	divider vertical_horizontal_bright.png
Views:	21331
Size:	102.1 KB
ID:	1446566   Click image for larger version

Name:	divider_horizontal_bright.png
Views:	21137
Size:	56.6 KB
ID:	1446567   Click image for larger version

Name:	divider_horizontal_bright_opaque.jpg
Views:	21319
Size:	25.3 KB
ID:	1446568   Click image for larger version

Name:	divider_horizontal_dark.png
Views:	20789
Size:	22.0 KB
ID:	1446572   Click image for larger version

Name:	divider_horizontal_dark_opaque.png
Views:	20967
Size:	32.2 KB
ID:	1446573   Click image for larger version

Name:	menu_background.png
Views:	21064
Size:	25.6 KB
ID:	1446579   Click image for larger version

Name:	menu_background_fill_parent_width.png
Views:	20182
Size:	21.1 KB
ID:	1446580   Click image for larger version

Name:	panel_background.png
Views:	20232
Size:	31.6 KB
ID:	1446581   Click image for larger version

Name:	popup_full_bright.png
Views:	19714
Size:	38.8 KB
ID:	1446582   Click image for larger version

Name:	popup_full_dark.png
Views:	20293
Size:	44.1 KB
ID:	1446587   Click image for larger version

Name:	popup_top_bottom_dark.png
Views:	19775
Size:	63.2 KB
ID:	1446588   Click image for larger version

Name:	popup_top_center_dark_bottom_medium.png
Views:	20902
Size:	34.5 KB
ID:	1446589   Click image for larger version

Name:	popup_top_dark_bottom_bright.png
Views:	20449
Size:	54.5 KB
ID:	1446590   Click image for larger version

Name:	popup_top_dark_center_bright_bottom_medium.png
Views:	20131
Size:	41.2 KB
ID:	1446596   Click image for larger version

Name:	toast_frame.png
Views:	19749
Size:	50.5 KB
ID:	1446597  
Last edited by d3cka; 15th November 2012 at 12:23 AM.
The Following 68 Users Say Thank You to d3cka For This Useful Post: [ View ]
 
 
1st November 2012, 07:34 AM |#3  
d3cka's Avatar
OP Senior Member
Thanks Meter: 341
 
More
Thanks i hope u all like it

Sent from my GT-S5360 using xda premium
The Following 2 Users Say Thank You to d3cka For This Useful Post: [ View ]
1st November 2012, 07:45 AM |#4  
deathnotice01's Avatar
Recognized Themer
Flag Cebu
Thanks Meter: 3,211
 
Donate to Me
More
nice but you could also add a larger image, and add a guide on how to edit 9.png's
good work
1st November 2012, 08:01 AM |#5  
d3cka's Avatar
OP Senior Member
Thanks Meter: 341
 
More
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
The Following User Says Thank You to d3cka For This Useful Post: [ View ]
1st November 2012, 09:23 AM |#6  
shree_tejas's Avatar
Senior Member
Thanks Meter: 294
 
More
Waiting

Want any help? I'm just a pm away

Sent via Rajnikanth
1st November 2012, 10:34 AM |#7  
Recognized Developer / Recognized Contributor
Flag New Delhi
Thanks Meter: 5,147
 
Donate to Me
More
Add a howto for editing the popups
1st November 2012, 02:52 PM |#9  
d3cka's Avatar
OP Senior Member
Thanks Meter: 341
 
More
wohooo... easy guys... im just noob here
1st November 2012, 03:08 PM |#10  
deathnotice01's Avatar
Recognized Themer
Flag Cebu
Thanks Meter: 3,211
 
Donate to Me
More
Quote:
Originally Posted by mariozawa

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

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
The Following User Says Thank You to deathnotice01 For This Useful Post: [ View ]
1st November 2012, 05:25 PM |#11  
d3cka's Avatar
OP Senior Member
Thanks Meter: 341
 
More
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
Attached Thumbnails
Click image for larger version

Name:	blue.png
Views:	4817
Size:	8.6 KB
ID:	1448714   Click image for larger version

Name:	red.png
Views:	4841
Size:	9.0 KB
ID:	1448715   Click image for larger version

Name:	open draw9.jpg
Views:	4866
Size:	36.3 KB
ID:	1448716   Click image for larger version

Name:	edit draw9.jpg
Views:	4868
Size:	37.0 KB
ID:	1448717   Click image for larger version

Name:	before after.jpg
Views:	4876
Size:	30.7 KB
ID:	1448721  
The Following 16 Users Say Thank You to d3cka For This Useful Post: [ View ]

Read More
Post Reply Subscribe to Thread
Previous Thread Next Thread
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes