Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

I've been creating an arrow in Sketch and whenever I adjust the Size property of the border, it decides to burst out the side of the < part of the arrow. Is there anyway to fix this, or am I messing with the wrong value?

enter image description here

share|improve this question
1  
Anyone? ..... :( –  Ian Carroll May 15 '13 at 23:37
    
We have quite small group of people here who use / know how Gimp or Inkscape work and questions regarding those programs have pretty hard time getting answered (in my opinion). I wouldn't keep my hopes very high for questions regarding Sketch :/ –  Joonas May 16 '13 at 8:31
    
@Joonas I thought Sketch was an Autodesk product? How do you get Gimp and Inkscape from that? To OP how are you creating the symbol? Are you creating it from within the program or are you making it from scratch? –  Gramps May 16 '13 at 17:15
    
@Matt_2.0 The point is that those two are are way older than Sketch, not to mention free and multiplatform but even so, questions about them are having hard time getting answers here. -- Sketch is not Sketchbook. It's this bohemiancoding.com/sketch –  Joonas May 16 '13 at 17:43
    
@joonas your point is valid (Sketch is not widely used), that said, I've seen plenty of Inkscape and Gimp answers here. –  DA01 May 16 '13 at 19:21
show 1 more comment

2 Answers

up vote 7 down vote accepted

You've probably solved this by now, but for the sake of others who hope to make Sketch their Adobe killer (like me) here's the real answer.

Sketch's arrow shape tool sucks.

You're problem lies in the stroke end style. Take a look at these arrows and their corresponding stroke end settings.

  1. This one is sucky.
    enter image description here

  2. This one is less so.
    enter image description here

I've also noticed a serious screen drawing issue with the arrow shape but not with other shape objects. I think there's just a bug with the poor thing.

Sketch is a young app. These things are bound to plague us hopeful early users. Fortunately, Bohemian just brought on two new employees to keep things moving ahead. Let's all hope for something great in Sketch 3.0!

share|improve this answer
    
Is Sketch your Adobe killer? I was looking at that (and Xara, and Corel, and FOSS...) was was curious. –  Brendan Jul 16 '13 at 18:03
    
Nice. @Brendan Sketch users hope that someday it will be. –  Ian Carroll Jul 16 '13 at 21:16
    
Unfortunately, it's not there yet. It has a few shortcomings that make it unusable for my normal projects (very complex pages/web apps). But it does have some amazing workflow improvements over Illustrator (my favored tool) that prove Bohemian is stepping out of the norm to do something bigger and better. I'll keep experimenting and waiting anxiously for v3. –  plainclothes Jul 18 '13 at 18:11
add comment

It is unclear to me if the arrow is using a tool to {magically} tack on an arrow to a line, or if it is a composite vector.

If it is a composite, just move the left anchor rightwards. This may cause a gap at smaller border sizes. Alternatively, merge the shapes before applying the border.

If it is a {magic} shape, enlarge the shape and use a color fill, don't alter the border size.

Note that when enlarging a vector, the software must make an uninformed decision about how to handle attributes like borders. Some scale them, some leave them alone, some let you pick, some default to the one you wouldn't choose. For this reason, it is sometimes a good idea to not rely on these effects to define the shape of items which may be scaled in applications which you have no control over. (such as my grandmother's web browser)

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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