Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

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

How do I create this look in Illustrator: black single-pixel outer border, brighter inner single-pixel border? Example:

enter image description here

I've tried adding a black one-pixel path to white border in Illustrator but it ends up looking like this - not crisp:

enter image description here

I'd prefer to implement it in Illustrator, but please advise Photoshop solutions if you believe it's not possible in Illustrator.

share|improve this question
up vote 4 down vote accepted

Draw the shape - black fill, black 1pt stroke.

Make certain "Align to Pixel Grid" is checked on the Transform panel.

Add a new stroke via the Appearance Panel. Set it to 1pt and white.

Choose Effect > Path > Offset Path and insert -1pt into the field.

enter image description here

Additional: You could simply create the inner stroke and set it to align inner via the Stroke Panel. However, when you use that method the inner stroke won't align to the pixel grid and will be off-center. Seems that may be a bug in the align to pixel feature.

share|improve this answer
Thank you for quick answer:) Works perfectly. – user4485 May 6 '12 at 2:09

Your Answer


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