Quickly Tinting Seamless Textures To Match Color Scheme

Quickly Tinting Seamless Textures To Match Color Scheme

We wanted to incorporate our seamless textures into our CorelDRAW Unleashed and Vehicle Templates Unleashed sites. These seamless textures would be part of the headers and footers of those sites.

Our Textures Unleashed collections had the perfect textures to use as a starting point. For both examples, we wanted to use a 512x512 pixel tile so that there would be more details. At the bottom of the examples below are the original texture and on top is the end result after applying the tinting desired.

Samples of seamless textures tinted to match Web site color scheme

For the marble-themed texture on the left, we first desaturated the original texture to take out the color and then used a light blue overlay to apply the tinting. The diamond plate example at right was not desaturated, it simply had a navy overlay added.

We used Corel PHOTO-PAINT to do the tinting, but you could do the same thing in CorelDRAW or Adobe Photoshop if that is your preferred tool. You’ll see the original texture is the bottom object in the Objects Docker (the Layers Palette for Photoshop users) shown at right. Above that we created another object and filled it with the color of our choice. We then adjusted the Opacity of the object until we got the exact look desired. For this example, 85 was the perfect opacity.

Using this technique allows you to take the thousands of seamless textures we offer and turns them into billions of variations in whatever color scheme you want!

Adding a tint to a seamless texture in an image editor