Page 1 of 2 12 LastLast
Results 1 to 10 of 11

Thread: Smooooth Landforms & CLEAN Lines in Inkscape

  1. #1
      RobA is offline
    Administrator RobA's Avatar
    Join Date
    Apr 2007
    Location
    Niagara, Canada
    Posts
    5,530

    Tutorial Smooooth Landforms & CLEAN Lines in Inkscape

    In case you are like me and can't afford Illustrator, I have taken tcberry's tutorial Using Illustrator For Smooooth Landforms & CLEAN Lines and jotted down how to acheive similar results using Inkscape.

    Open your .png source image in Inkscape:
    Smooooth Landforms & CLEAN Lines in Inkscape-2008-11-17_135442.png

    Since this is a pixelated source, and Inkscape's tracing doesn't have a blur option, you will have to slightly blur the source first.

    Select the image, then use the Fill/Stroke dialog and set the blur. This is in %, not pixels, Here I have a blur of 0.3:
    Smooooth Landforms & CLEAN Lines in Inkscape-2008-11-17_140956.png

    Trace Image won't work on a filtered source, so use Edit->Make a Bitmap Copy to create a bitmap version of the blurred source image:
    Smooooth Landforms & CLEAN Lines in Inkscape-2008-11-17_141141.png

    With the new bitmap copy selected, Use Path->Trace Bitmap. I used the default settings:
    Smooooth Landforms & CLEAN Lines in Inkscape-2008-11-17_141342.png

    You can now use alt-mouse-click to select under the new path and delete both the blurred source image and the bitmap copy, as they aren't needed. Here is the resultant path:
    Smooooth Landforms & CLEAN Lines in Inkscape-2008-11-17_141554.png

    As in the Illustrator version, you can save this image right now and export to your favorite raster editor. I'll continue, following the tutorial, but in Inkscape

  2. #2
      RobA is offline
    Administrator RobA's Avatar
    Join Date
    Apr 2007
    Location
    Niagara, Canada
    Posts
    5,530

    Post

    Unlike Illustrator, the path created by the trace bitmap does not need to be removed from a white background. The background is removed automatically when performing a single scan in the Trace Bitmap dialog.

    Instead of layers, we'll just work with paths.

    Inkscape doesn't let you set the path location to inside or outside. It is always centered. This means a few things need to be done differently

    Select the path, and set it's fill to ffe384ff (this includes the opacity):
    Smooooth Landforms & CLEAN Lines in Inkscape-2008-11-17_143506.png

    Duplicate the path (Ctrl-D) and set the stroke to ffd457ff, 10px, the fill to none, and the caps and joins to round. To get the inner stroke, select the filled path and duplicate it (CTRL-D), and shift click the thick stroke we just made. It should show "2 objects of type path" selected in the info dialog. Now do an Object->Clip->Set. This will clip the 10 px centered stroke to only show the 5 px on the inside:
    Smooooth Landforms & CLEAN Lines in Inkscape-2008-11-17_144950.png

    To make the black outer stroke, select the filled path and duplicate it. Set the fill to none, and the stroke to black (000000FF) and 2 px, then send it to the botton (end) Again, to get a 1 px outer stroke, we set a 2 px stroke then send it behind the filled path with no stroke:
    Smooooth Landforms & CLEAN Lines in Inkscape-2008-11-17_145448.png

    Making the large water outline is done the same way. Select the filled layer, and duplicate it, then set the fill to none and the stroke to A8C399FF, 14 px with a round cap and join. then set it to the botton (end):
    Smooooth Landforms & CLEAN Lines in Inkscape-2008-11-17_150412.png

    For convenience these can all be grouped together, or alternately, just create a rectanfle below them, as set the fill the same as the land fill. (The eye-dropper tool is handy here).

    Now save the image and export it at any resolution you want!
    Smooooth Landforms & CLEAN Lines in Inkscape-90-dpi.png

  3. #3
      RobA is offline
    Administrator RobA's Avatar
    Join Date
    Apr 2007
    Location
    Niagara, Canada
    Posts
    5,530

    Post

    Here is the same image exported at 300 dpi instead of the default 90:
    Smooooth Landforms & CLEAN Lines in Inkscape-300-dpi.png

    And the promised zip of the svg file:
    working.zip

    -Rob A>

  4. #4
    Community Leader Facebook Connected Steel General's Avatar
    Join Date
    Jun 2008
    Location
    Ft. Wayne, IN
    Posts
    9,464

    Default

    The Wizard of GIMP strikes again!
    My Finished Maps | My Challenge Maps | Ghoraja Juun, my largely stagnated campaign setting.

    Unless otherwise stated by me in the post, all work is licensed under a Creative Commons Attribution-Noncommercial 3.0 United States License.



  5. #5
      Sagenlicht is offline
    Guild Journeyer Sagenlicht's Avatar
    Join Date
    Jul 2008
    Location
    Germany
    Posts
    249

    Post Inkscape

    I wish I could work with Inkscape but I never found the time to learn it properly.

    Hmm I should start looking for some basic tutorials I guess
    My Map Challenge Entries

    I use GIMP for all my maps.

    GIMP scripts and plug-ins overview


    Everything I post on this site uses the Creative Common Attribution-Noncommercial-Share Alike license. Only exception to this are any pyhton scripts which use the GPL.

    If you are using any of my posted stuff just use your rep stick on me

    Should you be interested in using anything I posted on commercial purpose drop me a pm.

  6. #6
      bryguy is offline
    Guild Adept bryguy's Avatar
    Join Date
    Jul 2008
    Location
    In my own little world =D
    Posts
    289

    Post

    man its been forever since I heard anybody say 'inkscape'. I remember my first map I made in it, since I managed to get fairly good at Inkscape before switching to GIMP (which is much better in my opinion )


    looks like a good tutorial tho!
    "When I use a word," Humpty Dumpty said in a rather scornful tone," it means just what I choose it to mean -- neither more nor less."
    "The question is," said Alice, "whether you can make words mean so many things."

    "The question is," said Humpty Dumpty, "which is to be master -- that's all."


    -Lewis Carrol: Through the Looking Glass

  7. #7
      RobA is offline
    Administrator RobA's Avatar
    Join Date
    Apr 2007
    Location
    Niagara, Canada
    Posts
    5,530

    Post

    One small update-

    This works real well using path clones:
    Smooooth Landforms & CLEAN Lines in Inkscape-working.png

    And an updated zip of the svg file with path clones:
    working.zip

    @bryguy - I love gimp but inkscape is way better for a number of things. I almost always bring a bitmap into inkscape to do all my labelling, then export the labelling back out as either a png to being back into gimp as a layer, or a plain svg file I can import into gimp as a path.

    -Rob A>

  8. #8

  9. #9
      tcberry is offline
    Guild Member tcberry's Avatar
    Join Date
    Nov 2008
    Location
    Schweinfurt, Germany
    Posts
    66

    Default

    Awesome, Rob! Vector maps for the win.

  10. #10
      limetom is offline
    Guild Novice
    Join Date
    Sep 2007
    Location
    Honolulu, HI
    Posts
    9

    Post

    Tried it out on a composite map of the Yucatan peninsula I cobbled together.

    I would say I did this "quickly," but it took me forever to figure out I needed to go to File>Document Properties>Fit page to selection in order to save it as an SVG correctly. Exported with no problems.

    All in all, a great tutorial. I hadn't used Inkscape much before this, but after doing this and playing around a bit with it, I say I've got a handle on it.
    Attached Thumbnails Attached Thumbnails Smooooth Landforms & CLEAN Lines in Inkscape-yucatan.png  

Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •