Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It only takes a minute to sign up.
Sign up to join this community
How do I create this look in Illustrator: black single-pixel outer border, brighter inner single-pixel border? Example:
I've tried adding a black one-pixel path to white border in Illustrator but it ends up looking like this - not crisp:
I'd prefer to implement it in Illustrator, but please advise Photoshop solutions if you believe it's not possible in Illustrator.
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.
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.
