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

  • Blending tool in what??? Can't you simply sample the gradients in the link you provided?
    – Scott
    Commented Oct 21, 2013 at 16:45
  • Blending in Illustrator. Example: dribbble.com/shots/…
    – Charles
    Commented Oct 21, 2013 at 17:27
  • Found an anser: tutvid.com/ios7-interface-photoshop-cs6-tutorial
    – Charles
    Commented Oct 21, 2013 at 17:28
  • @Charles Maybe you could add the main instructions to an answer (it's ok to answer your own questions). Otherwise, this will remain as unanswered.
    – Yisela
    Commented Oct 21, 2013 at 23:10
  • So were you looking for an answer for Illustrator, Photoshop, or either?
    – Hanna
    Commented Oct 22, 2013 at 13:59

1 Answer 1


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

  • Thank you for the techniques and fine-tuning the area of interest.
    – Charles
    Commented Dec 24, 2013 at 16:15

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.