Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

iOS 7 Parallax Wallpaper PSD Template here

davehutch

davehutch

macrumors 6502a
Original poster
Mar 5, 2009
732
33
Croxley, Herts
I made this today, based on some informtion I found here that says that the new wallpaper format is 744x1392 pixels.
This is based on the built-in wallpaper supplied by Apple, so I have to assume it's correct.
I've made a template, including the additional surround area and also the phone overlay.
All of that should allow you to drop an image of your choice into place and re-size/adjust so it appears correctly in iOS7 on an iPhone 5/5c/5s
It's a Photoshop template. (Preview shown) and I've put it here
 

Attachments

  • Parallax Template.jpg
    Parallax Template.jpg
    151.3 KB · Views: 6,505
Last edited:
Supernerd said:
Can you make one for iPad, pretty please? And is this compatible in Gimp?
Click to expand...

Do you know what the exact dimensions are for the Apple wallpapers on the iPad? (Check my first link to see details...it needs to be the exact dimensions of the built-in Apple Wallpapers and it won't be 2048x2048!)
I can't find it on Google anywhere
Once you know that, you just create a mask around your 2048x2048 area and then work within those dimensions.

Don't know about Gimp I'm afraid
 
Last edited:
davehutch said:
Do you know what the exact dimensions are for the Apple wallpapers on the iPad? (Check my first link to see details...it needs to be the exact dimensions of the built-in Apple Wallpapers and it won't be 2048x2048!)
I can't find it on Google anywhere
Once you know that, you just create a mask around your 2048x2048 area and then work within those dimensions.

Don't know about Gimp I'm afraid
Click to expand...

The only reason I'm asking about Gimp is because I don't have photoshop, and it don't have money to buy photoshop. I'm sure that I can dot he same thing, though.

I did some research and the parallax resolution for iPad wallpaper is 2448x2448, but I like to plug 1080p desktop wallpapers in as iPad wallpapers. I see what you're saying about starting with the base resolution and working up. I think I'll try that. I'm just really OCD about having the perfect framing on my wallpapers.
 
Paddle1 said:
That isn't fair you will do it for iPad but not iPhone 4S. :p
Click to expand...

Well, strictly speaking I didn't say I'd do it for the iPad, but it's most definitely in the way you ask ;)
It took about an hour, but what I don't have time to do is research the actual wallpaper size. There are a few websites out there that have made guesses but the difference is, for the iPhone 5 the dimensions were taken from the actual wallpaper file in ROM.

----------
Supernerd said:
I did some research and the parallax resolution for iPad wallpaper is 2448x2448, .
Click to expand...

If you got your info from here I'm not sure I would completely trust it, because the iPhone 5 wallpaper is wrong.
They are basically saying that you add 200px to each side, no matter how large the wallpaper is to start with.
My suspicion is that it would be a proportional increase, so if the width on an iPhone 5 increases by 15%, your looking at something more like 2366x2366, but again, that's just a guess on my part.
The foolproof way of finding out is to extract a wallpaper from ROM
 
nik123 said:
Seems like centering a 640x1136 wallpaper into a 744x1392 :apple:
Click to expand...

The wallpaper is 744x1392. The white area you can see in the JPG is an additional layer on top of the image to help with alignment.
I've reduced the opacity of the mask area so you can see what I mean.
When you save the image, you switch off the information overlay and the white mask.
Here's a better example of "with overlays" and "without".

"With" assists with alignment and "without" is the wallpaper you save
 

Attachments

  • Parallax with overlays.jpg
    Parallax with overlays.jpg
    102.7 KB · Views: 546
  • Parallax without overlays.jpg
    Parallax without overlays.jpg
    76.5 KB · Views: 521
Last edited:
This is probably a stupid question, but why would an iPad's wallpaper be square?
 
Thanks for this. I had previously seen that info on 1040x1536, but I was suspicious when, while setting my wallpaper, I could still move the positioning. The "perfect" resolution should "snap" exactly when setting an image as a wallpaper, and 744x1392 does just that. I can still slide the image side to side, but it bounces back to the exact same spot when I let go from either side.

Interestingly, the phone actually parallaxes while setting the wallpaper, which I guess is meant to give you a preview of the effect, but I was worried that I'd have to make sure I was holding it perfectly when I pushed the set button. After some testing, this is not the case. If you have the right resolution, it will set exactly right no matter how you have it parallaxed when you set it.
 
Is anyone interested in a psd file with the home screen on it? I have some ideas how to emulate the iOS 7 dock using alpha gradients and adjustment layers. Would do it if there is demand :)
 
davehutch said:
I made this today, based on some informtion I found here that says that the new wallpaper format is 744x1392 pixels.
This is based on the built-in wallpaper supplied by Apple, so I have to assume it's correct.
I've made a template, including the additional surround area and also the phone overlay.
All of that should allow you to drop an image of your choice into place and re-size/adjust so it appears correctly in iOS7 on an iPhone 5/5c/5s
It's a Photoshop template. (Preview shown) and I've put it here
Click to expand...

Awesome, thank you! :D

----------
darngooddesign said:
The 4S doesn't have Parallax so it's bit necessary.
Click to expand...

Yes, it does use parrallax, quite well too.
 
I'm computer challenged. Can someone explain how that template works? I tried dragging a photo into it but that didnt really do anything.

Thanks
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back