What's new

How to add modern gradient effect?


Fuzzman

New Member
Messages
1
Likes
0
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.
 

IamSam

Administrator
Staff member
Administrator
Messages
17,853
Likes
11,329
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:

Top