Easily Create a Template for Your iOS Wallpaper and Lock Screen Background [Quick Tips]

iOS Custom Wallpaper and Lock Screen Tips

Adding graphics to your iPhone is not as easy as you might assume, especially custom graphics you create on a desktop computer.

In this article we look at the ways to make perfect background graphics that match the lock screen and icons on an iPhone or iPad.

Create Templates for Your Wallpaper

Before you can begin creating your own custom graphics for your iPhone, you need to make templates for the lock screen and home screen. This is simplicity itself, but a little setup is required.

Get yourself a solid dark wallpaper like this one from http://www.solidbackgrounds.com. Choose a useful resolution and aspect ratio like 640 x 1136.

Open the Settings app.

ios-graphics-settings-wallpapers

Set both your lock screen and home screen to the plain wallpaper you downloaded.

Now you have to screenshot your lock screen and home screen. Turn your phone off and on again to get the Lock Screen. Hold the Home Button down and press the Off button. You will hear a camera click noise, and the screen will flash. The screen will now be grabbed and stored in your Photos.

ios-graphics-lock-template

Do the same for your Home Screen.

ios-graphics-home-template

Now you have templates for your screens. Send these files to your computer via email or use iPhoto or similar to get the photos to your computer. You can also use third party file transfer apps like iExplorer to just drag and drop them out of the phone onto the computer.

Making the Screens

Why do you need templates? Well there are certain areas of the screen which are not good for graphic detail, like the place on the lock screen where the time is displayed or the place where the slider is to slide open the phone. You need to draw around these or even make a feature of them.

The deal with having a template means you can resize and shape the backgrounds to accommodate the fixed features of the iPhone screens. For example you can make sure that bricks

ios-graphics-lock-bricks

or wood planks

ios-graphics-lock-wooden

correctly hit the image right to accommodate the overlaid numbers, title bar and slider on the lockscreen.

The same goes for the home screen. If you know the location of the screen elements you can make a set of shelves in a 3D program (like Blender 3D) like these gorgeous ones from Deviantart.

ios-graphics-deviantart-shelf

But of course, if you know where the icons will be, you can add drop shadows or glows around them on the background wallpaper.

ios-graphics-home-MTE-glow

Obviously, the glow won’t slide with the icons, but when “at rest” the home screens look much cooler and individual.

ios-graphics-MTE-glow-installed

The best way to get your new screens into your phone is to drop them into Dropbox or some other kind of Web-based file transfer site and then navigate to the site on your phone and save the picture.

ios-graphics-save-dropbox

After that, all you need to do is go into your wallpaper settings and add the new graphics.

Conclusion

Making your own iPhone lock screens and home screens is easy, but making templates first makes it oh so much easier and enables you to tailor your result to the shape of the screen.

Brick Texture by Grzesiek on Flickr, Wood Texture by FoxStox on Deviantart, iPhone 4 shelves by vishalpandya1991 on Deviantart

Subscribe to our newsletter!

Our latest tutorials delivered straight to your inbox