How to create colored dive site map?

Post questions on how to use or achieve an effect in Inkscape.
andyhandypandy
Posts: 1
Joined: Mon Apr 24, 2017 3:27 pm

How to create colored dive site map?

Postby andyhandypandy » Mon Apr 24, 2017 4:00 pm

Hey all,

I would like to create dive site maps for work. I know that a previous worker created some maps by drawing them by hand first and than transforming them into a vector graphic (see pdf attached).
My colleagues will be able to draw the maps (see attached picture) and I tried to transform them into a vector with Inkscape. The best result I got by using the "bitmap drawing" function. It produces a really detailed map with a lot of nodes. I tried to simplify the path afterwards but I could only simplify the path one time or not at all before I loose too much detail.Is there any way to change the settings of the simplifying tool?
I also tried the free hand tool but as the drawings are really detailed, I ended up with a lot of different path pieces...
As I want to color the map afterwards, I need closed areas, which was easier to achieve with the "bitmap drawing" tool. Unfortunately, there are still some gaps inbetween the paths, so the coloring doesn't work really well. I used the bucket to fill the different areas but I always have small white gaps between the path and the filling.

Which option would you choose to transform these kind of drawings to a vector? Free-hand, bitmap tool... How would you fix the problem with the coloring? I hope, you can give me some ideas how to create a detailed map, which is easy to color.

Thanks a lot in advance.
Attachments
IMG_20170422_173745.jpg
IMG_20170422_173745.jpg (83.41 KiB) Viewed 928 times
bodu gaa.pdf
(140.32 KiB) Downloaded 139 times

User avatar
Xav
Posts: 1209
Joined: Fri May 08, 2009 1:18 am
Location: UK
Contact:

Re: How to create colored dive site map?

Postby Xav » Mon Apr 24, 2017 5:28 pm

This is pretty similar to tracing, then colouring, outline artwork for comics, so my experience in that area may help.

You could do a manual trace by drawing over the lines, but it would be time consuming. Trace Bitmap is the route I would take, but it does tend to result in far more nodes that you need - and unfortunately the Simplify command only works on the entire path, with no way to make it just work on the selected nodes. You can try playing with the resolution of the original bitmap (i.e. scale it up or down in an external bitmap editor first) to see if you get better results. Or just live with the extra nodes - they won't add a huge amount to the file size, they just require slightly more imaginative approaches to editing.

As for the gaps between closed areas, and dealing with the white gaps around bucket fills, rather than repeat myself here I suggest you look at my Inkscape tutorials - particularly parts 17 to 21 which deal with tracing and colouring line art.
Co-creator of The Greys and Monsters, Inked - Inkscape drawn webcomics
Web SiteFacebookTwitter

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: How to create colored dive site map?

Postby brynn » Mon Apr 24, 2017 9:21 pm

For the problem with Simplify, I have a couple of suggestions. I've recently discovered that if you have a path with only a few nodes, and another path with say a couple hundred -- if you select them both, or select all, where the number of nodes per path varies quite a bit, Simplify will cause distortion on some of the paths. However, if you select the paths individually, or at least select only those with too many nodes, it doesn't distort.

The other thing is that you can change the threshold for Simplification, in Preferences > Behavior. However, even if you change the threshold, I suspect that if you select mixed paths, meaning some paths with many nodes and other paths with just a few, at the same time, you'll still find some distortion in some places.

As you've discovered, you need closed paths to be able to easily fill them. You can use the Node tool, and process often referred to as node editing, to create closed segments.

Or in some cases, it might work to use certain path operations. Like for example, you closed a path and filled it. But now you have a piece which shares part of the border of that first piece. To be able to make a close path for the piece next to it, sometimes you can use Difference or Intersection, to quickly create those pieces. http://tavmjong.free.fr/INKSCAPE/MANUAL ... ining.html

Moini
Posts: 3381
Joined: Mon Oct 05, 2015 10:44 am

Re: How to create colored dive site map?

Postby Moini » Mon Apr 24, 2017 9:47 pm

Something doesn't work? - Keeping an eye on the status bar can save you a lot of time!

Inkscape FAQ - Learning Resources - Website with tutorials (German and English)

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: How to create colored dive site map?

Postby Lazur » Tue Apr 25, 2017 3:36 am

The "cheap-o" solution would be using the trace bitmap.
That would draw one single path with quite large node count. Instead of using that as "outlines" above filled areas, the trick would be breaking apart that path (Ctrl+Shift+K).

Set object opacity to 50% so then you can select the previous subpaths better.
Select those subpaths that were "edges" of the "holes" they will be fills on top so set a lighter fill to them.
Once finished with that step, set all opacities back to 100%.
Should work like a charm.


Return to “Help with using Inkscape”