How can I make a stroke look pixellated like this in Photoshop CS6?
I'm talking about the sign's border specifically (not the text). Ideally I don't want to have to manually draw the pixels, so it's repeatable at different sizes.
After a fair amount of fussing around with slight tweaks here and there, I was able to achieve something similar, using
I think there is a sweet spot between
The slightly tricky bit is if you want to start it as a larger image. I created it with exactly the number of pixels I could count on the actual object which was
That's why I recommend creating it with the exact amount of pixels and scaling up when you save.
There are repeatable ways to achieve this, but no matter what, if you want exactly those results in your example, it will take a fair bit of tweaking.
You can then scale it up when saving, make sure to use the
Also, the gradient appears to be custom made.
As per the method in the very similar question linked to this one, using a
This is the final result using the drop-shadow method:
If you look closely at the corners, the drop shadow method achieves tighter, thinner corners with less aliasing.
You will have to draw the edges that way, or find a pixel font without any anti-aliasing (for the text).
Great pixel fonts at http://www.fontsforflash.com/
For the stroke....
It's really a simple matter to grab the Rectangle Shape Tool, tick the Align Edges option on the Control Bar and set the Shape Mode to Combine, then zoom in and draw rectangles. It only takes a few moments.....
And once you do this you can enlarge all you want and retain the edges....
In addition, you can use