What's new
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

How to add modern gradient effect?


New Member
Hey, I'm a pretty inexperienced photoshop user using cc14 and I'm designing the graphics for a new website I'm working on and I was trying to get the kind of gradient(?) effect shown in this website
http://www.turnermorris.com/ if anyone could help that would be fantastic. Thanks in advance.


Staff member
This is not exact but it's a close approximation.

Open a document and add the BG color.
Screen Shot 2015-09-04 at 9.12.44 PM.png

On a new layer, use the Brush Tool with a large soft brush set to white, make some shapes.
Screen Shot 2015-09-04 at 9.13.05 PM.png

Add a Gaussian Blur to the brushed shapes.
Screen Shot 2015-09-04 at 9.13.24 PM.png

Then set the blend mode to 'overlay'.
Screen Shot 2015-09-04 at 9.13.41 PM.png

On a new layer and still using the Brush Tool, select a Bokeh brush.
Create some Bokeh shapes over the other brushed shapes using white.
Screen Shot 2015-09-04 at 9.14.42 PM.png

Set the blend mode to 'overlay'.
Screen Shot 2015-09-04 at 9.15.06 PM.png

Add a Gaussian Blur, and set the opacity to 30%.
Screen Shot 2015-09-04 at 9.15.21 PM.png

That's about it. Definitely experiment with settings while creating.

Here's a Bokeh brush in case you don't have one.

View attachment BokehBrush01.abr

Good luck.
Last edited: