When drawing vector shapes in Photoshop I often find it annoying that the edges are quite blurry. Fortunately, there’s a very simple and little known trick that snaps vector shapes to pixels to avoid the ugly blurry edges.
You can clearly see the problem in the image below. The rounded rectangle shape on the left has blurry edges while the one on the right has nice clean edges that sit on the pixel grid.
To make your Photoshop vector shapes snap to pixels simply tick the “Snap to pixels” option in the shapes options box. This results in perfect vector shapes every time, no need to zoom in and edit the edges every time you draw a rounded rectangle.
Adham Dannaway
Web Designer and Front End Developer with a passion for web design, coding, blogging, WordPress and chewing gum. Check out my web design portfolio and follow me on Twitter and Facebook!
Thanks for the awesome tip, never used this before! It’s so easy.
It’s one of those hidden Photoshop features that really comes in handy.
I’m frustrated that I have spent so many years not knowing about this…
I second what Henry said. Thanks for the tip!
OMFGoogle! I have been annoyed by this for over 2 years! You quite literally just made my weekend! Thanks again, great post!
Thanks so much for this. I think this feature should be checked by default. Also, it would be nice, not necessarily to be able to resize a rounded rectangle while retaining the proper border-radius, but at least show somewhere on the layer (even in the layer name), what radius was used to make it! I hate having to guess between 2-5 px
You rock, thanks again.
Thanks so much!