Published on November 12th, 2013 | by Adrien | Supercolor
Enjoy this Post! Please Help spread the word and Share it!
In this Photoshop Tutorial, learn how to create a iOS 7 Style Blur Background from a photo or image using a few basic steps to upgrade and add a nice blurry feel on all your devices backgrounds.
iOS7 offers a new flat design with some cool Blur backgrounds, you can use those basic techniques in Photoshop to create this style of blurry background for your next creation.
Download
Resource Needed for this Tutorial:
- Color festival by Adam Filipowicz on Shutterstock
Step 1 Smart Object and Gaussian Blur
Open up Photoshop and open the image or photo youd like to use to create this iOS 7 style blur effect. The one I am using is from Adam Filipowicz titled Color festival. Courtesy of Shutterstock.
Right click on the image layer in the Layers Panel and select Convert to Smart Object or go to Layer Smart Objects Convert to Smart Object.
Lets now apply a Gaussian Filter on this smart object, go to Filter Blur Gaussian Blur, I added a 300px Radius Gaussian Blur. You will be able to change the blur value anytime you want because we added it on a smart object. You can learn more about smart objects and filters here : Quick Tip Use Smart Objects with Non Destructive Filters in Photoshop
Step 2 White Layer
Create a new layer, Fill it with white, Edit Fill White then change its Blending Mode to Soft Light and Fill to 25%. When thats done right click on the white layer and select Create Clipping Mask.
Step 3 Vibrance
Lets make those colors pop out, Add a Vibrance Adjustment Layer, go to Layer New Adjustment Layer Vibrance and add a +25 Vibrance.
Step 4 Noise
Create a new layer, Fill it with Black, Edit Fill Black. Next add some noise on this black layer, Filter Noise Add Noise (make sure youre foreground and background colors are set to black and white) and add an Amount of 25 with Gaussian for the distribution.
Change the Fill of this noise layer to 10% and Blending Mode to Screen.
Thats it for this Tutorial, now you know how to create a cool iOS 7 Style Blur background from a photo for all your desktops and mobile devices. Feel free to download the Source Files or leave a comment if you need help.
Download
Enjoyed this Post? Please Help spread the word and Share it!
Travelling is my life
ConversionConversion EmoticonEmoticon