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 Oct 21 '13 at 16:45
  • Blending in Illustrator. Example: dribbble.com/shots/… – Charles Oct 21 '13 at 17:27
  • Found an anser: tutvid.com/ios7-interface-photoshop-cs6-tutorial – Charles Oct 21 '13 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 Oct 21 '13 at 23:10
  • So were you looking for an answer for Illustrator, Photoshop, or either? – Hanna Oct 22 '13 at 13:59

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 Dec 24 '13 at 16:15

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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