Gradient inside text

[hitblast]

Is it possible to add a gradient to a text using Pillow?

[nulano]

Not directly. To add a gradient you would first generate an image of the gradient and a mask of the text using a font, then use the mask to paste the gradient onto the background image.

Alternatively, you could use a font with embedded colors that is displayed using a gradient.

[radarhere]

Here is a demonstration of the first method.

from PIL import Image, ImageDraw, ImageFont

def draw_gradient(img, start, end):
	px = img.load()
	for y in range(0, img.height):
		color = tuple(int(start[i] + (end[i] - start[i]) * y / img.height) for i in range(3))
		for x in range(0, img.width):
			px[x, y] = color

font = ImageFont.truetype("/System/Library/Fonts/Supplemental/Tahoma.ttf", 48)
text = "Gradient inside text"
w, h = font.getbbox("Gradient inside text")[2:]
gradient = Image.new("RGB", (w, h))
draw_gradient(gradient, (255, 99, 71), (70, 130, 180))
im_text = Image.new("RGBA", (w, h))
d = ImageDraw.Draw(im_text)
d.text((0, 0), text, font=font)
img = Image.new("RGBA", (w, h), (255,255,255,255))
img.paste(gradient, (0, 0), im_text)
img.save("out.png")

[hitblast]

@radarhere Thanks for the demonstration!