This is the first in a series of posts that will highlight some neat tricks you can do with Quick Tiles. The first tip we’ll cover is a method to tint images different colors. This lets you match a photo with the theme color of the rest of your pinned tiles. The first thing to cover are the Title Area Color and Text Area Color settings. These are two separate rectangles that are drawn right underneath any text. Here is an image showing what the two settings control.
These colors can be set completely solid, or semi-transparent. Using the scaled background we can create a yellow tint to the top of the image and a red tint to the bottom of the image.
The best use for these settings is to make text drawn over an image more readable. In the first image the white title has a low contrast with the snow in the photo which makes the text very hard to read. By applying a black Title Area Color with 70% opacity, we can make the text much more readable.
One thing to note is that the colors will blend with the colors of the photo. So if the photo you are using is very colorful, you may not get the desired effect. To help correct this you can convert the image to black and white before tinting it. By applying the Image Effect -> Grayscale to the image before applying the Text and Title Area Colors, you can get the best results. The following image shows the original photo, the black and white version, and then some tinted versions.