How to make text background over image like below

Forum|Forum|4 years ago
April 2, 2021
4 replies
995 views

Hi guys,

I am completely new to photoshop and I want to create a transclucent text background to put over an image on a webiste I'm making. I want to create something like the blue grainy/translucent text background like in the image below. I don't want a rectangular block. Please let me know how I can make a background like the one in the image. I'm also open to any other ideas you may have.

Thanks,

AG

How to

This topic has been closed for replies.

c.pfaffenbichler

Community Expert

An image clipping masked to a Gradient Layer and colorized with a Solid Color Layer might be an option.

Bojan Živković11378569

Community Expert

If I can understand you request then use Opacity to klower opacity of layer and Color Overlay from Layer Style with blend mode set to Normal. For "grainy" look you can use Pattern Overlay or some filter.

Jumpenjax

Community Expert

If you are talking about placing a screen of color to one side of you photo as in you sample, the blue.
maybe this tutorial will help:

https://www.youtube.com/watch?v=dlyMym997cA

After you create the screen you can, then take your type tool and place it in the area you want type to set font and size and color.

Lee- Graphic Designer, Print Specialist, Photographer

jane-e

Community Expert

Hi @Adex5E6D

I don't see anything translucent about the text in your image. It appears to be white and I can't see any part of the photo through it. To answer your question, though, if you want your text to be semi-transparent, lower the opacity setting in the Layers panel for your Type layer.

~ Jane

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded