mjhjmtu

How do I recreate this color overlay/design in photoshop? Colour overlay/wash and a triangle grid

it's the main image on our website http://www.advantawealth.co.uk/

Create a pattern using this module:

Over the main image, make a layer and fill it with the pattern

Invert the pattern layer

Change the blend mode to Screen and reduce the opacity

Make a Layer Mask using a gradient from black to white from left to right

Result

I'm just adding to Danielillo's already-excellent answer, and with one variant from his approach - but it's still basically the same thinking - that's why I stole his image so brazenly! What I'm doing differently is working from default stuff wherever possible, so you're not creating much new at all, and I'm leaving everything easily re-editable - working non-destructively.

Starting point

Create a new pattern fill layer - Layer>New Fill Layer>Pattern - pick the diagonal lines pattern which is first up in the chooser:

Create another new pattern fill layer - Layer>New Fill Layer>Pattern - but this time select the right-angled one in the pattern chooser

Here's what the diagonal lines pattern fill looks like:

Now, just so you can see where we're headed here, switch the transparency blending mode of both pattern fills to Multiply - you'll see this:

We're not actually going to keep it this way, but it should be giving you the idea we're headed for...

Now, turn off your actual image layer for now (using the eyeball symbol), then select the two pattern fill layers in the layers palette, and right-click, and pull down till you get to Merge Layers:

Then you select the resulting merged layer, and down at the bottom of the layers palette you click on the adjustment layer button (looks like a circle, half-white, half-black) and choose invert - you'll now see your triangulated grid in white on black like so:

Select the adjustment layer and the grids layer and again, right-click merge layers, and then I name the new one "Grid" so I know exactly what it is. Select that "Grid" layer, and change its opacity blend mode to lighten - you should see this:

With that Grid Layer selected, go up to the menubar and go to Layer>Layer Mask>Reveal All like so:

Left-click once into the resulting Layer mask you'll see in the layers palette, then choose your gradient tool:

Pull down on the gradient selector to get to a straight black and white gradient, and adjust it to your liking - this gradient is how we control that layer mask to fade its effect out towards the right-hand side:

Now turn on your image again, and select that layer, and click at the bottom of the layers palette on the "FX" button, and choose Gradient Overlay:

Make sure your gradient angle is either 90 or -90, and adjust to your liking:

And... Bob's yer uncle!

Hope this helps.