iOS 7 Parallax Wallpaper PSD Template here

Discussion in 'iOS 7' started by davehutch, Sep 29, 2013.

  1. davehutch, Sep 29, 2013
    Last edited: Sep 30, 2013

    davehutch macrumors 6502a

    davehutch

    Joined:
    Mar 5, 2009
    Location:
    Croxley, Herts
    #1
    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
     

    Attached Files:

  2. Thierry ba macrumors 6502a

    Joined:
    Apr 10, 2012
    Location:
    Sarajevo, Bosnia
  3. davehutch thread starter macrumors 6502a

    davehutch

    Joined:
    Mar 5, 2009
    Location:
    Croxley, Herts
    #3
    I have a 5 and did this for myself mostly, but I thought I'd share it with other 5 users.
    Sorry
     
  4. hyhybt macrumors member

    Joined:
    Sep 23, 2013
  5. Supernerd macrumors member

    Joined:
    Jun 19, 2012
    Location:
    Yo momma's house
    #5
    Can you make one for iPad, pretty please? And is this compatible in Gimp?
     
  6. davehutch, Sep 30, 2013
    Last edited: Sep 30, 2013

    davehutch thread starter macrumors 6502a

    davehutch

    Joined:
    Mar 5, 2009
    Location:
    Croxley, Herts
    #7
    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
     
  7. Supernerd macrumors member

    Joined:
    Jun 19, 2012
    Location:
    Yo momma's house
    #8
    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.
     
  8. lukejc1 macrumors 6502

    Joined:
    Feb 6, 2013
    Location:
    Wisconsin
  9. Paddle1 macrumors 68030

    Joined:
    May 1, 2013
    #10
    That isn't fair you will do it for iPad but not iPhone 4S. :p
     
  10. davehutch thread starter macrumors 6502a

    davehutch

    Joined:
    Mar 5, 2009
    Location:
    Croxley, Herts
    #11
    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.

    ----------

    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
     
  11. davehutch, Sep 30, 2013
    Last edited: Sep 30, 2013

    davehutch thread starter macrumors 6502a

    davehutch

    Joined:
    Mar 5, 2009
    Location:
    Croxley, Herts
    #12
    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
     

    Attached Files:

  12. hyhybt macrumors member

    Joined:
    Sep 23, 2013
    #13
    This is probably a stupid question, but why would an iPad's wallpaper be square?
     
  13. davehutch thread starter macrumors 6502a

    davehutch

    Joined:
    Mar 5, 2009
    Location:
    Croxley, Herts
    #14
    You can rotate the home screen on an iPad but not on an iPhone, so the wallpaper has to work in both directions
     
  14. hyhybt macrumors member

    Joined:
    Sep 23, 2013
    #15
    Thanks; I *did* know that, but didn't put it together.
     
  15. redscull macrumors 6502a

    redscull

    Joined:
    Jul 1, 2010
    Location:
    Texas
    #16
    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.
     
  16. pojo1806 macrumors 68000

    Joined:
    Feb 6, 2013
    Location:
    United Kingdom
  17. darngooddesign macrumors G3

    Joined:
    Jul 4, 2007
    Location:
    Atlanta, GA
    #18
    The 4S doesn't have Parallax so it's bit necessary.
     
  18. Thierry ba macrumors 6502a

    Joined:
    Apr 10, 2012
    Location:
    Sarajevo, Bosnia
  19. MinEderPlayz macrumors 6502a

    MinEderPlayz

    Joined:
    Aug 3, 2013
    Location:
    Hamburg, Germany
    #20
    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 :)
     
  20. cmichaelb macrumors 68020

    cmichaelb

    Joined:
    Aug 6, 2008
    Location:
    Kansas
    #21
    Awesome, thank you! :D

    ----------

    Yes, it does use parrallax, quite well too.
     
  21. Paddle1 macrumors 68030

    Joined:
    May 1, 2013
    #22
    All iOS 7 devices have parallax.
     
  22. Tiptizzle macrumors 6502

    Joined:
    Apr 22, 2011
    #23
    My iPhone 4 doesn't.
     
  23. darngooddesign macrumors G3

    Joined:
    Jul 4, 2007
    Location:
    Atlanta, GA
    #24
    Sorry guys, it's the 4 I was thinking of.
     
  24. woodynorman macrumors 6502

    Joined:
    Nov 26, 2011
    #25
    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
     

Share This Page