Mobomo webinars-now on demand! | learn more.

Looking for a robust Photoshop template to create & preview Android wallpapers? The search is over! Intridea is happy to provide a pixel-perfect PSD GUI that allows you to preview Android wallpaper images exactly as they'll appear on your device. This wallpaper template is based on the HTC Vision (a.k.a. G2) running stock Android 2.2 (Froyo). The template is setup to preview wallpapers of 960x800 in size.

Here is what makes this Android Wallpaper Template awesome.

Preview wallpaper on different homescreen positions

A central feature of this template is the ability to preview your Android wallpaper as it shifts from left-to-right to imitate your different home screens. Using only a single wallpaper layer, you can turn on/off individual phone layers overlaid in different positions across your wallpaper.

Toggle the appearance of your app icons

Rows of actual Android icons can be toggled on/off in your Photoshop layers panel, helping you visualize exactly how your wallpaper image will look behind your collection of awesome apps.

Complete & Editable G2 PSD GUI

Furthermore, this Android GUI is offered in hand-crafted, pixel-perfect Photoshop format, complete with all layer groups intact and editable. Feel free to use this template as a jumping off point in your future Android user-interface design projects.

Thanks are due to ~wwalczyszyn for his PSD collection of Android icons, ~bharathp666 for his PSD collection of Android widgets, and =zandog for the educational reference his G2 PSD GUI provided. All phone hardware layers in the PSD were created entirely by me, but may be reused freely.

Categories
Author

The iPad has arrived, so let the design fun commence! Featured here is an iPad wallpaper template in Photoshop (PSD) format (download), allowing you to easily create & test your new background creations with minimal layer nightmares.

The PSD is setup to let you view a single wallpaper layer (or layer group) in several common scenarios:

As you can see, you'll need to take into account how the app icons, bottom dock, and lock screen UI will interplay with your wallpaper – while also throwing the orientation variable into the mix (horizontal or vertical). Before we dive in, here is a crash course on how iPad wallpapers work. Quite simply:

The coolest thing about this PSD template is that you can view a single wallpaper layer in four different iPad viewing scenarios – all with absolute minimum in layer visibility headaches. How it works:

First, open the attached Photoshop template and paste/insert your 1024x1024 wallpaper image into the "Wallpapers" layer folder. Ensure your image is perfectly aligned within the template guides. Note: you'll want to hide the "iPad" layer group so it doesn't get in the way.

Once your image is in place, make the "iPad" layer group visible again. Enable visibility in either the horizontal or vertical layer sub-group, and then make visible either the lock screen or home screen layer -- all of the above to suit your desire.

Voila! An iPad of your desired viewing scenario will be overlayed on top of your wallpaper. Next, you can simply hide/show layers within the "iPad" group to see how your wallpaper looks in different situations. You'll never need to move your wallpaper layer.

With any hope, this template will be of great service to you. Download the PSD here.

Finally, I must give acknowledgements to teehan+lax for their excellent iPad GUI PSD, which was a helpful resource. DigitalCitizen.ca also has a helpful article I used to learn up on the subject. Check out both of these sites if you want to read more. Otherwise, go forth and design!

Categories
Author

TwitterAuth has been out for a little while and has received some great feedback. Dr. Nic released a great template that lets you quickly build a TwitterAuth app for deployment to SliceHost and since I have some plans for a number of Twitter applications I wanted to try my own hand at writing one up.

If you have Rails 2.3, all you need to do is run this:

rails -m http://github.com/mbleigh/rails-templates/raw/master/twitterapp.rb yourappname

Changing yourappname to the directory in which you want to generate your application. The template will then prompt you for three things:

  • What is your application called? Just give it a title for the pretty template generators.
  • OAuth Consumer Key: The consumer key that you register at http://twitter.com/oauth_clients
  • OAuth Consumer Secret

It will also ask you if you want to install missing gems and go ahead and generate your databases and run migrations. Once you’ve responded through the prompts though, you’re good to go! Just switch to your application’s directory and script/server. Your http://localhost:3000 should look like this:

When you click on Login via Twitter you will be taken to the Twitter OAuth approval page.

Twitter will then send you back to your application, and guess what? You’re logged in!

You can now build on top of this without having to worry about the basic authentication stack. If you aren’t familiar with TwitterAuth, it works a lot like RESTful Authentication, so it should be easy to pick up.

Enjoy, and I hope you find it useful!

Categories
Author
1
Subscribe to Template