Photoshop: Redesigned Gradient Editor, Please!

  • 3
  • Idea
  • Updated 6 years ago
  • (Edited)
Redesign the Gradient Editor to make it more useable, offer modern features and take advantage of larger resolutions screens.

• Offer snapping, numbered stops
• Make stop icons larger and more easily targeted
• Allow Opactiy and color to be locked together
• Make the gradient area MUCH bigger — it is currently tiny and hard to target, especially when stops are close together.
• Offer live, customizable previews
• Make adding presets clearer and easier to understand.
• Offer an export to CSS option that gives clean, CSS3 that works cross-browser

Here is a quick mockup of what I'd love:



If that doesn't display, you can see it here: http://phtshp.us/HwMPyD

Feel free to take any of my designs or ideas. It'd be worth it to get a Gradient Editor that didn't make me want to scream when I use it.

Thanks!
Photo of Joseph Rivera

Joseph Rivera

  • 35 Posts
  • 2 Reply Likes
  • frustrated

Posted 6 years ago

  • 3
Photo of Chris Cox

Chris Cox

  • 20280 Posts
  • 766 Reply Likes
You do know that you can resize the gradient editor dialog, right?

And you're confusing the gradient tool with the gradient editor.
The tool has a mode, direction, scale, etc.
The editor just applies to the gradient preset, not how you used the tool.

And you've confused the opacity and color stops - which are independent.
Photo of Mike Abbott

Mike Abbott

  • 35 Posts
  • 13 Reply Likes
"And you've confused the opacity and color stops - which are independent."

I don't think Joseph was confused. If you read his post carefully he is suggesting an option to allow colour and opacity stops to be locked together in position.
Photo of Joseph Rivera

Joseph Rivera

  • 35 Posts
  • 2 Reply Likes
Yes, I'm aware that you can scale the gradient dialogue box, but it doesn't do much good — since the gradient ramp is still very thin and individual stops can be hard to grab if close together (especially when working with a Wacom pen). I'm also just looking for more area to work in and a better layout for visualizing the gradient before I apply it.

I'm not confusing the gradient tool with the gradient editor, what I'm showing above is integrating the gradient tool options in order to allow users to adjust the preview so they can see what the gradient will look like in different scenarios.

As Mike said, I understand the difference between opacity and color stops and just desire the added functionality of locking them together to easily move them at the same time.