A technique I really like the look of is using an image instead of a colour to fill text. In today’s tutorial, I’ll show you how to go about creating this look in a non-destructive way.
This is what we’re going to be creating:
Step 1: The Background
As with our last Photoshop Tutorial, we need to start with a background image. This is a 1920 x 1080px slide.
Drag your desired image onto the slide and reposition as necessary. Simple! It doesn’t have to be this photo – almost any photo will work:
Step 2: The Rectangle
Make a rectangle (any colour) that covers half the screen (or however much you want to cover).
Move the shape in the layers panel below the background you just made. Move your mouse to the line between the image and the shape in the layers panel, and option (alt) + click.
The background should then be constrained to the area of the rectangle.
It should look similar to this:
Step 3: Duplicate the Image
Duplicate the image, and move it to the bottom of the layers panel. This should give the impression that the background has never been touched.
Step 4: The Text
Write your text as desired, and move the duplicated image back to the very top of the layers panel. Between that image and the text, option (alt) + click to change the text’s fill to that of the image.
Step 5: Fill the background if desired
I wanted a black background for my slide, so I simply duplicated the original rectangle and moved it to the right position. You might like the white, though!
Watch In Real Time
To show you how quick this is, I made a video to recreate this slide in real time. TI hope you find this helpful! Happy designing!