I made a quick Photoshop action to reproduce the blur effect on the iOS7 control center. (cc @Geoff )
Go here, download the .png and the action - then run it.
Right now, the action only works when running from a freshly opened flat file. Download it, mess with it, inspect it, and let me know if you have any ideas on making it work, regardless of layer names.
UPDATE: Many people can't get the action to work due to language conflicts. Here is the final PSD the action produces. http://mds.io/PrzR
6 months ago
Nice, good call! Seems as if like they're using two different blurs throughout the OS. This white-ish blur for the control center and a dark-ish blur for the notification center.
It would be nice if Adobe wouldn't make the actions language dependent…
@Matt D. Smith Thanks! Goes straight to Photoshoplr!
Nice @Matt D. Smith but doesn't work with foreign languages in Photoshop, not your fault.
Damn you Adobe!
This is actually not an easy to recreate effect this elements are dynamic so depending on what goes behind them they change behaviors when pictures are behind they up the saturation and adjust the levels to make it pop and for text they increase the opacity on the transparent element so that text does not interfere with the Chrome. Advanced stuffs.
download not working?
@Robert Wojciechowski Oops! All fixed. Try again.
@Matt D. Smith All good now. Cheers!
the action is not compatible, where'd i wrong? :S
Thanks a lot!
@Anatasof Wirapraja It's likely that it isn't working due to a language issue with Photoshop. New layers created take on the name "Layer 1" etc. and wouldn't work with another language. I'll upload the PSD for those who can't see the action working.
5 months ago
@Matt D. Smith Thanks man! it works like a charm!
Oh man, thanks!
AW YISS, thx!
Is this right? It seems incorrect to me, but if you wanted to do this manually its just a gaussian blur with a radius of 50 pixels and a colour overlay of #3c6271 and 30% opacity...
What about the lighter version?
@Derek It's probably not right. I did this as a quickie. Haven't done a lighter version.
Learnt something new in Photoshop, thanks a lot! :)
4 months ago
@Taylor Good to hear!
@Dan Lebowitz the two blur types you mentioned are simply overlays of white and black respectively with an opacity set to it. Similar in fact to the teehlan ios7 psd
@Levi Freeman They're slightly different than just white or black. They have a tint to them. This was also created before the Teehan Lax iOS 7 PSD was available. → http://mds.io/Qo6A
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter