0

https://okbinteractive.studio/

Above is a website, where I'm trying to use the same text/background fill format.

As you can see, they've got a background with its opacity down low, but the text on top is filled with the background at its normal opacity.

I can't work out how to do this in Photoshop

1

Open an image you want to use as the background image, something colourful.

  1. Type some text on top

  2. In the layers panel select and duplicate the background layer Ctrl / Cmd+J, then click and drag it to the top of the layers.

  3. Clip the top layer to the text layer by Alt / Option+clicking on the line between both layer thumbnails. The Duplicate layer thumbnail will show with a downward pointing arrow indicating it is clipped to the text layer below.

  4. Add a new layer above the background layer and fill it white, reduce the layer opacity in the layers panel until you get the amount of fading you want.

Example

enter image description here

3
  • Brilliant!! Thank you very much
    – user152279
    Apr 23 '20 at 14:36
  • Can the same be done for videos??? On the website i linked in my first post, they have a video which plays in the fill of two letters.... Is this achievable in photoshop/other abode apps??? Kind regards
    – user152279
    Apr 23 '20 at 16:18
  • Probably possible in Adobe After Effects. I don't know how to use it, sorry. There's a Video Production Stack Exchange for video editing quesitons. Don't post video editing questions here on GDSE because they're off-topic.
    – Billy Kerr
    Apr 23 '20 at 18:10

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.