Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I'm trying to create 1 pixel wide borders for some web buttons. I've tried to use the GIMP path tool to do this but I can't figure out how to get it looking right. See attached image.

1 - copied from a button I found on a web-page. This is what I want - single pixel horizontal and vertical lines with feathering on the curved bits.

2 - path that I used to generate the images on the right.

3 - with no antialiasing. No good as too jaggy and corners not smooth.

4 - with anti-aliasing. Straight lines are too fuzzy as they are 2 pixel wide rather than 1.

Is there a way to do this with the path tool or any other way with the GIMP, or should I try some alternative to the GIMP?

enter image description here

share|improve this question
up vote 1 down vote accepted


share|improve this answer
Since your question was answered on your GIMP forum post, would you add a summary of the solution here? I read through the forum post and was going to try to sum it up here, but to be honest I don't understand most of the information. – Shannon Wagner Aug 7 '12 at 18:29
In essence, path has to be on half-pixel coordinates for an odd width path. – spiderplant0 Aug 8 '12 at 21:47

Zoom in a lot, so that one pixel of the image being worked on is the size of your fingertip, and use the 1-pixel size brush. If you click on one pixel, hold down the shift key then click somewhere else, you'll get an straight clean line, and it's fairly easy to make it perfectly horizontal or vertical.

share|improve this answer

Your Answer


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.