I've seen a few other wallpaper templates out there, but i wasn't extremely satisfied with them as they only focused on the home screen.
I put alot of work into checking and re-checking this on the honeycomb default launcher (3.1), and it accurately displays the location of each screen both vertical and horizontal.
It's a PNG image to maintain transparency, and the resolution of it is what i've calculated to be optimal to maintain 1280x800 on the primary home screen.
I'm uploading the easier to use PNG file, the psd, and a simple wallpaper i just threw together to illustrate.
When using this template, you just set the crop in the upper left hand corner and expand down as far as you can. there is about a 5px buffer at the bottom to allow some give.
I know it's kind of a busy template, but the green lines will define the home screen in either direction, and each screen is defined by it's matching colored line.
awesome!! thanks!
thanks! time to make some wallpapers
Thanks for sharing, Shane86. This is exactly what I was looking for. You Rock!
Just thought I'd throw up a few wallpapers I've made with this template.
EDIT: Didn't know that this site will re-size image uploads
I've uploaded their original images in the RARs you'll find below.
Related
Hey guys,
I have the HD2, 172 WWE ROM.
I tried using HDWall app to create new slider icons. Nothing worked.
Does nayone have an app that can create slider?
If not, who wants to make one for me? I can give you all the icons, you create a cab?
I am pretty desperate as I have a couple I want to make that I love.
Thanks to any volunteers or helpers.
You can use a program called CFC_GUI to view and edit any manila graphic.
Thanks for responding.
I downloaded this but couldn't get it to work.
I selected the slider icon I wanted to change (to test) and selected replace with, the click on the icon I want. It runs through (stops sense) and just says 'fail'.
Also, I thought the slider icons were 64x64, and the larger icons 128 x 128.
This app shows them as 256 x 256.
Do you know what the correct size is for the sliders and the larger ones?
Well you will first want to make a folder some where. Connect your phone and put it into sync. From there open CFC_GUI >Device>Import from device. This will import your manila graphic files. Now you will want to go through these files and find all the files that pertain to the slider icons, quick hint there are a lot of them. Depending on the ROM there can be anything from 3 to 4 of them for each tab. Most will range in 64 while one will be 256. The 64's are for the actual tabs and also the customization setup pictures(for selecting the order of the tabs) in settings for the phone. While the 256 is for the big main graphic that is centered in the phones screen when it's slide over or selected. You will have to do more then just replace the files. When you select each file you want "save as" this while save it to the folder you open CFC_GUI for the first time. Once you have the actual images saved as a pngs you can then bring these files into a photo editing program. You will find that the size of the picture is not the actual size of the graphic.....sure it might be 64x64 but the actual graphic will be a bit smaller and is usually a bit off center and to the top left. So you take the picture you want (hint use pngs since most don't have backgrounds) to replace it with and paste it over the other picture as a layer. Adjust the picture until it's perfectly over the original layer under it. Once you get it right you can delete the original layer leaving your new graphic. Save the image ,possibly to a new folder but with the same original name. The next time you open CFC_GUI it will open the original files you don't have to plug the phone in yet, the program creates it's own folder and saves the files from when you imported them. Go through and replace the files you want , won't be hard if you keep the original file name when you saved your edited version. Once you replace them all you can close the program. Turn on the phone go to settings and turn off Sense. This option can be skipped because the program should turn off Sense when you go to export but some times it doesn't and messes up. Once synced open CFC_GUI recheck your work then go to
Device>export to device.
Unplug the phone turn Sense back on and they should be there.
Man I don't think I have ever had to write this much directions for this so be thankful I felt like being long winded tonight hope it helps.
Donation to you if you create slider icons set.
Wil,
I sincerely appreciate your reply. I have given it a go and read through your instructions many, many times.
Honestly, this is too hard for a novice like. I don't even know how to use photoshop properly.
I am willing to offer a donation to anyone who is willing to create a slider icon set for me.
I have all the icons, just need someone with the experience.
Anyone? Wil, can you?
Photoshop is not that hard. Just save the graphics like I said earlier. Bring the image into photoshop. Bring the image you want into photoshop. Go Select>all. Edit>copy. Go back to the original file. Edit>paste. It should paste it to a new layer all by itself. If the picture is a bit big or small you should be able to drag it to fit. You can also adjust the ocupancy down a bit to be able to see through it while you adjust. If your confused about the whole layer thing do a video search for Working with Photoshop Layers. There are plenty of them out there. It's a basic if you want to use photoshop the right way.
This should be in the Theme part but try to find the some threats of Dinik. He's a great designer and made even some easy walk throughs about how to make icons and how to replace them on your HD2
*edit*
Dinik Creations
When you look in the threats posted you find easy replacing tools
Stuck on final step.
Hi Wil,
Firstly, sorry for the very late reply. I have been working away collecting the icons I like, and trying to use Photoshop. I have finally figured it out.
I am stuck on the final step I think.
I have created all the icons correcty (to the top and right) based on the layering method you mentioned. Should be fine.
I have then used CFC to 'import' the png's. No problem.
I use CFC to browse the files and I can see the new icons I have imported.
What do I do now?
The files do show up in CFC, but not as slider icons in manila. Whats the final step?
Thank you in advance.
These are the manila fiels names from what I have researched. Please let me know if this is wrong.
Home
299c5eF5_manila (slide)
75499aa8_manila (big icon)
People
4f1d31ce_manila (slide)
1d7b29c4_manila (big icon)
Messages
76c3b921_manila (slide)
278db717_manila (big icon)
Mail
33afebf1_manila (slide)
2577a407_manila (big icon)
Internet
04abcd12_manila (slide)
4fca8b48_manila (big icon)
Calendar
4b721343_manila (slide)
613b21b9_manila (big icon)
Stocks
17ef70ed_manila (slide)
17ac5803_manila (big icon)
Photos
5631ec52_manila (slide)
3ca89548_manila (big icon)
Music
609e396a_manila (slide)
472f33c0_manila (big icon)
Weather
056fac59_manila (slide)
042e5baf_manila (big icon)
Twitter
2077631c_manila (slide)
7ffecf32_manila (big icon)
Footprints
28601361_manila (slide)
6f24d697_manila (big icon)
Settings
7aeB367a_manila (slide)
5389eeb0_manila (big icon)
http://forum.xda-developers.com/showthread.php?t=503511
i dont know it works for HD2 but i think it will
Thanks Veldmuus. I tried that previously, didn't work. It has completely different file names.
I tried 'export to device. Sense did stop (I saw it stop on my phone) did the export, then restarted sense.
For each fil that it was supposed to export, I just got the error 'fail'. No other info.
Any help?
Ok I been up and down these and other forums for a few days. I registered here a while back but never posted because I had no problems... But I searched... came close but no cigar. I downloaded Numerous wallpaper apps and played around with different ratios, But no matter what I do I always find myself forced to crop the background (if it doesn't crop it zooms the hell out of the picture). I'm I missing something I'm on a completely stock rooted 2.2... I'm at my wits end with this, so close to just saying screw it and finding a decent LWP... anyone care to lend a helping hand?
Edit* Most of the stuff I find applies to portrait mode.. I use Landscape mode 99% of the time
in landscape the resolution should be 960x480
in portrait 960x800
Umm...no.
Wallpaper images, regardless of orientation need to be 960x800 in order to maintain the sharpest image possible. See my post here.
The attached file is a grid 960x800, which is the recommended size for a wallpaper in android. That is 2 times the width by the height of the phone screen.
Make this the wallpaper on your phone and test it out. you should be able to use the entire image as your wallpaper. Make sure you have auto-rotate on and that your home app is scrolling the wallpaper. If you use a home app that allows you to change the number of homescreens you will see that how much of the image is scrolled changes with the number of screens.
If you use auto-rotation you will be able to see exactly what part of an image can be seen with the phone in each orientation. This is the problem when creating wallpapers, particularly ones with content (kids, a car, etc.) that you want visible in either orientation.
I keep so many icons on my homescreens that mot of the wallpaper is covered so I use a simple wallpaper. If you want the wallpaper to be more visible and make a statement about you or your phone you have to consider many factors. The release version of the Streak with Android 1.6 was customized to allow a different wallpaper on each screen, to get that effect now you have to use an app.
MultiPicture Wallpaper
StreakSet Wallper app
WallStreak - it's buried in the thread
960x800 wallpaper gallery
So - there is no simple answer. Let us know what ends up working for you.
Edit: I like to edit my wallpaper images on my PC making sure that the image is a multiple of 960x800 (to preserve the aspect ratio) and the resize to 960x480 before copying to the phone. The gallery app will allow you to select an entire 960x800 image.
Edit2: Your home app may handle the wallpaper differently than stock or other phone apps, so test on your specific setup.
Marvin... that grid line you provided seems to be helping ALOT. It fits landscape without a problem now I can plot exact grid points... I'll do a quick run to see how it looks. If I am content I will post results but if not I will get some rest. its 2:30 lol... but thanks alot, all of you.
Def. happy with how this came out, that image wasn't the proper dimensions so I edited it (not by much) now all I have to do is line it up on a fresh canvas and boom... thanks again. def solved my problems
leviathanixi said:
... thanks again. def solved my problems
Click to expand...
Click to collapse
Glad the info helped. If you have a 960x800 version of that wallpaper allpaper attach it to a post and I will add it to the wallpaper gallery I keep.
yes i meant that in landscape only 960x480 is shown but the wallpaper is 960x800
UPDATE: All info in this thread summarized here: [GUIDE] Pattern lock tweaks - Wallpaper Brightness, Pattern Lock Dots, etc.
Rooted phone running Cognition 1.5.1. I am using a pattern lock so I have the standard Samsung lockscreen.
How can I change the clock font on the pattern lock screen? It looks very out of place compared to the other fonts.
Can I make the pattern lock dots smaller or more transparent? I don't like how it covers up almost all of my wallpaper. I know CyanogenMod has an option to make the pattern lock dots completely invisible. I don't really want that either, I just want them to be less obstructive.
Thanks in advance!
You can't change them afaik! You can always use third party lockscreen app like Widget Locker to get your desired lock screen.
I figured out how to change the clock font. Simply replace the Clockopia.ttf in /system/fonts. You can also use the Font Changer app, available on XDA or Market: http://forum.xda-developers.com/showthread.php?t=874658
However I noticed that my replacement clock font did not seem to line up properly. I think this is a common problem with replacing Clockopia.ttf. So you might need to adjust your font with something like FontForge first. Check out the guide here: http://forum.xda-developers.com/showthread.php?t=990853
UPDATE: This thread on Rootzwiki gives a good description of the Clockopia alignment problem and how to fix it. Basically, use a font editor to replace the glyphs in the Clockopia.ttf with the glyphs from your favorite font.
Still investigating the pattern lock dots.
Figured out the pattern lock dots! The files are in the framework-res.apk, under res\drawable-hdpi. There are two files you need to edit:
btn_code_lock_default.png -- This is the white dot in the middle
indicator_code_lock_point_area_default.png -- This is the dark circular background of the dot
I reduced the size of the white dot by 50% and used a clear transparent background so it doesn't block the wallpaper. Files are attached below in case anyone wants to use these.
One more discovery today. Normally the pattern lock wallpaper is not as bright as the original -- there's a dim or dark filter over it. To change this, decompile framework-res.apk (need to use apktool or apk_manager), and edit res\layout\keyguard_screen_unlock_portrait.xml.
On line 4, change android:background="#70000000" to android:background="@color/transparent"
Compile framework-res.apk and put it back into system\framework. Reboot and you should see that the pattern lock wallpaper is much brighter!
Also I've made another set of pattern lock dots. For this one, I reduced both the white middle dot and the outer ring by 50%. Then I increased the transparency of both and made the outer ring a lighter gray. So now the dots are larger, but even less intrusive. I've attached the files below, plus a screenshot.
Thanks a lot for the background transparency trick ! That was exactly what I was loogking for.
Also, may I add something just for information if ppl need it :
There are other files if you want a complete edit :
the ones you told about :
btn_code_lock_default.png (the small dot in the center)
indicator_code_lock_point_area_default.png (the black circle around)
The pngs that shows up when the pattern is the wrong one :
indicator_code_lock_point_area_red.png (the circle around)
indicator_code_lock_drag_direction_red_up.png (the arrow showing the direction)
And if you use "visible pattern" in the options, these are the green ones :
indicator_code_lock_point_area_green.png
indicator_code_lock_drag_direction_green_up.png
btn_code_lock_touched.png (the small dot in the center, touched version)
One more thing, if you're only editing pngs, you don't need apk tool, a simple unzip with 7zip is possible.
Thanks for the modification ideas.
I am using a Htc Desire on dGB aosp rom but just to add to this thread. In the keyguard_screen_unlock_portrait.xml, I changed:
android:background="#70000000" to android:background="@drawable/patternlock_background"
Added an image called patternlock_background.png to the drawable-hdpi folder.
Made some of the images mentioned in the previous posts transparent.
And came up with this:
Obviously, I still need to edit other aspects of that screen to tidy it up.
Great work LfcFan1977! I would be really interested in seeing more wallpapers that incorporate the pattern lock into their design. There could be some pretty cool ideas by mixing a pattern lock wallpaper with custom pattern dots and lines.
Yea, I have been wanting this kind of mod ever since I got my Android.
Here's a few ideas:
Galaxy with stars/rockets/shuttles/astronauts/planets/moons.
Dot to dot of a gingerbread man.
Flowers with the honeycomb bee.
Treasure maps and pirates.
Football.
Homer Simpson and donuts.
Pacman.
Anyway, I had a bit more of a play with the xml/images and got this.
Hi,
a few month ago I investigated the size of the background image to fit the pattern dots, and after a few experiments I saw that android was doing a bit of resizing, even if the image was exactly the screen size.
What worked for me, is to make an image smaller than 800 in height (763px to be precise) and 480 in width (regular width of 1 screen). But when done editing, I stretch its height back to 800. Then, when applying within gallery ("use as..."), it stretch it back to undeformed.
I made a template in photoshop, for those who are interested, also with my actual pattern background. Still can't post urls here, so...it's hosted at mediafire.com :
Code:
/?fo04gtvp82y1xw1 (the template)
/?82txu5qxdea6usb (the background)
Wow, this thread is a great resource for customizing the lockscreen, and it's rather painless (not much APK tool messing to do, if simple unzip, rezip works, wonderfull )
This is going into my bookmarks
I wish I would have found this thread sooner. I was looking for which files to edit for the buttons but found them elsewhere. I still have one question, though. Does anyone know how to change the path color? I can't find which file it is located in. TIA.
I can only assume the colour is applied by something in the framework.jar but as my understanding of smali coding is practically none, I can not figure it out.
I was thinking that maybe re-posting all the previous information and the above question in the android themes thread may be better. I do not think any of it is device or rom specific and we may need a wider audience in order to resovle questions like the last one.
I can't find the path color in the xml or png files so it must be something in smali code. Moving to the Android themes forum is a good idea. I am going to summarize everything and repost it in that forum.
Check out the new thread here! http://forum.xda-developers.com/showthread.php?t=1330063
A little help
This line about android:background is in keyguard_screen_unlock_portrait? I think it's keyguard_screen_password_portrait
Title says it all. If anyone has ever found a decent guide that comprehensively explains how to edit .9.pngs and add guides please post here, i have tried reading more than 10 in google and none actually tought me how to add guides and edit pngs :S
It does take some getting used to.
http://developer.android.com/tools/help/draw9patch.html
right panel shows how the png will stretch
goal:
draw lines around the edges of the png to create stretchable and static parts of the png.
basically the pink content is stretchable.
stretchable content should be part of the png that is ok to get skewed
when it stretches. so if you have an image in stretchable area
you will need to make sure in the layout of the app it stretches the same on x axis and y axis
if only stretches on one axis image will become distorted.
on the right panel just make sure your png looks good in all 3 examples and you should be fine.
wes342 said:
It does take some getting used to.
http://developer.android.com/tools/help/draw9patch.html
right panel shows how the png will stretch
goal:
draw lines around the edges of the png to create stretchable and static parts of the png.
basically the pink content is stretchable.
stretchable content should be part of the png that is ok to get skewed
when it stretches. so if you have an image in stretchable area
you will need to make sure in the layout of the app it stretches the same on x axis and y axis
if only stretches on one axis image will become distorted.
on the right panel just make sure your png looks good in all 3 examples and you should be fine.
Click to expand...
Click to collapse
Really, i cant understand what means for the png to be strechable and what do the squares in the second image of link are
let me try again.
Define:
a 9patch is a .png that is cut into sections
and the green part is showing the sections
the pink part is showing the stretchable part of the .png
the whole point of a 9patched png is to make a png so it can be used
many different times in an app. sometimes the png will be a square and sometimes a rectangle. basically when you want to use the png as a rectangle its just stretching the square png along the x-axis to make it a rectangle.(like when you set an image that is too small as your desktop wallpaper the image becomes distorted) if you stretch a square image into a rectangle you are distorting the original image to make a rectangle (so things will look funny)
yes the 9patch tool takes some getting used to.
so if you load your png into the 9patch tool
you will be able to draw little lines around the edges.
look closely at the second image (you will see black lines at the bottom and on the right plus 2 small lines on the top and left.
this is what defines your patches.
once you draw the lines around your png you will see a pink section in the middle (this is the part of the png that will stretch when you use your png as a rectangle)
the green sections are showing you the sections that that you have made.
make sure you check the show patches and show content buttons at the bottom.
Now on the right side you will see 3 different shapes a square , vertical rectangle and horizontal rectangle. these are examples of what your png will look like if you stretch it.
as far as I can tell if the images of your png on the right look good and are not distorted then your png will look fine in the app.
If you need some more help
watch the top 3-4 videos that should give you a better handle on 9patch tool.
9patch tool youtube search
Wow thanks i didnt think that it was so simple ( Maybe i was really confused ) Thanks mate will also have a look at the videos
It really is quite simple once you get the basic concept down.
Yeap i managed to edit some .9 pngs with success thanks dude
Hi, I'm trying to create a multi-screen wallpaper setup like in this build (http://mycolorscreen.com/2014/07/29/iren/) but how does one shrink their desired wallpaper to fill just half the screen? I tried bitmap but the scaling makes it difficult and blurry.
Thank you in advance.
mediumraresteak said:
Hi, I'm trying to create a multi-screen wallpaper setup like in this build (http://mycolorscreen.com/2014/07/29/iren/) but how does one shrink their desired wallpaper to fill just half the screen? I tried bitmap but the scaling makes it difficult and blurry.
Thank you in advance.
Click to expand...
Click to collapse
Hi you could add a widget with full width or simply use photoshop to integrate the gray layer to your image.
CopKiller76 said:
Hi you could add a widget with full width or simply use photoshop to integrate the gray layer to your image.
Click to expand...
Click to collapse
I was going to simply cover the bottom half the wallpaper with a RECT overlay but it seems like the previous theme and this other one (http://mycolorscreen.com/2014/08/23/sportlife/) have a found way to shrink the wallpaper without losing detail or focus. When I tried inserting the wallpaper into a widget, it came out blurry cause I have to stretch it in order to fill the entire widget by increasing the scale (increased scale = blurry). Unless there's another way aside from bitmap or photoshop, I guess this is it then.
I didnt mean to use the wallpaper in the widget. You should cover the bottom half with a widget and set the wallpaper as usual.
CopKiller76 said:
I didnt mean to use the wallpaper in the widget. You should cover the bottom half with a widget and set the wallpaper as usual.
Click to expand...
Click to collapse
Yea, I did that but that leaves me losing the bottom half of the wallpaper. I thought the two themes I looked at had a way of 'shrinking' the wallpaper to fit in the top half without losing detail. The method you suggested (if I'm reading it correctly) is to cover the bottom half with my widget (RECT + icons) and then set the wallpaper to auto-fit the top half. But the wallpaper still fills the entire screen. Maybe I'm misunderstanding something.
mediumraresteak said:
Hi, I'm trying to create a multi-screen wallpaper setup like in this build (http://mycolorscreen.com/2014/07/29/iren/) but how does one shrink their desired wallpaper to fill just half the screen? I tried bitmap but the scaling makes it difficult and blurry.
Thank you in advance.
Click to expand...
Click to collapse
Hi,
There are two main ways of doing this. First is to use Zooper, and add the images as a bitmap. However if you said this makes the images blurry, Photoshop (or any other image editor) should do the trick. Simply take a screenshot of your homescreen, open that in Photoshop, then drag the wallpaper on where you want it to go.
Hope this helps!
- Marco
ThemerSupport said:
Hi,
There are two main ways of doing this. First is to use Zooper, and add the images as a bitmap. However if you said this makes the images blurry, Photoshop (or any other image editor) should do the trick. Simply take a screenshot of your homescreen, open that in Photoshop, then drag the wallpaper on where you want it to go.
Hope this helps!
- Marco
Click to expand...
Click to collapse
Thank you! I just wanted confirmation on the bitmap scaling.