Photoshop Shapes: How to Snap to Pixel

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.

photoshop snap to pixel

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.

photoshop snap to pixels option

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!

Share this post!

Tags: , , , , , , , ,

  • Share
  • Stumbleupon Cre8ive Commando
    • Share

  1. Janna on April 14, 2011

    Thanks for the awesome tip, never used this before! It’s so easy.

  2. Cre8ive Commando on April 16, 2011

    It’s one of those hidden Photoshop features that really comes in handy. :-)

  3. Henry on May 19, 2011

    I’m frustrated that I have spent so many years not knowing about this…

  4. Morning Copy on May 22, 2011

    I second what Henry said. Thanks for the tip!

  5. Zack on June 25, 2011

    OMFGoogle! I have been annoyed by this for over 2 years! You quite literally just made my weekend! Thanks again, great post!

  6. Jack Rugile on August 31, 2011

    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.

  7. Evgenia Grinblo on September 22, 2011

    Thanks so much!

Trackbacks

  1. [...] Photoshop Shapes: How to Snap to Pixel [...]


Have your say!