What's new
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

Adding Colour to Black & White Line Art


Kristine

Member
Messages
11
Likes
1
Hi there. Thanks in advance for any assistance.
I have a series of black and white tile line art images (in PNG format with transparent backgrounds) such as those shown below.
I would like to colour them in (using different colours for different areas), however I don't want to retain the black lines. I would like the colours to be solid with no borders, such as the example shown below.
I've played with some different ideas though can't figure out an efficient method. What would be the best way to go about this?
Cheers.

1674541847697.png

1674543973905.png
 

IamSam

Administrator
Staff member
Administrator
Messages
21,451
Likes
12,892
Hey.

You first sample image is very small, six patterns at 826 x 826. Do you have a single pattern in a larger image that we can experiment with?
 

IamSam

Administrator
Staff member
Administrator
Messages
21,451
Likes
12,892
Not sure if you're up to this, but here is one method. It's actually fairly fast once you get it down.

Pick a half. I chose the left half.

Using the PNG as a template, add in guides for all the points/crossings, horizontal, and vertical lines.
Screen Shot 2023-01-24 at 2.05.32 AM.png

Use the Pen Tool to create paths and selections for each of the colored areas.
I used the line template to follow the right area.........but turned it off for the screenshots.
Screen Shot 2023-01-24 at 2.12.34 AM.png

Fill in the color.
Screen Shot 2023-01-24 at 2.12.48 AM.png

Repeat for the next area.
Screen Shot 2023-01-24 at 2.13.52 AM.png

And the rest.
Screen Shot 2023-01-24 at 2.16.00 AM.png
Screen Shot 2023-01-24 at 2.25.00 AM.png

Guides hidden, add in a BG.
Screen Shot 2023-01-24 at 2.16.41 AM.png

Duplicate layer, flip horizontally, flip vertically, and position.
Screen Shot 2023-01-24 at 2.29.04 AM.png
 

IamSam

Administrator
Staff member
Administrator
Messages
21,451
Likes
12,892
Here I have converted the paths/patterns to white and made them into clipped layers for complete control over the colors using solid color adjustment layers.

Screen Shot 2023-01-24 at 2.41.04 AM.png
Screen Shot 2023-01-24 at 2.41.20 AM.png
 

Top