How can I use multiple overlay effects simultaneously in Photoshop?


There are 3 overlay effects available in Photoshop as layer styles: Color, Gradient and Pattern. The problem: these effects come in a strictly fixed order!

Is it possible to make a translucent Gradient Overlay over a Color Overlay using only layer styles? Or a Multiply Pattern and Color Overlays?


8/15/2013 1:43:00 AM

Accepted Answer

You can use them at the same time by using different Blend modes and opacity levels.

Good thing to remember is that they stack up in order kinda like if you had layers:

  • Color Overlay - ( Above Gradient Overlay. )
  • Gradient Overlay ( Above Pattern Overlay. )
  • Pattern Overlay ( Below both. )

..and no, you cant change the order. What you can do is use different blend modes and opacity levels as mentioned and you will pretty much be able to do the same thing no matter what order they would be in.

enter image description here enter image description here enter image description here enter image description here

Also, in the layers panel if you open up the Effects ( or FX ) and right click one of them and select Create Layers, you can then control the position of those former layer styles, difference being that you cant control them like you could from blending options because they are layers. You can however put Layer styles in them if you want to.

enter image description here enter image description here

10/22/2011 7:21:00 PM

Multiple layers, with layers masks as needed.


Another option would be Grouping the Layer, applying one Style to the Group, grouping that Group, applying the next Style to that Group, etc.


All three of those fx each have their own blending mode and opacity settings.

You can also change the opacity of a gradient as well when you define the colours.

Both the blending modes and opacity sliders are on the layer style window for each fx.