Ian Hoar – Passion for Technology – Geeking Out - Technology, Web, Toys, Games, Design, Entertainment, Gadgets, & Geeking Out

Adobe Photoshop CS4: Blurry edges with the Rectangle Tool

April 27th, 2009 Comments22

Photoshop IconI was playing around with Photoshop CS4 and came across an odd setting. I’m not even sure what the default setting usually is, but for me it was my first time dealing with non-pixel perfect blurry rectangles in Photosohp and it really threw me for a loop. Below you can see two 60 pixel boxes created with the rectangle tool. Both boxes look the same, but upon further inspection you will see that the right box has blurry edges and the left box is pixel perfect and sharp.

Photoshop rectangles 100 zoom

Here are the two boxes zoomed to 300%.

Photoshop rectangles 300 zoom

What the $#%??

This is enough to drive any web designer mad and I don’t really know what possible use the non pixel perfect box would have, but maybe that’s because I’m a web designer and I like clean straight edges and lines. Luckily this setting is super easy to turn off. Select the Rectangle tool then at the top of Photoshop click on the little arrow which will open the Geometry options for the rectangle. If you selected the Rectangle tool, you should be seeing the dialogue below.

Rectangle Options

Select the Snap to Pixels option and now you will have clean pixel perfect rectangles. This option is also available for the Rounded Rectangle tool. No more blurry edges.

Related posts:

  1. Adobe Photoshop CS3 and no Image Ready? Animated GIF’s Part II
  2. Photoshop Tip #4: How do I make arrows in Photoshop?
  3. Photoshop Tip #2: border keyline / stroke
  4. Photoshop Tip #3: Bullets in Photoshop
  5. Adobe Photoshop CS3 and no Image Ready? No animated GIF’s either?
Comments feed | Posted in: Adobe, Frustration, tips, Tutorials

22 Comments to “Adobe Photoshop CS4: Blurry edges with the Rectangle Tool”

Responses:

Your comments are important, join the conversation