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.

1 Answer 1


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.


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.