Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

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
add comment

1 Answer

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
add comment

Your Answer

 
discard

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