Creating Your Own Lockscreen Theme

What is the first thing you see, when you pick up your iPhone and wake it up? It’s the lock screen, right? Most people have their favourtie photo or a wallpaper they downloaded, on their lock screen, but what if you could really customize your lock screen, with whatever you want? Well, there is a way, and I’m going to do my best to walk you through it.

What’s required of you:

As with many of my tutorials, this requires you to have a iPhone or iPod Touch (any version) that is Jailbroken, with OpenSSH and Winterboard installed. You’ll need some minor graphics skills. I’ll be using Adobe Photoshop, but you just need any graphics software that will let you save as a PNG file. You will need some kind of FTP program, to move the theme to your device. Lastly, you will need a little creativity. Feel free to go as crazy as you want here, as long as you stick to the sizes and file names.

Creating the Images:

We’re going to start off real simple. We’re going to make a custom background for your lock screen, and a custom slider. Let’s start with the background.

Using Adobe Photoshop, go to File>New. We need to be specific about the parameters. We know our iPhone screen’s resolution is 320 x 480, at 72 dpi. Also, set the background to “Transparent”. It should look something like this:

screenshot_04Okay, this is the part where you gotta get those creative juices flowing. What do you like? Cars? Sports? Babes? Stamp collecting? Make it personal. You can either create something in Photoshop, or just find some cool images, via a Google Image Search, and import them to your background. I did a little of both. I stole the new iPhoneinCanada logo, from this site, and put it on a grey background, with a bit of a gradient:

screenshot_10Once you’re satisfied with your design, you need to save it. Let’s just put it on the desktop, for now. The file name needs to be exactly like this “LockBackground.png”.


Next, we’re going to create a custom slider, or “bottom bar knob”, as it is labeled in the iPhone. Again, in Photoshop, go File>New. This image will be rather tiny. The dimensions for the slider are 71 x 47, at 72 dpi. Should look something like this:

screenshot_011Again, this is the creative part. I would suggest keeping the slider simple, as it is a small image. You won’t see a bunch of detail in there, it would just turn muddy. For my theme, I decided to take an image of an iPhone, and put a Canadian flag, where the screen should be:

screenshot_13Okay, now let’s save it. Just on the desktop for now. The file name needs to be exactly this: “bottombarknobgray.png”.


Packaging the theme for Winterboard:

Let’s get your theme ready for Winterboard. On your desktop, create a new folder, and name it whatever you want your theme to be called. Drag and drop you “LockBackground.png” in there. Then within that folder, create another folder, and name it “Bundles”. Within the “Bundles” folder, create another folder and name it “”. Drag and drop your “bottombarknobgray.png” into the “” folder. The final result should look something like this:


Install your theme on your device:

We showed you how to use a FTP program and OPenSSH to install SMS tone on your device. This is exactly the same. Go here, to revisit that post. Once you’ve SSH’d into your defive, navigate to Library>Themes. Then transfer over the entire folder, that we created earlier.

Next open up Winterboard, and you should see you theme on the list. Select it, and exit Winterboard. Your device will respring, and when it comes back up, you should see your new lockscreen! Mine turned out like this:


There is so much more you can do to customize your iPhone. It does take a lot of work to create a complete theme, especially with all the app icons out there. What I’ve shown here, is merely the tip of the iceberg. You can customize the dock, the wallpaper, the status bar,….just about anything, including any of the sounds your iPhone makes. If you’d like to dig a little deeper into this, download some themes from Cydia, SSH into your phone, and copy the themes to your computer. You can then examine the the file structure and file names, and get a better idea how to customize further.

Good luck, and have fun!

Reblog this post [with Zemanta]