: How do I make a texture similar to the ones on Subtle Patterns, but with colour? I really like this texture: There's a million similar to it on Subtle Patterns, but they're all white, grey

@Nimeshi706

We can accomplish a lot with just blending modes.

Just open up the pattern in question in Photoshop.

Now create a new Color fill Layer or simply create a new layer and fill it with the color you want.

The Color blending mode works great when you're using colors. Note that dragging the color more towards a tint, tone, or shade (White, gray, black respectively) the underlying pattern will become more apparent (as there is less color for the Color blending mode to work with)

Overlay is also a good blending mode to play around with as it will simply overlay the color on top. However, Overlay will only add to whatever is underneath, it will not replace it. So for instance if you have a gray pattern, and you overlay white, you will end up with a lighter gray, but not the full white.

There may be other blending modes that work for you too, so make sure to explore them all.

One other method to try out is using a Hue/Saturation Layer (or selecting the layer and directly using Hue/Saturation on it Image -> Adjustments -> Hue/Saturation

Also, if you're dealing with a very simple texture that maybe uses just some solid colors (no gradients or crazy texture), then Image -> Adjustments -> Replace Color to swap out one color for another can work great.

Vote Up Vote Down

@BetL875

If you're working in photoshop, your best route IMO is to make a solid color (black) pattern.


When you want to apply it to something, take the layer you're appling it to, and duplicate it.
Add the striped pattern to the top layer, the one you duplicated.
Now take that layer with the pattern on it, and reduce the fill to 0%. Now you should have a patterned layer in the shape of the layer you want to add the pattern to, sitting directly over the original layer.
Create a new blank layer, and merge it with the layer with the pattern on it. Not you have a flat layer of the pattern, in the shape you want.
Now you can add color overlays, gradients, more patterns even? to the pattern layer, and just generally have more control over the pattern.


This approach is why you normally find things like geometric patterns coming in either white or black, rather than a wide range of colors. Once you have it saved to your patterns library, you have all sorts of control over it.

Vote Up Vote Down

@Radia289

The patterns is really simple, so it might be better to re-construct it yourself in order to be able to apply colors to your heart's contempt.

To create the pattern, start with a line (or very long rectangle), rotate it 45 degrees and duplicate it until you cover the artboard.



Once you are happy with the result, crop it so it remains seamless when turned into a pattern. This usually means trying to use the less possible space, so you will depending on the line width, end up with one or more diagonal lines. Join the shapes, and apply any color you want. When done, go to Edit > Define Pattern:

If you want to use thin lines, your pattern will en up looking something like this:



You can find more detailed instructions here. There's also this online stripe generator that makes the process quite easy and outputs in different formats.

Vote Up Vote Down

@Nimeshi706

Make a blue layer (or whatever color you want)
Apply a Pattern Overlay layer style to it
Change the blend mode of the Pattern overlay to interact with the color of the layer (Multiply, Screen, Color Dodge, etc.)

Vote Up Vote Down