Author Topic: How to vectorize watercolor textures without Illustrator?  (Read 2921 times)

May 09, 2018, 04:55:09 PM
Read 2921 times

linkjg

  • Sr. Newbie

  • Offline
  • **

  • 2
Hello,

There is a tutorial on YouTube for how to vectorize a watercolor texture.



It's an interesting tutorial that uses the live trace/high fidelity photo option in Illustrator. Does anyone have experience vectorizing watercolor textures using Inkscape? I tried using the path>>trace bitmap option in Inkscape. I used colors at 64 and selected the multiple scans options as colors with 40 scans. Honestly, I don't know what settings would be appropriate to try to generate the same type of effect. I feel that I probably need more scans, but I don't know how many would be appropriate.

Can you provide some tips or techniques to follow? I'll attach an example of a raster watercolor texture I was experimenting with.

I appreciate your help!
  • Windows

May 09, 2018, 10:48:30 PM
Reply #1

Lazur

  • IC Mentor

  • Offline
  • ******
  • Inkscape Filters Wizard

  • 1,154
  • Gender
    Male

    Male
Haven't tried to do so but had made some watercolour drop filter effects before.

https://openclipart.org/detail/289293/fifty-shades-of-watercolour

https://openclipart.org/detail/289295/watercolour-drops

-these are quite resource heavy due to their overlaying effect on the background image though but they might suit your needs in a different way.

May 10, 2018, 10:02:15 AM
Reply #2

linkjg

  • Sr. Newbie

  • Offline
  • **

  • 2
Thanks Lazur! I would like to know how/if it is possible to vectorize a watercolor texture as in the tutorial using Inkscape. My desire is to create some watercolor textures, scan them, and then vectorize them.

I don't know how to do that properly with Inkscape and was wondering if someone has attempted and could share their methods.

Thanks again for your resource suggestions.
  • Windows

May 10, 2018, 01:23:17 PM
Reply #3

Lazur

  • IC Mentor

  • Offline
  • ******
  • Inkscape Filters Wizard

  • 1,154
  • Gender
    Male

    Male
Problem with such textures is the fractal-like nature=the more you zoom in the more details you (are supposed to) get.
Inkscape's svg -scalable vector graphics- and any other vector format means a theoretically infinite zoom range.
That cannot be followed with the infinite details. At some point you'll max out the rendering/processing resources so you'll have to stick with a direct output source.
Additionally, by vectorising a raster image you won't get any "unseen" details.
As a result a vector substitute theoretically can look sharp only in a smaller resolution than the original raster image.

Thus in my humble opinion it's a bit pointless to vectorise a paint blot texture. If it doesn't need to be explicitely vector content. Can hardly imagine someone cutting out each layer of the trace with a vinyl cutter.


The other suggested route was to use a filter substitute. Although svg filters are generated only on the rendering level, they are live and theoretically they can be exported in a higher resolution -can generate a closeup blot texture. Also resource heavily though.




tl;dr
multiple scans can give you a half decent result. Inkscape uses potrace which as far as I know captures the whole image in one, splits up the lightness channel and traces every tone value as a single scan,
then uses a process to average the colour of the given tone and uses that hue/saturation value on the output paths.
Which then are put one atop another.
Side effect that there is a 256 scan number limit (as far as I know). Makes sence if thinking of that covers the full lightness range available in the colour model used.


As an artifact edges can be bit washed out at otherwise sharp lightness transitions and hue can be visibly off.
Also the rendering gap issue can be prevalent -seeing through between separate path edges next to eachother.

A cheap trick to handle that is running two scans.
First, run one with multiple scans in colour mode at a lower number of scans, then put another scan above it with a higher number.



The corresponding part in the manual is here.
I think you are on a right route with this already -the 256 colour limit and the approximate colours etc. are bummers.

Illustrator uses a different kind of algorithm for tracing which processes the image in smaller bits at a time.
Like filling a small area with a bucket fill&dropper tool, moving next to the traced area and repeating the process.
That still doesn't solve the rendering gap issue though in my humble opinion the result looks way more realistic.

Sorry for not being more helpful with the problem.
Will try to make another watercolour drop filter later of that attached image.
« Last Edit: May 10, 2018, 02:43:00 PM by Lazur »

May 10, 2018, 02:28:11 PM
Reply #4

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
Lazur probably mentioned it.  But just to make a point.  Vectorizing a watercolor type of effect will create performance issues very fast.  You would never be able to make very large objects with such a fill.  I would guess an object 300 to 400 pixels square would start to create performance issues (slowdowns, crashing, etc.).

Maybe the fastest computer available, and a very simple watercolor - up to 500 or 600 pixels square.
  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

May 10, 2018, 02:31:38 PM
Reply #5

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
Moving this to Beyond the Basics board.
  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann