iPhone Free App: How to Scale, Crop, Align, & Design the Perfect iPhone Background Â« iOS softModder

There are definitely some great things about iOS 7 , but like any good piece of software, it's got some things to kink out â€"and how wallpapers work seems to be one of the biggest issues, since it's so much different than in previous iOS versions.

We've seen tons of questions popping up all over iOS softModder about various wallpaper problems, from not being able to see white fonts clearly, to photos automatically zooming in when trying to crop them as wallpapers, to notifications blurring out the wallpaper on the lock screen.

For the most part, there are easy fixes for all of these problems, and in this guide, I'm going to discuss them all. I'll also be including some general tips for making better custom wallpapers in iOS 7 on your iPhone, iPad, or iPod touch.

Why Wallpapers Auto Zoom When Cropping

You probably haven't noticed this issue if you're using one of the stock Apple wallpapers, but if you're trying to use your own photo as a wallpaper, it automatically zooms in when trying to crop it to perfection.

And it's even worse if you're trying to use a square image with no real buffer around the subject, like one from Instagram.

This is because of the parallax effect , which creates the illusion of a multilayered 3D system, with the background on a separate plane from text, app icons, clock, etc. When you tilt the device around, the gyroscope and accelerometer creates a change in the orientation of the different planes, therefore increasing your depth perception.

Because of this effect, your wallpapers need more cushion on the sides to allow them to move freely around as you tilt your device.

What Apple Devices Use the Parallax Effect

Parallax wallpapers are only available for iPhone 4S, iPhone 5, iPhone 5S, iPhone 5C, and some newer iPad and iPod touch models. It does not work on the iPhone 4 or lower.

How to Disable the Parallax Effect

If you'd rather have more control over your wallpapers, you can easily disable the parallax effect in your settings. Actually, it doesn't disable it entirely, but it's close enough to let you crop wallpapers how you want them.

If you want to disable parallax, simply head over to Settings -> General -> Accessibility -> Reduce Motion and turn it ON.

Like I said, this won't disable the parallax effect entirely, but it reduces it enough to make custom wallpapers more workable, and will stop the auto zooming when cropping.

What Will Happen if You Disable Reduce Motion?

If you cropped your custom wallpaper to perfection, then go back and disable the Reduce Motion setting, the parallax effect will come back and your wallpaper will be automatically zoomed in. If you enable it again, it should go back to normal.

How to Fix the Green Bars Around Your Wallpapers

If you have the parallax effect disabled and set a custom wallpaper, you may have noticed a green (or other colored) border around your wallpaper, or only on one edge.

I've tested this with a few images, but it doesn't happen all of the time. It mostly occurs when you pinch to zoom out all of the way when adjusting the wallpaper, and happens more often than not with square images.

You probably can't see the difference above, but let me zoom in for you.

See it? The green bar?

If this happens to you, just make sure to zoom in slightly when cropping and adjusting your wallpaper. You won't be able to see if it worked or not until you set it, since the gray bar at the bottom obstructs your view, but it's easy enough to readjust.

The Easiest Way to Make Your Own Parallax Wallpapers

If you actually like the parallax effect, you can easily make custom parallax wallpapers when you take photos by just making sure your subject is in the center and you have a big enough border around it.

The easiest thing to do is just take a photo with the new Camera using the Square feature. Make sure your subject is in the center of the grid and take the picture. It should work out quite nicely with parallax.

Obviously, you can use Instagram too, or just crop the photo into a square using your iPhone's editing feature if you want to use a regular pic.

Just make sure there is a decent border around your subject in the photo.

The Difficult Way to Make Parallax Wallpapers

Let's look at the following example without the parallax effect. It's pretty easy to get the toy figurine exactly where I want itâ€"right in-between the time/date and unlock sliderâ€"using the photo I have.

In order to get that figurine in the same exact place with the parallax effect on, I had to crop it into a square with equal space on each side of the figurine, just like if you were taking a square pic.

Unfortunately, I did not have enough real picture on the top of the image to do this right and make sure the figurine ended up in the center where I wanted it.

So I had to use the Clone Stamp tool to fill it in, and I'm not that good at it, so I decided to add a little Tilt Shift to blur out my crappy Photoshopping skills.

But the end result is pretty much where I want it, only it took way more time than just taking the photo as a square.

If you don't have Photoshop, GIMP, or another photo editing software, it's probably best to just stick with making sure you take photos as square with the subject tiny in the center.

How to Get Black Text on the Home Screen

Some users, like myself, hate the tiny white text that appears on the Home screen . It's not so bad on the lock screen, but it can pretty hard to read app and folder names on the Home screen.

Thankfully, you can make the text black by simply picking the right wallpaper. Apple included 40 stock wallpapers choices, but only 8 of them will let you change the text on the Home and lock screen to blackâ€"and none of them are dynamic wallpapers.

These are the only ones you can use for dark fonts.

The Colors Needed in Custom Wallpapers for Black Text

If you want to get black text on the Home or lock screen using your own custom wallpapers, it gets a little tricky, and it pretty much depends on what colors are dominant.

Going off of hex color codes, if you're using a white or grayish wallpaper, BBBBBB [1] through FFFFFF [2] will give you black text, while AAAAAA [3] and darker will give white.

As for more vibrant colors, just make sure the color is as light as possible to get black text to appear. I'd go through and test them all, but I'm afraid it would take me a long time, since there's at least 1,500 more colors [4] .

The Blurry Lock Screen Wallpaper Problem

So, when you first updated to iOS 7, you probably noticed the notifications work differently with your wallpaper on the lock screen. Whenever you receive a new alert, the lock screen wallpaper blurry. This is because of the translucent notification panel, which adds prominence to the new alert.

Additionally, your wallpaper will become blurred on the unlock screen, as well, not just for new notifications.

Technically, there is no way yet to get rid of the translucency effect on the lock screen so you can see the wallpaper in all its glory. At least, not yet.

Wednesday, September 25, 2013

How to Scale, Crop, Align, & Design the Perfect iPhone Background Â« iOS softModder

Links

No comments:

Post a Comment

Search This Blog

Categories

Archive