Hi,
I've recently read a thread which is aimed to show people how to apply backgrounds image for all tabs, but there are several steps that I found quite confusing:
If there is a .png file @ 512x512 resolution,
How can I achieve steps below:
- remove 54 px from top
- remove 50 px from bottom
- increase width by 56 px, you should notice the empty area on the right
- resize the picture to 512x512 px, allow distortion
any help will be gateful!
If there is a .png file @ 512x512 resolution[/QUOTE]
the original image must be at 480x800, otherwise of course 512+56<>512
bbonzz said:
If there is a .png file @ 512x512 resolution
Click to expand...
Click to collapse
the original image must be at 480x800, otherwise of course 512+56<>512[/QUOTE]
thanks, but whatever the resolution is, how can i remove or increase pixel of the image from various sides and what tool that i should have picked up for the procedure?
photoshop or gimp
bbonzz said:
photoshop or gimp
Click to expand...
Click to collapse
I have Photoshop CS3 installed on my PC, should I use 'image size' option within the 'image' tab to cut pixel?
image size doesn't cut but resizes. better play with canvas size, or by cutting with the crop tool
bbonzz said:
image size doesn't cut but resizes. better play with canvas size, or by cutting with the crop tool
Click to expand...
Click to collapse
Thanks, it works for me, but I think I might got something wrong cos the final display on my phone shows a tiny slim line of blank pixel on the right hand side
anyway, I really appreciate your regarding
you have blank pixels since, in my opinion, 56px right is too much. See my tiny tutorial here. It leaves the black hole at top, since i did it b4 the new edit, but the widht is always the same
I will try to explain how we can make backgrounds for all tabs for the new manila V3.
First from all we choice a wallpaper which can give good looking at portrait and landscape mode.
Wallpaper must be dark color (Black, dark Grey, Blue dark e.t.c) because the light fonts let a line to look at the background.
We edit the wallpaper with photoshop.
PORTRAIT MODE
Our wallpaper for Portrait must be in PNG and to have dimensions:
480 width X 768 length
We cut the wallpaper in two pieces because at this manila we have 2 files for it.
The upper part must be 480X512
and the down part 480X256
so as 512+256=768 which is the length of our wallpaper.
The next step is to put them pictures in new transparent PNG files.
The Upper part we put in a transparent 512X512 png file, like at the pic follow, and we give file name, the name of the manila file: 70083a29_manila.png
Yellow line is to look how you placement the picture in the new transparent file.
The down part picture we put in a new png file 512X256 like at the follow picture, and we give name 77feee1d_manila.png
LANDSCAPE MODE
Wallpaper for landscape must have dimensions 800 width X403 length
We cut it also in two pieces.
Left part must be 512X403 and right part 288X403
so as 512+288=800
We put the left part in a new transparent png file with name 29cff4fe_manila.png 512X512 with name like at the follow picture:
The right part we put also in a transparent png file 512x512 with name
058acf31_manila.png like at the follow picture
We put the 4 pictures in a folder and we import this folder at the M9Editor
You can find M9editor Here:
http://forum.xda-developers.com/showthread.php?t=464984
We convert the 4 picture files from png to qtc with editor. Press the button P>Q
Automatically, editor will make 4 manila files.
After that if you know make those files a CAB or copy paste at the windows folder with overwrite and soft reset.
Before you paste the new files at the windows, keep a copy from the original files so as to come back if you want.
AND DON'T FORGET: TAKE A BACKUP FROM YOUR DEVICE BEFORE.
I hope my post will help you to manage your wallpapers
Great guide mate thanks!
What? No more being fed by the spoon?
Thanks for the tutorial. Definitely will give it a go.
Many thanks for this great user guide
Thanks, it's now easy to make it by ourselves
Very Cool tut. I went straight to test it. Everything worked fine but.... in my case (Dutty HD V2 XTREME ROM) there is no 70083a24_manila.png, I found a 70083a29_manila.png. So I just changed the name it worked.
The only problem now is that le background picture is like covered with a 20% of opacity black layer, strangelly the portrait version is not affected by the same behavior......
Weird....
Did you check the interlaced option when saving the pngs?
Thanks
Great Job, BIG THANX!
Fedron said:
...The only problem now is that le background picture is like covered with a 20% of opacity black layer, strangelly the portrait version is not affected by the same behavior......
Weird....
Did you check the interlaced option when saving the pngs?
Thanks
Click to expand...
Click to collapse
Just tested - no difference between interlaced & non-interlaced in .png
The landscape is good, the portrait is like a 20% of opacity black layer (c pics).
Fedron said:
Very Cool tut. I went straight to test it. Everything worked fine but.... in my case (Dutty HD V2 XTREME ROM) there is no 70083a24_manila.png, I found a 70083a29_manila.png. So I just changed the name it worked.
The only problem now is that le background picture is like covered with a 20% of opacity black layer, strangelly the portrait version is not affected by the same behavior......
Weird....
Did you check the interlaced option when saving the pngs?
Thanks
Click to expand...
Click to collapse
Of course it is my mistake. The correct name of the file its 70083a29_manila.
From the moment which portrait and landscape are different files, you can fix all the problems in photoshop so as you have the best quality for every mode.
bgumble said:
Great Job, BIG THANX!
Just tested - no difference between interlaced & non-interlaced in .png
The landscape is good, the portrait is like a 20% of opacity black layer (c pics).
Click to expand...
Click to collapse
The same fix it in photoshop.
Has anyone experienced my dilemma, I am having a very thin line between these two pics, (highlighted in red box) can you try it with those plain black or yellow background colors and see if you get the same, otherwise its something im doing wrong. landscape is ok on the other hand. its not that obvious, but I notice it and it irritates me
kieboy said:
Has anyone experienced my dilemma, I am having a very thin line between these two pics, (highlighted in red box) can you try it with those plain black or yellow background colors and see if you get the same, otherwise its something im doing wrong. landscape is ok on the other hand. its not that obvious, but I notice it and it irritates me
Click to expand...
Click to collapse
Default [THEME]How we can make Background for all Tabs (MANILA V3).
I will try to explain how we can make backgrounds for all tabs for the new manila V3.
First from all we choice a wallpaper which can give good looking at portrait and landscape mode.
Wallpaper must be dark color (Black, dark Grey, Blue dark e.t.c) because the light fonts let a line to look at the background.
nanoo-eg said:
Default [THEME]How we can make Background for all Tabs (MANILA V3).
I will try to explain how we can make backgrounds for all tabs for the new manila V3.
First from all we choice a wallpaper which can give good looking at portrait and landscape mode.
Wallpaper must be dark color (Black, dark Grey, Blue dark e.t.c) because the light fonts let a line to look at the background.
Click to expand...
Click to collapse
LOL! Now that you made ur fonts bold, I saw that you have already mentioned this hahah thanks again.
nanoo-eg said:
...
From the moment which portrait and landscape are different files, you can fix all the problems in photoshop so as you have the best quality for every mode.
...
Click to expand...
Click to collapse
Well, my photos all do have the same quality, they just look different in portrait and landscape, look above.
is there any other way to convert PNG > QTC .. i'm having a hard time with m9editor as it crashes every time with "memory corrupt" error
found a solution.. using CFC 0.46 to replace files
nanoo-eg said:
Default [THEME]How we can make Background for all Tabs (MANILA V3).
I will try to explain how we can make backgrounds for all tabs for the new manila V3.
First from all we choice a wallpaper which can give good looking at portrait and landscape mode.
Wallpaper must be dark color (Black, dark Grey, Blue dark e.t.c) because the light fonts let a line to look at the background.
Click to expand...
Click to collapse
Yep I have the same thin line here in portrait mode.
Wallpaper must be dark color (Black, dark Grey, Blue dark e.t.c) because the light fonts let a line to look at the background.
Actually I don´t understand very well this part, the fonts are the reason why we have the thin line? And Kieboy's background is almost black and he have the thin line problem...So the darkness of the image is not the solution...
"the thin line"
as far as i understood it's because of the way the image was trimmed. There's a missing pixel(visible in the screenshot) which amounts for the black column.it's happening when we paste the trimmed piece to the blank transparent 512x512/512x256 png.Aligning the png's respectively with each other (left png aligned right, right to the left) made the thin red line disappear.
does it mean that in photoshop we gotta add a pixel more width(trimming for landscape mode)? or we trim by the recipe but salt it(align) it to our taste!?
jtf420 said:
"the thin line"
as far as i understood it's because of the way the image was trimmed. There's a missing pixel(visible in the screenshot) which amounts for the black column.
aligning the png's respectively with each other (left png aligned right, right to the left) made the thin red line disappear.
does it mean that in photoshop we gotta add a pixel more width(trimming for landscape mode)? or we trim by the recipe but salt it(align) it to our taste!?
Click to expand...
Click to collapse
right to left, left to right? err...i think my thin line appears in the 'Portrait' mode not landscape...
kieboy said:
right to left, left to right? err...i think my thin line appears in the 'Portrait' mode not landscape...
Click to expand...
Click to collapse
for potrait.. push the upper image down a pixel.. lower image up a pixel..
logic : make sure (zoom in 200%photoshop while creating the png) that there's no missing pixel row(portrait mode)/column(landscape mode) It's all in alignment.
Nanoo-eg told us to align it likewise..he marked it up with yellow lines. but we all (with thin black line issues) have seemed to miss it
THANKS Nanoo-eg!
jtf420 said:
for potrait.. push the upper image down a pixel.. lower image up a pixel..
logic : make sure (zoom in 200%photoshop while creating the png) that there's no missing pixel row(portrait mode)/column(landscape mode) It's all in alignment.
Nanoo-eg told us to align it likewise..he marked it up with yellow lines. but we all (with thin black line issues) have seemed to miss it
THANKS Nanoo-eg!
Click to expand...
Click to collapse
I think this will solve the problem.
Naw there is Mun_ras CAB, but it isn't possible to customise your backround like we make manual.
So if someone can make it manual, its match better.
I like MUN_RAS cab but from 20 wallpapers I can use only 2 as well.
I prefer the classic black looking of the HD (blackston ), so I think to make a theme for my self, with other Portrait background and other landscape. I need more business looking at the portrait mode.
i think the way around isn't working. sorry for so many posts and misguiding. but each post is after a try. and it all has failed!
trying to increase a pixel while trimming the pieces.. hope it helps!
checkout the screenshots to see the failed attempt
jtf420 said:
for potrait.. push the upper image down a pixel.. lower image up a pixel..
logic : make sure (zoom in 200%photoshop while creating the png) that there's no missing pixel row(portrait mode)/column(landscape mode) It's all in alignment.
Nanoo-eg told us to align it likewise..he marked it up with yellow lines. but we all (with thin black line issues) have seemed to miss it
THANKS Nanoo-eg!
Click to expand...
Click to collapse
So you mean with a 512x512 upper image, I will push down, resulting to the top part missing a pixel? (granting image was cropped exactly) or you mean that the lowest pixel 512 must have the pixel line found in 511? (confusing? lol) and vice versa. THANKS!
Note: This is a work in progress.
Note: All Image manipulation is done with GIMP.
Note: This guide is mainly for the A101 but can also be applied for the A70.
I was getting sick of not be able to take a good picture and use it as a wallpaper so that it looked good. I know there is an alternative "MultiPicture Live Wallpaper" but that thing is a memory hog.
PART 1
So I came up with this picture it's a PNG of 1200x1024. The different grids are the following sizes.
Blue: 8px
Green: 16px
Red: 32px
White: 64px
When this is set as a wallpaper we can finally see what is happening to the image.
Here are the screenshots for the 5 screens of the Stock Launcher of the Archos 101.
Screen 1
Screen 2
Screen 3
Screen 4
Screen 5
Since the status bar can not be hidden on the Stock Launcher we loose 32px at the top and on the right with the soft buttons we loose 40px. When positioned on the first screen we have a good view of the top left corner (1024x600) of the reference picture.
Now lets get to work with this picture below.
Size: 1680x1050
So what do we need to do. The result must be an image with a size of 1200x1024 for the A101 and 960x800 for the A70 where only the top 600px (A101) 480px (A70) will be visible in landscape mode.
Scaling the image to a height of 600px and keeping the aspect in mind. The result is a picture of 960x600
On the bottom add a 424px black border.
On both sides add a 120px black border.
and the result is
Size: 1200x1024
And the screenshot to prove it works.
This was tested with the Stock Launcher and ADW.Launcher.
PART 2
So this worked out because the original picture has a black background. So here is the solution for other pictures.
I made a multi layer xcf file with GIMP to address the problem. You can download it here for the A101 and here for the A70.
Open WallPaper_cropping.xcf in GIMP.
Select the "Background" layer.
File -> Open as Layer -> select the picture you want to crop.
Scale the layer to 1200px width and keep the aspect correct.
Position the layer so that the visible part looks good.
Turn visibility on/off so that only the layers "Background:, "The Picture", "Black Not Visible Part" are turned on.
Save the image as PNG with option "Merge Visible Layers"
Send to archos and apply as wallpaper with the Crop Wallpaper app and use the "Overall" button.
This is all for today. Next We'll see if we can do something with extending the background instead of cropping it.
Reserved for future use
Reserved for future use 2
reserved for thanks ;-)
many thanks
Worked fine for landscape But when I turn it portrait there is a black bar at the bottom - How do I get it to fill in that black space??
Using ADW Launcher if that has any effect on it...
Would put up a screenshot but the forum won't let me...
martinjh99 said:
Worked fine for landscape But when I turn it portrait there is a black bar at the bottom - How do I get it to fill in that black space??
Click to expand...
Click to collapse
There is no way to do both landscape and portrait at the same time. So you have to choose.
ah ok- Thanks anyway.
Thanks wdl1908. It will be difficult for me to explain because of my poor english. But with your settings and my A70it it didn't (the image was too high). So I have set the top of my image at 183px and the bottom at 644px and now it's perfect. Maybe someone with skills could check those values cause I'm a newbie.
Thank you very much.
nikokroko said:
Thanks wdl1908. It will be difficult for me to explain because of my poor english. But with your settings and my A70it it didn't (the image was too high). So I have set the top of my image at 183px and the bottom at 644px and now it's perfect. Maybe someone with skills could check those values cause I'm a newbie.
Click to expand...
Click to collapse
If you attach your original wallpaper I'll look at it to see what the best method is.
So this is my actual wallpapaper. In landscape I see everything of the middle layer and not the 2 others (normal). And in portrait I don't see the face of the guy on the first layer. But this is not important cause those layers are just there to fill the blanks in portrait mode.
The original picture was found on socwall and was 2500*1324px
nikokroko said:
So this is my actual wallpapaper. In landscape I see everything of the middle layer and not the 2 others (normal). And in portrait I don't see the face of the guy on the first layer. But this is not important cause those layers are just there to fill the blanks in portrait mode.
The original picture was found on socwall and was 2500*1324px
Click to expand...
Click to collapse
Very nice wallpaper. I usually don't bother with the portrait mode as long as the landscape mode is shown correctly. I would just cut out the middle part and use that to fit into the portrait visible part of the template.
hi. hope someone can help me please.
i am working on a theme port and im almost complete except... the unlock image is not correctly aligned wwith the slider on the left side of the screen.
i can visibly see that the unlock image is closer to the left screen edge than the volume icon is to the right edge. both tabs are mirrored correctly. the volume icon sits perfectly over the dimple on the right tab but the unlock is about a quarter of the width of the image out.
i am new to this. i looked through the layout keyguard xml files but didnt see anything that determines how each icon justifies to each side of the screen.
this on a gb rom theme.
can someone please point me in the right direction?
apologies for my grammar and punctuation. i wrote this ug s bluetooth remote
thank you
may i see ur screenshot>
Hi,
This was ages ago. I cheated and made the image bigger
So i just picked up a G3 today and there's one thing that is bothering me.
All the outlines of icons / text seem to have a minuscule but detectable contrasting outline around them. It's hard to describe and kind of nitpicking, but my eyes do see it especially with text overlayed on a color or image background. It's almost like a tiny oversharpening effect and I've never seen it on other phones before. What is this? Is it due the layout of the subpixels? Also I noticed the color balance is somewhat yellowish. Is there a way to fix these problems? perhaps through custom roms? Would scaling down the resolution to 1080p make a difference.
Detailed example: I put my new G3 and Asus zenfone 2 side by side, and looked at their chrome icons (the exact same icons) through a magnifying glass. On the zenfone's display the line separating green and red in the icon transitions smoothly and normally- from green to red. But sure enough, on the G3, the magnifying glass reveals a tiny whitish line between the green and red areas! Therefore the change in color does not transition smoothly, which is what my eyes are picking up on. How to fix this problem?
If this is just inherent to the display itself I may consider picking up a Oneplus X instead, as it is somewhat irritating for my eyes especially when reading text.
This phone has a problem with oversharpening most custom roms have it fixed a lot of people complained about it u can reduce screen to 1080 but then u take away from the beuty of the screen if u decide to keep it root it then use a cust rom and itll be all good
If u have custom recovery then u can flash oversharpning fix mod.
Here's the link- http://forum.xda-developers.com/lg-g3/orig-development/fix-sharpening-mod-script-1-0-beta-t2957648