Inkscape.org
Beginners' Questions Colorize .png
  1. #1
    MartinD9407 MartinD9407 @MartinD9407

    Hi all,

    I would like to colorize with a color gradient the turbulent shape in the attached png but I do not manage to do it. I tried to vectorize the image but it losses all the details.

    Is there a way of doing it without loosing the details?

     

    I am using Inkscape 1.2

    Thank you very much,
    Martin

  2. #2
    Polygon Polygon @Polygon🌶

    What is easy in a bitmap editor(PixelmatorPro) is quite an effort in Inkscape if feasible at all:

  3. #3
    Paddy_CAD Paddy_CAD @Paddy_CAD
    👍👍

    It's easy in Inkscape too. Draw a rectangle over your shape. Add a gradient fill. Set the colour blend mode to [Lighten].

  4. #4
    Polygon Polygon @Polygon🌶

    @Paddy_CAD didn´t work here for me.

  5. #5
    MartinD9407 MartinD9407 @MartinD9407

    Thank you for your answer. Same for me, the solution proposed by @Paddy_CAD does not work.

    I finally found another nice effect with Filter -> Trichrome. However, if someone as a solution to obtain the results proposed by @Polygon with Inkscape, I would be pleased to have it.

    Thanks again!

  6. #6
    Aero Aero @Aero◻️
    🏆

    Use an inverted version of your image as mask for your rectangle with gradient.

  7. #7
    Polygon Polygon @Polygon🌶
    Aero

    Use an inverted version of your image as mask for your rectangle with gradient.

    Exactly:

  8. #8
    MartinD9407 MartinD9407 @MartinD9407

    It works perfectly, thank you for your help!

  9. #9
    Paddy_CAD Paddy_CAD @Paddy_CAD
    Polygon

    @Paddy_CAD didn´t work here for me.

    I admit, I posted before testing. It turns out that the bitmap has alpha transparency so [Blend mode: Lighten] has no effect. Here's an updated workflow:

        Draw a white rectangle and push it down under the bitmap
        Draw a gradient-filled rectangle on top and set [Blend mode: Screen]

  10. #10
    Darren Hawkshaw Darren Hawkshaw @dhawkshaw

    Thanks for posting your full workflow @Paddy-CAD ! much appreciated :)

  11. #11
    Polygon Polygon @Polygon🌶

    While I find the gradient more delicate and appealing the downside is you´ll loose the transparency. Just saying.

  12. #12
    Aero Aero @Aero◻️
    👍*

    Nothing wrong with your gradient. A minor adjustment to your invert filter and it looks great.

    Invertfilter
    Screenshot 76