1

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

1

Answer...

http://gimpforums.com/thread-1-pixel-wide-line-with-feathering

  • 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
  • 2
    In essence, path has to be on half-pixel coordinates for an odd width path. – spiderplant0 Aug 8 '12 at 21:47
1

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.

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.