Inkscape tutorial: Tracing bitmaps

Inkscape

Tutorial | Tracing bitmaps

One of the features in Inkscape is a tool for tracing a bitmap image into one or more <path> elements for your SVG drawing. These short notes should help you become acquainted with how it works.

Proszę pamiętać, że celem narzędzia wektoryzującego nie jest dokładne odwzorowanie oryginalnego obrazka ani wytworzenie finalnego produktu – żadne narzędzie do wektoryzowania nie potrafi tego zrobić. W wyniku wektoryzacji powstanie zestaw krzywych, które będą stanowić materiał bazowy do dalszej pracy.

Our tracer, derived from the original Potrace library by Peter Selinger, interprets a black and white bitmap, and produces a set of curves. For Potrace, we currently have three types of input filters to convert from the raw image to something that Potrace can use.

Im więcej czarnych pikseli zawiera obrazek przejściowy, tym więcej operacji wektoryzowania zostanie wykonanych. W przypadku większej liczby przebiegów wektoryzacji zwiększa się użycie procesora, a także rozrasta <ścieżka>. Zaleca się wykonanie najpierw kilku eksperymentów z jaśniejszymi obrazkami, a następnie stopniowo z coraz ciemniejszymi aż do uzyskania pożądanej proporcji i złożoności ścieżki końcowej.

To use the tracer, load or import an image, select it, and select the PathTrace Bitmap item, or Shift+Alt+B.

The user will see the five filter options available:

  • Brightness Cutoff

Ten sposób filtrowania używa sumy koloru czerwonego, zielonego i niebieskiego, lub odcieni szarości piksela jako wskaźnika, które kolory należy traktować jako czarne lub białe. Próg może być ustawiony od 0,0 (czarny) do 1,0 (biały). Im wyższa wartość progu, tym mniejsza liczba pikseli będzie uznawana za „białe” i obrazek przejściowy będzie ciemniejszy.

  • Edge Detection

Ten sposób filtrowania używa algorytmu wykrywania krawędzi opracowanego przez J. Canny'iego. Służy on do szybkiego wyszukiwania izoklin – linii o podobnym kontraście. Za pomocą tego filtra zostanie utworzony obrazek przejściowy, który będzie wyglądał podobnie jak obrazek oryginalny po wykonaniu rozdzielenia jasności, ale będzie zawierał informacje o krzywych. Ustawiony tutaj próg jasności (0,0 – 1,0) będzie decydował czy piksel sąsiadujący z krawędzią kontrastu zostanie włączony do obrazka wyjściowego. To ustawienie może określić stopień zaciemnienia lub grubość krawędzi w obrazku wyjściowym.

  • Kwantyzacja koloru

W wyniku zastosowania tego filtra zostanie utworzony obrazek przejściowy znacznie różniący się od poprzednich, jednak również bardzo użyteczny. Filtr ten znajduje krawędzie w miejscach, w których zmieniają się kolory, nawet jeśli jasność i kontrast mają taką samą wartość. Ustawiona tutaj liczba kolorów decyduje, ile będzie kolorów wyjściowych, jeśli obrazek przejściowy jest kolorowy. Decyduje również o tym, który piksel będzie czarny/biały i czy kolor będzie miał indeks parzysty czy nieparzysty.

Należy wypróbować wszystkie trzy filtry i obserwować wyniki ich działania dla różnych typów obrazków wyjściowych. Zawsze znajdzie się obrazek, na którym jeden z filtrów zadziała lepiej niż pozostałe.

After tracing, it is also suggested that the user try PathSimplify (Ctrl+L) on the output path to reduce the number of nodes. This can make the output of Potrace much easier to edit. For example, here is a typical tracing of the Old Man Playing Guitar:

Note the enormous number of nodes in the path. After hitting Ctrl+L, this is a typical result:

Liczba węzłów w obrazku została zredukowana. Grafika jest bardziej prymitywna, ale teraz łatwiej poddaje się zmianom. W wyniku wektoryzacji nie otrzymuje się dokładnego odwzorowania obrazka, ale zestaw krzywych, który stanowi podstawę do dalszej obróbki.

  • Autotrace

The Autotrace option uses a different algorithm for tracing and also offers some other parameters to tweak. It may take a little longer to work, but gives you some variety to choose from.

  • Centerline tracing (autotrace)

If you would like to vectorize a line drawing, and get strokes that are easy to modify instead of filled areas as a result, use this option. It will attempt to find contiguous lines that make up your drawing.

Authors: Bulia Byak; Jonathan Leighton; Colin Marquardt; Nicolas Dufour; Gellért Gyuris; Maren Hachmann

Translators: Leszek (teo) Życzkowski (Polski Zespół lokalizacyjny Inkscape) — 2008; Marcin Florya (Polski Zespół lokalizacyjny Inkscape) — 2008; Wojciech Szczęsn (Polski Zespół lokalizacyjny Inkscape) — 2008; Wojciech Ryrych (Polski Zespół lokalizacyjny Inkscape) — 2008; Piotr Parafiniuk (Polski Zespół lokalizacyjny Inkscape) — 2008

Header / footer design: Esteban Capella — 2019