Invert text color effect on images (Figma)

Alex Tkachev
Feb 6, 2021

--

Post banner

Many designers wanna make a great, creative product, and invert text color is a once of many effects for creativity and usability. This effect will help read text on very bright images, on websites it looks amazing.

This is really easy effect, let’s make it together in 4 steps:

1. Create your layout, something like this:

2. Add some text on image:

3. Copy text and image and make group over your main layers (your main layers is a Step 2). You can use other image for invert text color effect.

4. Select your group with text and image (Step 3) and Create Mask (Win: Ctrl + Alt + M; Mac: Ctrl + Command + M)

And now you have an invert text color effect on images

You can duplicate my 5 free headers for website with this effect on Figma Community

--

--

Alex Tkachev

Freelance Creative UI/UX Designer & Awwwards Young Jury