How do I avoid round corners in an text with outline/stroke?


Some time ago I managed to add this text (see below) to a logo at 512 x 512 px. I reproduced the black text using Arial Bold 200 with kerning at -20 in Paintshop Pro.

However, if I try to feather, expand or contract in Paintshop Pro or Photoshop, I end up with a much more rounded inner area (shown in white below). I've also tried using a smaller font, but I can't get it to match the right size of the black border.

My question is, how do I produce the outlined text (as shown below), where the black text is at the size mentioned above, in Paintshop Pro or Photoshop?

I need to generate a much larger image, 1024 x 1024 px, so I can't just scale it up as it will look awful.

Note that although I have scaled up this image for the benefit of this question, the text is anti-aliased in the final image.

enter image description here

9/5/2012 10:05:00 PM

Accepted Answer

I think it might be beyond Photoshop's capabilities. The effect can't be done with usual border algorithms, since they'll always fail at the corners for this. They treat corners as points, and draw an arc with the set radius around it, thus making things round.

There might be an outline font for that somewhere, or you could try to find another program to do it.

Adobe Illustrator works quite nicely:

Word FREE outlined

White background with black stroke on default settings (Miter Join for corners).

9/5/2012 8:31:00 AM

@Jules: You can do it in Photoshop CS6, but it's a little unintuitive.

  1. Type your text
  2. Select Text > Convert to Shape
  3. Select any of the Shape tools
  4. In the (Shape Tool) Option Bar, change the Stroke to a color (and size)
  5. Click on the line next to Stroke, this is your Stroke Properties
  6. Set the properties as you'd like

Done... and non-destructive (except for the converting the text to a shape).

I hope this helps. Cheers!

enter image description here

Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow