/improved-slider

A panel extension for Adobe Photoshop

Primary LanguageJavaScriptMIT LicenseMIT

Extra improved slider

An Adobe Photoshop CC panel extension. Includes RGB and HSB color sliders, a greyscale slider, and a 6-step greyscale slider.

HSB screenshot RGB screenshot

Usage

  1. With Adobe Photoshop CC installed
  2. Download the .zxp file in /build
  3. Download ZXPInstaller (This is just what I used; other .zxp installers may also work) and install the extension. Alternatively, convert the .zxp to .zip by changing the extension, and extract the files. The folder must be placed in "C:\Program Files (x86)\Common Files\Adobe\CEP\extensions" To show up as an extension.
  4. Launch photoshop
  5. Open the panel: Window > Extensions > ExtraImproved Slider

Issues

  • Switching fg/bg colors with "x" hotkey does not immediately update the panel (requires mouse over to update)
  • If the background color is selected (panel), but the foreground color is active (default color picker), sampling a color will update the panel's foreground color, instead of the background color.

Resources & Tips

Useful development guides

CEP Cookbook

Adobe-CEP Getting-Started-guides

Debugging

https://www.adobe.com/devnet/creativesuite/articles/a-short-guide-to-HTML5-extensions.html

Adobe Photoshop CC 2015 Scripting

Photoshop DOM Hierarchy

Davide Barranca's HTML Panel Tips

Tip:

To run your extension during development, copy the project folder (in this case, the ImprovedSlider folder) into this directory:
C:\Program Files (x86)\Common Files\Adobe\CEP\extensions
And don't forget to set the debug mode.

How to Package an Extension

SigningTechNote_CC.pdf

Installing a packaged extension

Use http://zxpinstaller.com/ to install the .zxp.

Alternatively, convert the .zxp to .zip by changing the extension, and extract the files. The folder must be placed in "C:\Program Files (x86)\Common Files\Adobe\CEP\extensions" to show up as an extension.