How to fill text with image

Question

How can I create such an image using imagemagick:

That is, text on top of a solid-color background. The text's fill is not solid color but actually an image, as if the image is the background and the shape of the text has been cut out of the foreground solid fill.

I hope imagemagick has the capability to take as input at least

• the background image
• font to use
• solid color to fill the rest with

and output an image like above.

Does anyone know how I can do so?

Answer 1

With some bits borrowed from an answer here and the imagemagick docs...

Creating the example text-background and image-background (any image would work, using solid colors here as a proof of concept):

convert -size 500x100 xc:dodgerblue -gravity center -background gold -extent 500x300 text_bg.png
convert -size 500x300 xc:red image_bg.png

Creating a text mask (black text on transparent background):

convert -background none -font /usr/share/fonts/TTF/TerminusTTF-Bold.ttf -pointsize 60\
-fill black label:'Test Mask Text' -rotate 25 -gravity center -extent 500x300 text.png

And now to composite the three:

convert image_bg.png text_bg.png text.png -composite comp.png