Path Point - How to Show as a Sharp (not blunt) Point?

Post questions on how to use or achieve an effect in Inkscape.
SoonerLater
Posts: 2
Joined: Tue May 12, 2015 5:01 am

Path Point - How to Show as a Sharp (not blunt) Point?

Postby SoonerLater » Tue May 12, 2015 5:58 am

In this very crude drawing,
Image

the ends of the lightning bolt look blunt, not sharp. The lightning bolt is a path, 10 pixels wide, which is easier to see here:
Image

The lightning bolt looks sharp if I set it to just 1 pixel (or 0.5 pixel) wide - but then you can barely see it's outline.

GOAL: to have a lightning bolt with a 10 pixel green outline and black fill that has sharp points on the ends of the lightning bolt.

QUESTION: What is the best way to accomplish this goal?

It occurred to me that one way to get the appearance of a (1) a fat outside border and (2) sharp ends, to make two lighting bolt objects (one solid green and one solid black which is slightly smaller) then layer the black bolt over the green bolt. However, it seems that a cleaner design would be one that relies on a single object instead of creating two. I hope that there is some way to change the path properties of the existing lightning bolt sot that it has a 10px border *and* sharp ends.

tylerdurden
Posts: 2344
Joined: Sun Apr 14, 2013 12:04 pm
Location: Michigan, USA

Re: Path Point - How to Show as a Sharp (not blunt) Point?

Postby tylerdurden » Tue May 12, 2015 10:57 am

I'd maybe use a clipping object.... fatten up the stroke and duplicate the bolt, delete the stoke on the duplicate and use it to clip.
SVG Image
Have a nice day.

I'm using Inkscape 0.92.2 (5c3e80d, 2017-08-06), 64 bit win8.1

The Inkscape manual has lots of helpful info! http://tavmjong.free.fr/INKSCAPE/MANUAL/html/

tylerdurden
Posts: 2344
Joined: Sun Apr 14, 2013 12:04 pm
Location: Michigan, USA

Re: Path Point - How to Show as a Sharp (not blunt) Point?

Postby tylerdurden » Tue May 12, 2015 11:14 am

If you want to get fancy, you can use grouped clones for the bolt and clip.

Edit:
see next post by Xav!
Last edited by tylerdurden on Wed May 13, 2015 12:55 am, edited 1 time in total.
Have a nice day.

I'm using Inkscape 0.92.2 (5c3e80d, 2017-08-06), 64 bit win8.1

The Inkscape manual has lots of helpful info! http://tavmjong.free.fr/INKSCAPE/MANUAL/html/

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

Re: Path Point - How to Show as a Sharp (not blunt) Point?

Postby Xav » Tue May 12, 2015 11:43 pm

Talk of multiple objects, clones and clipping is just overkill for this, if you ask me. You just need to sort out your paths and stroke style...

1) Double click the path to enter node edit mode.
2) Select all the nodes (Ctrl-A)
3) Click the "Make selected segments lines" button in the toolbar to ensure that all your corners have a nice, tight angle to them.
4) Open the Fill & Stroke dialog and select the Stroke Style tab.
5) Ensure that the join type is set to "Mitre join".
6) If you still have some non-sharp corners, increase the Mitre Limit value until they all become sharp.

lightning_bolt.svg
(2.07 KiB) Downloaded 162 times
Co-creator of The Greys and Monsters, Inked - Inkscape drawn webcomics
Web SiteFacebookTwitter

tylerdurden
Posts: 2344
Joined: Sun Apr 14, 2013 12:04 pm
Location: Michigan, USA

Re: Path Point - How to Show as a Sharp (not blunt) Point?

Postby tylerdurden » Wed May 13, 2015 12:52 am

Yes, that is WAY better!

I totally overlooked that feature. :oops:
Have a nice day.

I'm using Inkscape 0.92.2 (5c3e80d, 2017-08-06), 64 bit win8.1

The Inkscape manual has lots of helpful info! http://tavmjong.free.fr/INKSCAPE/MANUAL/html/


Return to “Help with using Inkscape”