Using custom images in Sweeter Home
January 27, 2010 by Lemon · 11 Comments
In Edit Mode Sweeter Home is aligned into a 16×16 grid. Due to different screen resolutions this means the actual pixel size of each grid division is different depending on the device you’re using.
To help those of you who like to create custom images for their themes, and want to get your image alignment perfect, attached are PSD (Photoshop) files with a graphical (pixel) grid on a layer as well as actual Photoshop guides already laid out for you. At the moment I’m supplying portrait only.
(If you don’t use Photoshop and want these supplied as just a PNG or JPG please comment here and let me know).
Community
Since the launch of the Beta there are thousands of users building theme’s with Sweeter Home, and hundreds of themes have been shared to the Sweeter Home server.
A vocal and helpful community is developing too, so here’s some more places you can go to talk to others other Sweeter Home:
Here! sweeterskins.net!
- Subscribe to my RSS feed so you don’t miss out on news and fresh info
- Follow me on Twitter
- Check out the #SH2tips hashtag. Use it to add your own tips.
- Connect with other users, ask questions and share your themes in the Forum
- Read through the Documentation (work in progress). You can add docs through this topic.
There are several Android forums with great Sweeter Home topics right now. The most vibrant are:
There is one particular situation where Sweeter Home needs community feedback desperately. A small number of Droid users are reporting a boot hang after a crash where the screen appears stuck on the Red Eye. While there are a couple of quick fix workarounds, what we really need is is a logcat of the boot process. If you have experienced this (or are experiencing it right now) please READ THIS HELP PAGE. With your help we can fix this experience for all Sweeter Home Droid users.
More wallpapers
July 16, 2009 by Lemon · Leave a Comment
http://www.flickr.com/groups/androidandmewp/pool/
Join the group and add your wallpapers. Remember to credit the creator of the image when ever you can!
In the meantime…
While I still struggle to get some quality alone time with my laptop here’s some wallpapers for you kids.
This first lot are mine, all mine, meaning I took them and own the rights. They’re Creative Commons Attribution and Non-Commercial (which means use ‘em all you want but don’t make money off them and please link back to me!)…
 |
| Android CC Wallpapers |
This second bunch are the most of the rest I have on my phone. Most of these are plucked from g1wallz.com. Please head there and take a look, it’s a great site! The rest are possibly taken from Flickr or from art blog feeds into my RSS Reader. I don’t know who own the rights to a lot of these so please use them respectfully. If you’re the owner and want these removed don’t hesitate to contact me immediately.
 |
| Android wallpapers |
Navigation dots
May 5, 2009 by Lemon · Leave a Comment
Feel free to use these navigation images. They serve no interactive purpose (although might be good navigation launchers for possible springboard navigation functionality in future) but look pretty nice on each page of your theme. Simply size the images (remember to set to TILE) and set them on a layer above your wallpaper. Enjoy!
Asket Dock Pack
May 2, 2009 by Lemon · Leave a Comment
I made these docks for the theme I’m working on at the moment. If you want to make your own dock style images remember to check out my image templates for Sweeter Home.
These images are made to work with your images set to TILE. They should work without tweaking for vertical docks, but for horizontal docks you may need to drop the internal padding on the icons a little.
Exact full screen image
April 26, 2009 by Lemon · Leave a Comment
UPDATE: This post contains information about Sweeter Home Preview 1 which has now been superseded by Sweeter Home 2. Some information in this post may be outdated or inaccurate for use with Sweeter Home 2.
Updated PSD grid guides can be downloaded here.
If you’ve been playing with the tray functions and layout in Sweeter Home you may be ready to start designing images to use as parts of your themes. Images sit on layers above the wallpaper and move across the wallpaper as you scroll between screens, like other content in Sweeter Home. Using images with invisible icons (which I’ll show you how to do later this week) means your layouts are limited only by your imagination… and possibly access to a program like Photoshop.
To help you out as you play with images I’ve uploaded two files for you below – the exact visible screen size (not including the notification bar) overlaid with the Sweeter Home grid sizes which layout trays snap to. It’s important to note that home screens are broken into a 16×16 grid for both portrait and landscape views. Due to the notification bar the usable screen sizes are slightly different in each view, meaning the grid sizes are different too.
If you use these templates to create full size images for your theme, remember to set your image in Sweeter Home to the following: iMode: TILE; imageType: DEVICE (or internet as applicable).
Click the images for full size.
PORTRAIT
SCREEN: 320px(w) x 455px(h)
GRID: 20px(w) x 28.4375px(h)
LANDSCAPE
SCREEN: 480px(w) x 295px(h)
GRID: 30px(w) x 18.4375px(h)
Here’s an example of my Thrillho menu sitting on top of the grid template to show you how it works:
