[solved] Create a wispy stroke with the pen tool

Post questions on how to use or achieve an effect in Inkscape.
User avatar
capnhud
Posts: 435
Joined: Mon Jun 04, 2007 8:30 pm
Location: U.S.A

[solved] Create a wispy stroke with the pen tool

Postby capnhud » Thu Jan 24, 2008 8:42 pm

I came across this tutorial where in steps 5-7 the photoshop pen tool creates that wispy line. Is inkscape capable of doing this with the :tool_pen: tool or is my only solution the :tool_calligraphic: tool? I would like to be able to manipulate the path with basically just three points as in the tutorial, but at the same time achieve the same effect.

User avatar
prkos
Posts: 1625
Joined: Tue Nov 06, 2007 8:45 am
Location: Croatia

Re: Create a wispy stroke with the pen tool

Postby prkos » Thu Jan 24, 2008 11:08 pm

you can do it with just a simple path that you set to a wider stroke (8 for example), then blur it to a 1% or so and also apply a mask to it. The mask object should be filled with a black and white gradient where white goes over the center areas, and black goes over the path ends to make the ends thinner.

Heres the result (2 nodes, blurred 1%, masked on the ends):
Image

Here is what my mask object looks like, its a rectangle with linear repeated w&b gradient. I have reduced opacity of the rectangle to 70% so you can see how its positioned over the path:
Image


Another way is to use Pattern along path (this method doesn't require masking):
Create a very thin and long ellipse or very thin and long rectangle with rounded corners. Copy it. Now create your path and apply Pattern along Path to it. Click on the Paste Path button there and the ellipse will be deformed along the path. All you have to do now is add fill color, remove stroke and blur it 1%.

Heres the result (on top is the ellipse I used, bellow is the path of 2 nodes with Pattern along Path applied using the ellipse, with filled color green and 1%blur):
Image
just hand over the chocolate and nobody gets hurt

Inkscape Manual on Floss
Inkscape FAQ
very comprehensive Inkscape guide
Inkscape 0.48 Illustrator's Cookbook - 109 recipes to learn and explore Inkscape - with SVG examples to download

User avatar
capnhud
Posts: 435
Joined: Mon Jun 04, 2007 8:30 pm
Location: U.S.A

Re: Create a wispy stroke with the pen tool

Postby capnhud » Fri Jan 25, 2008 3:35 am

Pattern along path is the perfect solution. It takes a little more time but the result is essentially the same especially if you use a radial gradient. Good call prkos.

User avatar
RobA
Posts: 335
Joined: Fri Aug 10, 2007 1:22 am

Re: Create a wispy stroke with the pen tool

Postby RobA » Fri Jan 25, 2008 5:20 am

I recently came across a post (here or on the inkscape users list) that rendered to a site with 28 "swoosh" shapes that could be used in just this fashion to great effect.

The site (if it comes back up - seems intermittent) is here:
http://www.bitbox.com/illustrator/28-fr ... nd-swirls/

The second zip had svg shapes that could be used in inkscape.

-Rob A>


Return to “Help with using Inkscape”