Advertisement


How do I create iOS7 gradients?


Question

I'm searching for some techniques that offer similarities to the new Apple blurred gradient backgrounds. One of my clients is requesting a similar look to the new iOS, while I have some blurry photo graphic backgrounds they failed to capture the subtleties of the new OS.

The blending tool can create some very stylized gradients, however my lack of talent/expertise makes the majority of my attempts look messy. Any links fellow creators?

iOS 7 Color Stack

2013/12/20
1
1
12/20/2013 4:38:00 PM

Accepted Answer

While the tutorial you posted in your comment has instructions for an entire iOS 7 interface, here are the steps for the gradient as asked in your question:

Gradients For Icons (Step 22)

-- Ahh the beauty of brightly colored, sharply graduated icons! We’re going to stay true to what we’re seeing with the iOS7 beta and place those colorful gradients on the icons. Select the first icon in the Layers panel and go Layer > Layer Style > Gradient Overlay. Check out my screenshots to see what gradients I am using for the four icons.

enter image description here enter image description here enter image description here

See the full tutorial

2013/12/20
2
12/20/2013 4:53:00 PM