Masked Text Popout — Make any image-filled 3D popout text

What you can customize

• Content: type your headline; use \n for manual line breaks

• Font: any Framer-native font (extended typography controls)

• Face Color: solid color for the front text face

• Popout Mask: choose an image to fill the extruded layers

• Fallback Color: popout color when no mask image is set

• Mask Zoom + Position (X/Y): art-direct what part of the image shows inside the extrusion

• Depth: adjust extrusion depth for subtle embossing → deep 3D punch

• Angle: set the direction the popout “casts” (like a long typographic shadow)

Creative effects you can get

• Emboss / deboss feel: low depth + high-contrast face color

• Poster cutout / collage: bold type + photographic mask in the extrusion

• Long-shadow typography: increase depth and shift angle

• Art-directed image type: pan/zoom the mask for perfect composition

This text effect isn’t possible with standard text layers: it needs per-pixel masking and multi-layer extrusion rendered to canvas for sharp edges and stable performance.

Made with ♡ by SOSOTAR. If you have any question, email play@sosotar.com