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 ...
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 ...
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 ...
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 ...
14
votes
How do I make this arrow symmetrical?
You can use clones...
Create one side (e.g. here we've created the right side) and ensure the side has a perfectly vertical edge by using the "Align and Distribute Objects" dialog to align the nodes)....
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 ...
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
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 ...
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, ...
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 ...
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.
12
votes
Accepted
How do I make this arrow symmetrical?
Two options:
When you select a node, you can manually enter the coordinates.
Select either of the two outer nodes and make its Y coordinate match the other one’s
Make its X coordinate such that the ...
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 ...
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. ...
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 -- ...
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 ...
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 ...
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.
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.
9
votes
A gap between lines of joined path in illustrator
Select all objects, and go to Object > Path > Offset Path to offset all the objects to 0.1mm. that should work
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....
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 ...
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 ...
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 ...
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.
...
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 ...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
path × 895adobe-illustrator × 522
inkscape × 177
vector × 134
adobe-photoshop × 109
shapes × 109
stroke × 101
svg × 75
pathfinder × 42
text × 41
fill × 41
cs6 × 35
pen-tool × 32
anchor-point × 31
selections × 26
gimp × 24
sketch-app × 23
brush × 22
gradient × 20
path-effects × 20
mask × 17
bezier-curve × 17
logo × 16
color × 14
layers × 14