Photoshop: Thanks Adobe for 'snap vector tools and transforms to pixel grid'

  • 1
  • Praise
  • Updated 6 years ago
Thanks Adobe! This is godsend! UI designer here zooming in on elements on many occasions. Now I don't need to zoom out anymore to nudge the elements with a few pixels.
Photo of Benny Chew

Benny Chew

  • 19 Posts
  • 0 Reply Likes

Posted 6 years ago

  • 1
Photo of Brandon Tyson

Brandon Tyson

  • 37 Posts
  • 4 Reply Likes
Agreed, this is a long-needed change. I'd also like to see an option for vectors to snap to the nearest pixel when the document is resized. I work on mobile games and have to output UI elements for multiple device resolutions, so I'm always resizing the document, then re-aligning vectors to the pixel grid.
Photo of Chris Cox

Chris Cox

  • 20280 Posts
  • 765 Reply Likes
The aligned rendering option will handle vector shape edges even after resizing.

And I think there is a feature request for a "snap these layers to the pixel grid" command (which we just didn't get to in CS6).
Photo of Brandon Tyson

Brandon Tyson

  • 37 Posts
  • 4 Reply Likes
@ Chris Cox

Ah, I see. So, that check box is apparently not a sticky setting. I thought it was, and was not making sure to first switch to a vector tool, then click the 'Align Edges' box before resizing my layouts. I think if I've turned that on, it should stay on. And maybe it should be in Preferences as an option for resizing docs.

There are some images attached showing a vector box on a 512x512 canvas that has been resized to a 230x230 canvas. I think it's a little strange that it is only drawing the pixels snapped to the grid, rather than actually snapping the vector to the grid.

I'm glad you pointed this out for me, but I do think there's a little room for improvement there. All in all, it is definitely a valuable feature.

Thanks for your response.

512x512:


230x230:
Photo of Brandon Tyson

Brandon Tyson

  • 37 Posts
  • 4 Reply Likes
Oops, 2nd screenshot is wrong. Sorry! Here's the correct 230x230, with Align Edges Clicked:

Photo of Chris Cox

Chris Cox

  • 20280 Posts
  • 765 Reply Likes
The checkbox is a layer property -- so it's remembered per layer.
Photo of Brandon Tyson

Brandon Tyson

  • 37 Posts
  • 4 Reply Likes
So to get my entire layout to do this upon resizing, I have to remember to check the box for every vector I create as I design? I think it should be sticky for the tool, not per layer.
Photo of Chris Cox

Chris Cox

  • 20280 Posts
  • 765 Reply Likes
Snapping all shapes to the grid doesn't always do what you want -- but the end goal is usually to have sharp edges on the outside of your shapes, and that's what aligned rendering does. But it's a per-shape option, because sometimes designers do want soft edges or high resolution grids (assuming that their work will be rasterized at different resolutions).
Photo of Benny Chew

Benny Chew

  • 19 Posts
  • 0 Reply Likes
Check out these actions. 'enable pixel snapping', 'disable pixel snapping'
They are awesome!

http://bjango.com/articles/actions/