How to create gradient stripes in Photoshop CC 2018

[keitha70260201]

I'm not sure if i'm using the correct terminolgy so I"ve been unsuccessful in searching on how to do this.

below is an image I clipped from google and I would like to know how I can achieve the same effect.

as you can see from the above, the text has stipes layered on top of this. Is this a gradient? Or some other type of layer?

Is there transparency with these stripes?

Does anyone know how to create this effect? 

Thanks

Keith

[Semaphoric · Accepted solution]

You would use this sort of Gradient:

If you look closely, you can see that the stops for 100% and 0% opacity are right next to each other, separated by only 1% of position. In this screen shot, 100% opacity is at a 9% location. There is a 0% opacity stop next to it , at a 10% location. I think Photoshop comes with this gradient as a preset; I know it used to (I've had this preset as long as I can remember).

You can make this sort of gradient with or without transparency. I find the easiest way to construct them is to have all the stops spread out, and then position them by entering the location with the keyboard. In this example, you can see a slight transition at the edges of the stops. You can get sharp edges by placing the stops at the same location, but it can be a little challenging to get the proper stop "On Top", so to speak. I don't know if that sentence makes much sense, but if you try it, you'll see what I mean.

Once you have the gradient, you can just include it in a Layer Style —

I think the waviness here is due to the gradient being scaled down in the Style, so it may be better to work large, and then scale the result down.

[keitha70260201]

Is there any video Tutorials anywhere?

It's hard for me to picture what you mean. I'm more of a visual learner

Thanks

[Semaphoric]

I'm not much on videos myself. Try searching for Photoshop gradient editor.

[Chuck Uebele]

Not a gradient. just a layer, most likely a shape layer that is clipped to one text layer and then adjusted with another duplicate text layer with layer styles added.

bottom text layer is has just the fill color. the next layer is the shape layer of the orange strips, which is clipped to the first text layer. The next text layer is a duplication of the first, but the fill opacity is set to 0, so just the layer style shows. A black outter glow and black drop shadow was used for the outline, then an inner glow was used that is the same color as the first layer's fill.

Edit: well, I guess you can use a gradient.

[keitha70260201]

Thanks. I was able to figure it out and create a 'transparent stripes' gradient