Jump to content

Recommended Posts

I have a PNG file that is a monochrome skyline silhouette (see attached). I want to fill the grey buildings with another color. How do I do this?    I have watched the tutorials but the Color Picker and Fill tools don't seem to do the job.   I can do this easily in Irfanview, surely we should be able to do it in Designer.  What am I missing? 

PSS Skyline Silhouette.png

Edited by ACPhillips
Wanted Better clarity on the product
Link to post
Share on other sites

Flood fill tool does not work on image layers, see if you need to rasterize the layer first. Also, soft edges may present a problem, which you can deal either making them hard, or placing solid colour layer above he image and adjusting blend options (which is not about Flood fill tool anymore...).

Link to post
Share on other sites
58 minutes ago, Fixx said:

Flood fill tool does not work on image layers, see if you need to rasterize the layer first. Also, soft edges may present a problem, which you can deal either making them hard, or placing solid colour layer above he image and adjusting blend options (which is not about Flood fill tool anymore...).

Thanks.  That's what I was afraid of. I'll have to use the fill feature in Irfanview to make my changes.

Link to post
Share on other sites
8 minutes ago, ACPhillips said:

Thanks.  That's what I was afraid of. I'll have to use the fill feature in Irfanview to make my changes.

FIxx didn't say it wouldn't work. He said it wouldn't work on an image layer. As long as you have a (Pixel) layer it should work. (And just did, when I saved your sample as a PNG.)

-- Walt

Windows 10 Home, version 20H2 (19042.685),
   Desktop: 16GB memory, Intel Core i7-6700K @ 4.00GHz, GeForce GTX 970
   Laptop (2021-04-06):  32GB memory, Intel Core i7-10750H @ 2.60GHz
, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU
Affinity Photo 1.9.2.1035 and 1.9.4.1048 Beta   / Affinity Designer 1.9.2.1035 and 1.9.4.1048 Beta  / Affinity Publisher 1.9.2.1035 and 1.9.2.1024 Beta

Link to post
Share on other sites

I am not sure if I got your original image from the post saved as it is, but the one that I got was an RGB PNG image that had (semi)transparent pixels throughout the image and that kind of image cannot be used as a colorant. You need to have a true grayscale image or apply K-Only button on the context toolbar. You specifically need to have an image layer in Designer to be able to use that for colorizing:

designer_coloring.jpg.924e760f431fd30c08eaca1f9559e9fd.jpg

 

silhoutte.afdesign

silhoutte.pdf

 

Link to post
Share on other sites
16 hours ago, ACPhillips said:

I have a PNG file that is a monochrome skyline silhouette (see attached)

Note that Affinity apps do not support monochrome bitmaps (1-bit). If you import one, it will be converted to RGB. The correct method to do colorizing with (transparent) raster images is given above.

 

Link to post
Share on other sites
16 hours ago, ACPhillips said:

I have a PNG file that is a monochrome skyline silhouette (see attached). I want to fill the grey buildings with another color. How do I do this?

That's a good candidate for bitmap-to-vector vectorization, thus converting the whole into a vector shape. Afterwards you can color the vector shape to whatever you want.

skyline_ny.thumb.png.8d41c306cf6675478656c007a6cd89c0.png

 

 

skyline_ny_fw.png.bb4efbb904e02419e0ac115de7b6e190.png

 

☛ Affinity Designer 1.9.3 ◆ Affinity Photo 1.9.3 ◆ OSX El Capitan

Link to post
Share on other sites
1 hour ago, Lagarto said:

but the one that I got was an RGB PNG image that had (semi)transparent pixels throughout the image and that kind of image cannot be used as a colorant. You need to have a true grayscale image or apply K-Only button on the context toolbar.

Colorizing the image (as saved from the original post) worked fine for me, using the Flood Fill tool in Designer.

Original image:

image.png.aef2e694475f6af2924afcc3519a8185.png

After 1 click with the Flood Fill Tool (Pixel Persona, Designer):

image.png.325a2aa95486a1298ac4e42ae63d13fd.png

 

Am I misunderstanding something you're saying?

-- Walt

Windows 10 Home, version 20H2 (19042.685),
   Desktop: 16GB memory, Intel Core i7-6700K @ 4.00GHz, GeForce GTX 970
   Laptop (2021-04-06):  32GB memory, Intel Core i7-10750H @ 2.60GHz
, Intel UHD Graphics Comet Lake GT2 and NVIDIA GeForce RTX 3070 Laptop GPU
Affinity Photo 1.9.2.1035 and 1.9.4.1048 Beta   / Affinity Designer 1.9.2.1035 and 1.9.4.1048 Beta  / Affinity Publisher 1.9.2.1035 and 1.9.2.1024 Beta

Link to post
Share on other sites
1 hour ago, walt.farrell said:

Am I misunderstanding something you're saying?

I think that the OP meant colorizing the image from within Designer using the Fill as an attribute for a supposed monochrome image, rather than changing the actual pixel values of the source image.

UPDATE: ...so that you can use the same image in multiple ways without changing the source, just manipulating it within Designer without need to have a bitmap editor. This is as versatile as having a vector(ized) image, or even more versatile as the source can use antialiasing and can be merged with different backgrounds with soft edges (if sharp edges are not preferred).

designer_coloring2.jpg.21317e7facc1deb8bece31bc95787799.jpg

 

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.