Photoshop: Add 9-Slice Scaling

  • 67
  • Idea
  • Updated 12 months ago
  • (Edited)
Add 9-Slice Scaling to Photoshop CS6. This would be hugely beneficial, especially with the advancements made with the shape tools.
Photo of Mark Steinruck

Mark Steinruck

  • 6 Posts
  • 0 Reply Likes

Posted 8 years ago

  • 67
Photo of Joshua Stachowski

Joshua Stachowski

  • 2 Posts
  • 6 Reply Likes
As an Interface Designer, creating 9-slice components is my bread-and-butter. When creating mock ups in Photoshop, re-sizing a complex component that would be 9-sliced in the final implementation is a chore. A significant MAJORITY of my time is spent on this one thing alone.

If smart objects had the ability to specify 9-Slice scaling guides, it would be a dramatic improvement for our workflow.
Photo of Edward Sanchez

Edward Sanchez

  • 8 Posts
  • 4 Reply Likes
This reply was created from a merged topic originally titled Enable 9 patch / 9 slice for Smart Objects.

It would be wonderful for UI Design to have 9 patch on smart objects, similar to the implementation found in Illustrator.

This would allow me to create a UI Kit for iOS and Mac OS where buttons, fields, windows, etc all can be resized and retain their shapes.

In these screenshots you can see some examples where some of those elements could be 9 sliced and could be reused.

Compound that with Smart Object states and you could have 1 smart object for all your buttons no matter what size they are.



Same for windows:


How could it be implemented simply?

On a very basic level you could implement this by leveraging Guides to serve as 9 patch. If the user has 2* or 4 guides inside their smart object


then a new option could appear in the Properties menu.


*2 guides would serve as a 3 patch, for objects that can only be scaled vertically or horizontally but not both.
Photo of Joe Horan

Joe Horan

  • 17 Posts
  • 6 Reply Likes
This was requested 5 years ago and it's still a very needed tool in photoshop.

I'm a UI designer and this is such a basic feature across all platforms (web, android, unity, etc) that I'm shocked to find this is still a missing feature.

Don't fall behind Adobe
(Edited)
Photo of Mike Wach

Mike Wach

  • 2 Posts
  • 8 Reply Likes
How is this still not a feature, even with Photoshop CC 2018???
Photo of oscar losan

oscar losan

  • 89 Posts
  • 6 Reply Likes
incomprehensible in 2018