0

I'm trying to create a shape that looks like this:

enter image description here

Where there's a circle with a border that is of a particular shape, in this case a triangle. I know that you can add borders to shapes as well as "fake" borders with shadows with no elevation. But I'm not sure how to make a border with some arbitrary shape.

1

In Sketch, the process is a little different than what you're used to in Illustrator or Inkscape. Since there's no concept of brushes, you need to make the shape you'd like to duplicate in the circle and then choose "Layer" > "Paths" > "Rotate Copies". Sketch will ask you for a number of copies and will let you place the center over which to rotate.

It's not as elegant as brushes, but it should do the job.

2

Any closed path (shape) has a border and the border can be treated as a shape also. If you join a circle and a square they will now have an irregular border which you can edit or make invisible.

I'm sensing the questions "How do I make this saw blade shape?" and "how do I make a border that has a saw tooth pattern and apply it to various shapes?"

There are several options to draw the saw blade. I made a 64 point star and twisted it.

To make a saw tooth border pattern you can draw a few sample saw teeth then make a brush of them and apply it to a circle: enter image description here

With the pen tool draw a sawtooth. Make sure its a closed (completed) path. Copy it and paste twice to make 3 teeth.

Make a rectangle that's wide and flat. Place the teeth on the rectangle, align bottom everything and then align the three teeth equidistant horizontally "Horizontal Distribute Center". Select the three teeth and the rectangle and use pathfinder "combine".

Make your shape small then drag it into the brushes pallet and select "Pattern Brush". Then apply the brush to the stroke of a circle.

  • 2
    Thank you for the answer, I only have access to sketch at the moment so I'm not sure where to find AI's brush tool analog in Sketch 3 – Carpetfizz Jun 22 '17 at 0:23
  • You can do something similar in Inkscape which is free, using pattern along a path. imgur.com/Sgw88DB – Billy Kerr Jun 22 '17 at 9:55

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.