Hot answers tagged

16 votes

Illustrator: how to bring fill in front of the stroke?

Add your stroke using the Appearance panel (Window → Appearance), you can then drag each appearance attribute to the order that you want. You can use this on a single object, live type or even a ...
Cai's user avatar
  • 40.4k
14 votes
Accepted

Responsive SVG path without distorting stroke

As covered in this SO post, you should use vector-effect="non-scaling-stroke" to keep the stroke width the same regardless of the scaling. Updated demo
Zach Saucier's user avatar
  • 13.3k
14 votes
Accepted

What is the difference between a path and a stroke?

A path, as you said, is a set of points. It is a set of coordinates that define a shape. The path itself is only a set of numbers, a mathematical definition, nothing more. Anything you see on your ...
Cai's user avatar
  • 40.4k
14 votes
Accepted

Increase stroke size of an arrow, while keeping the arrowhead unchanged

2022 Update: The functionality described below is now possible directly within the GUI in Inkscape 1.2 which has been redesigned. I'll leave the following answer unedited, but please be aware this is ...
Billy Kerr's user avatar
  • 83.6k
14 votes

Arrow head brush distorted on a curved path

Another method would be to use a Scatter brush instead of a Pattern brush. Create your arrow head, select it and create new Scatter brush. Select "Rotation relative to path". Select your path, ...
Vinny's user avatar
  • 4,583
12 votes
Accepted

Transparent path/stroke fill in Illustrator

There is a little known feature, in Illustrator, that allows you to do this non-destructively. That is without expanding and using pathfinder. This can bring some future flexibility to your designs. ...
joojaa's user avatar
  • 57.6k
12 votes
Accepted

Cannot change stroke width in Inkscape

In your file we have two (or three) nested problems. The first is related to the group: for a grouped object we see 0 px as stroke value: Your icon is nested in a series of groups, and you have to ...
Paolo Gibellini's user avatar
11 votes
Accepted

Changing stroke width vertically but not horizontally in Inkscape

There is a way to make variable width strokes using the Power Stroke path effect, however it doesn't seem to work properly with a closed path such as a circle (in Inkscape 0.92) Example: What you ...
Billy Kerr's user avatar
  • 83.6k
11 votes

How to make parallel dashed stroke lines?

Make a pattern brush like this from alternating 2 black filled rectangles, and 4 rectangles with no fill and no stroke. Here's an example of the brush with settings, which I then applied to a path. ...
Billy Kerr's user avatar
  • 83.6k
10 votes
Accepted

Cut a stroke into pieces in Inkscape

There are several ways to do it. Select the star shape and click Path > Object to Path Add nodes by double clicking using the Edit Paths by Nodes Tool, and/or select a node/nodes where you want to ...
Billy Kerr's user avatar
  • 83.6k
10 votes
Accepted

How to create an overlapping circle shape with the same gradient

Here's one method: Create a circle, and select the Anchor at the 3 o'clock position, and hit the Cut Path button Add a thick stroke, no fill, set rounded endcaps Add a gradient along the stroke ...
Billy Kerr's user avatar
  • 83.6k
9 votes

How to obtain single-stroke fonts for laser cutting

(EDIT:) As true single line fonts are very hard to obtain, tracing is cumbersome and Hershey text is made up of straight segments, I created a free (advertisement-free too) solution where you can ...
Ideogram's user avatar
  • 601
9 votes
Accepted

Inkscape shape has no stroke

The alpha channel is all the way down. Alpha controls basically the same thing as opacity, but it is for that color specifically. Set it all the way up to have the stroke shown.
Uncle Snail's user avatar
8 votes

How to make rounded corners from shapes drawn with lines?

As Johannes mentioned, Joining or using the pen tool is the way to go. You don't need to go to round corners from effects. (Once you've joined the lines, or made them with the pen tool) You can set ...
Welz's user avatar
  • 9,969
8 votes
Accepted

Unable to draw logo with correct strokes and shadow

I assume you're trying to do all this with a single stroke?? Things really depend upon how you currently have objects constructed. In order to get the appearance of an "overlap" you need an overlap. ...
Scott's user avatar
  • 208k
8 votes

Increase stroke size of an arrow, while keeping the arrowhead unchanged

Draw a horizontal line and set the arrowheads you like. Scale the line until it has the thickness you need. Duplicate the line and do Path > Stroke to Path Ungroup. The two arrowheads are now ...
AAGD's user avatar
  • 3,034
7 votes
Accepted

How to adjust Miter Joints to look pointy?

Any solution for this? Increase the mitre limit. However, this may result in excessively long mitres and you may need to apply stroke to path and shorten them manually.
Wrzlprmft's user avatar
  • 14.7k
7 votes

How can I do "Stroke Offset" in Illustrator?

You can simply use a dashed stroke: You can apply multiple strokes with different offsets to a single live text object using the appearance panel. You can add effects (such as Offset Path in this ...
Cai's user avatar
  • 40.4k
7 votes

Creating a striped line in Illustrator

Pattern brushes are probably your best bet. Draw a single segment of your repeating pattern. That'll be used for edges (i.e. between points) and a corner piece (I've just used a solid square). You ...
Cai's user avatar
  • 40.4k
7 votes
Accepted

Creating a striped line in Illustrator

About the only way to do this is via patterns. Either a pattern filled shape, or a Pattern Brush. For a pattern brush, the set up isn't too difficult.... :) The difference between @Cai's brush and ...
Scott's user avatar
  • 208k
6 votes

How to make spirals into endcaps for strokes?

One good trick is to use the same spiral/shape over and over again. Then mirror, rotate and cut it about. You want the same after all, then use the same. Image 1: Spirals for the same stock. The ...
joojaa's user avatar
  • 57.6k
6 votes
Accepted

How can I remove two edges of a shape but leave the fill in Inkscape?

No you cannot achieve the similar effect with a single shape because stroke and fill is one single property. The first case when you remove one edge of the stroke, the hexagon shape is not disturbed ...
chanduc's user avatar
  • 2,801
6 votes

How to obtain single-stroke fonts for laser cutting

What you want is a stroke-based font in a stroke-based format and a program that can properly deal with them, and in particular only realise the stroke. There are a few formats out there that claim to ...
Wrzlprmft's user avatar
  • 14.7k
6 votes

Illustrator: can I align an open path to either Inside or Outside

You can't align the stroke of an open path, but you can align the path itself! From Preferences → General check "Use Preview Bounds": This will use the visual appearance of objects to create ...
Cai's user avatar
  • 40.4k
6 votes
Accepted

Default style of arrows in Inkspace

The default style when drawing with the bezier curve tool can be set under Edit > Preferences. Last Style Used (works) Default setting is Last used style. This can be used to include markers in ...
Socowi's user avatar
  • 1,865
6 votes
Accepted

How to change the color of this line?

Looks like you changed the color of the fill rather than the color of the stroke. Double check that your fill color is set to transparent and your stroke is set to your target color. See screenshot ...
Ashlee Palka's user avatar
  • 1,694
6 votes
Accepted

How can I make a logo have a negative space stroke in Inkscape?

So you have 2 overlapping paths with a heavy black stroke, and want to remove the strokes and anything behind the strokes. Let's call your 2 paths P1 and P2. Select them both and duplicate (ctrl-D), ...
Juancho's user avatar
  • 1,911

Only top scored, non community-wiki answers of a minimum length are eligible