21
Apr
iPhone GUI Photoshop template for test riding your designer backgrounds
Posted by Benjamin Reid in Design, Downloads
21
People have been customising just about every type of background they can get their designers mitts on for as long as I can remember, from your bog standard PC down to your favourite handheld device. One of my favourites to jazz up is the iPhones background, because it brings great personality to the front of your phone.
It’s all well and good creating a beautiful looking design and popping it on the phone to only find out that it’s being covered up by the clock or the “slide to unlock” bar. So I’ve conjured up two pixel perfect templates for you to download so you can see if an important part of your design is being hidden by the GUI.
All the layers in both PSD’s are marked up so you know exactly what each layer is for.
1. Just the screen
This is scaled to 100% of the download but this is a much lower quality version as it’s saved for the web, the version you’ll be getting is nice ‘n’ shiny!
This template will restrict your view to just the iPhones screen, it’s even a good place to start when you just want to grab the size of the iPhones background to doodle on as I often forget it. You can even move the highlight on the “slide to unlock” bar if you un-link the “Highlight” layer in the “Footer” folder.
2. The whole shebang
With this template you’ll be able to get a real clear view of what the background will look like with the piano black top and bottom panel. You might even be able to cheekily squeeze this down into an icon.
I hope you find these templates of some use, if you do, just leave a comment below - it’ll let me know my work wasn’t done in vein. Also, pass the link on to all you iPhone possessing friends as they might find it useful too.
Author: Benjamin Reid
My name is Benjamin Reid, I live in the UK and keep the magic locked into this site.
This entry was posted on Tuesday, April 21st, 2009 at 5:22 pm and is filed under Design, Downloads & tagged with Download, Free, iPhone, Photoshop, Template. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
Related post(s)
6 Responses | Make a comment
- An Introduction to the HTML5 Gamepad API is now on Activetuts+
- What I’d like see included in Coda, by Panic
- Free Photoshop layer style to get this sweet Twitter button
- Quick Tip #10 - How to get HTML5’s placeholder working across all browsers
- How to easily display a Facebook page’s feed on your website
- New additions to the ‘Social Media Bookmark +’ icon pack - inc’ Gowalla, Dribbble & Forrst
- A bit of water colour, a barrel full of talent from Emma Webs’ & you get the novel Alluro
Nick wrote on May 4, 2009
Rather annoyingly I spent ages searching the web for one of these and then like a week later you uploaded this! Ah well, lol! It’s extremely useful though. It allows you to create sleek, pixel perfect iPhone Backgrounds.
Bookmarks wrote on September 7, 2011
Lesezeichen speichern…
[...]iPhone GUI Photoshop template for test riding your designer backgrounds | Nouveller[...]…
cheap football footweat wrote on October 28, 2011
I’ll try to definitely up-date that site asap. I have much more accurate tips concerning this problem! With very best respect!
mangababe wrote on December 13, 2011
This is exactly what I needed. Thank you!
If you need ecommerce design services look here. wrote on December 24, 2011
If you need ecommerce design services look here….
[...]iPhone GUI Photoshop template for test riding your designer backgrounds | Nouveller[...]…
wpcontent.net wrote on January 30, 2012
Choosing the Right Background for Your Website…
Each element of the web site design should reflect the purpose of the site and their ideas. This is a rule to follow when choosing your bottom of the page, if you are a free web page template or a custom site. You must have a background of both functio…