Skip to main content
Share Your Experience: Take the 2024 Developer Survey
18 votes

Technique for finding the centerline of a curved object?

Use Illustrator's Blend Outline your type (Type → Create Outlines) If needed, ungroup the paths and/or release the compound path (Object → Ungroup / Object → Compound Path → Release) Use the Direct ...
Cai's user avatar
  • 40.6k
17 votes
Accepted

How to make a hexagonal grid?

Using Transform Effects isn't that hard; you just need three measurements.... The measurements are: X1: Width X2: 1/2 Width Y2: 3/4 Height You then need two* Transform Effects... The first set to ...
Cai's user avatar
  • 40.6k
15 votes
Accepted

How to generate a two-circumference curve?

Rotate each circle 45° (causing them to have an overlapping anchor point) Use the Direct Selection Tool (White arrow) to click anchors and delete them, leaving appropriate segments. Select the middle ...
Scott's user avatar
  • 209k
14 votes

How to set Text on Path on outside path in Sketch?

i wanted to add a new answer which doesn't create transforms and/or rotations on your text-path. (if you're exporting it to SVG). If you want the text to be on the outside of the shape you should do ...
Gianluca's user avatar
  • 241
14 votes

Cutting a area from a circle in Sketch 3

You can use scissors to cut part of the circle. Draw circle, select Edit mode, add two points, press Enter. Part between these two point we can delete later. Select Layer -> Paths -> Scissors Hover ...
zholdas's user avatar
  • 1,064
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.4k
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.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,593
13 votes
Accepted

Automatically merge overlapping nodes in inkscape

Referring to the provided source, you need to: ungroup (Shift-Ctrl-G) your object, select the paths and combine (Ctrl-K) them in a single path switch in Edit paths by nodes mode (F2), select all the ...
Paolo Gibellini's user avatar
13 votes
Accepted

Simplify path settings in Inkscape

You want Edit / Preferences / Behaviour and you can set a number there. The lower the number, the less change when you try to simplify.
z3z's user avatar
  • 1,221
12 votes

Illustrator - how to create area with evenly shaped bumpy outline

Simple half-circle Pattern Brush. Then if you want the actual path, Object > Expand Appearance. This will leave all the individual semi-circles. If you want a single path, select them and choose ...
Scott's user avatar
  • 209k
11 votes
Accepted

Illustrator: How do I merge a shape to take the form of another?

Shape Builder (as you mentioned) is a perfectly acceptable way to do what you want. Or you can just use Pathfinder. Extend the top shape over the area you want to cover. Duplicate the bottom shape. ...
Cai's user avatar
  • 40.6k
11 votes
Accepted

How to duplicate an illustrator path X times, equally spaced within a selection

Select the start and end paths.... Choose Object > Blend > Make Then Choose Object > Blend > Blend Options and set the drop down menu to Specified Steps and enter 8 in the text field -- ...
Scott's user avatar
  • 209k
11 votes

Connect a circle and a line together

In Illustrator, it's actually quite simple and easy. Use the Direct Selection Tool (A) to select the whole area around the circle (including the anchor points from the lines) Then just drag it to ...
Welz's user avatar
  • 9,999
10 votes

Fill enclosed path in Inkscape

I am brand new to Inkskape and I found this question as the first search result for inkskape closed path fill. Unfortunately, the paint bucket added aliasing artifacts and I spent 15 further minutes ...
Plato's user avatar
  • 201
10 votes
Accepted

How to cut intersecting paths in illustrator

Use the Shape Builder Tool. Select both circles and merely drag across the path you don't want.
Scott's user avatar
  • 209k
10 votes
Accepted

Select empty space and change color in vector

You can select your path and Right click → Release Compound Path (Alt+Shift+Ctrl+8). This will break away the cutout back to it's own shape which can then be filled.
Welz's user avatar
  • 9,999
9 votes
Accepted

Illustrator: Is there an efficient and accurate way to join two circles by their tangents (and keep it editable)?

After experimenting, I found two decent methods. You can make a path with a thick, round cap/join stroke. If the two circles are the same size then you can Object > Expand... and this will sufficient....
marcusdoesstuff's user avatar
9 votes

Illustrator: create four double sided arrows to form a circle

Make your basic shape with arrow headed Go to the brush tab or Press F5 click on new brush Select Pattern Brush and press ok Name the brush as you wish In the spacing 25 and Fit options Add space to ...
atek's user avatar
  • 592
9 votes
Accepted

Stacked light circle effect in Photoshop?

I think there're different ways to achieve a similar this effect. Here're several ideas: Use a smart object with Polar Coordinates filter applied. This way you can paint straight lines inside the SO ...
Sergey Kritskiy'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,999
8 votes
Accepted

Snap paths in Illustrator

Edit: I was wrong, Vincent is correct... Smart guides don't work on paths by default, but if you hold down cmd on a OS X or Ctrl on Windows while moving your object you will be able to snap to paths. ...
Cai's user avatar
  • 40.6k
8 votes
Accepted

Divide circle in half in Inkscape

I determined the problem. The "cut path" function in Inkscape requires exactly two objects. If the user has 3 objects selected then the program does nothing. In my case I had two concentric circles ...
Tyler Durden's user avatar
8 votes

Why add extrema points when designing fonts?

As already mentioned, extrema are needed for font rendering and in particular hinting. To understand this, let’s at first look at what roughly happens when autohinting a glyph with extrema as anchors ...
Wrzlprmft's user avatar
  • 14.8k
8 votes

Join two paths with a border

Just use the shape builder tool. (Shift+M) Select both Shapes Using the shape builder tool, drag and connect them. They should now be merged into one shape You can also use the Pathfinder [Window ...
Welz's user avatar
  • 9,999

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