It's a tiny photoshop panel to make guides and grids. Download and see the tutorial here.
Firstly, thank you for wanting to contribute! If you have any features/improvements in mind, or if something isn't working, just open an issue.
The CS6 version is ready. Unfortunately, I haven't found the time to familiarize myself with Adobe Flex (apparently, you can develop HTML extensions for older versions of Photoshop using Flex). If you can help me port Griddify to CS versions, please let me know.
If you're having trouble installing Griddify on Photoshop CC 2014, there is a manual installation guide here.
PRs are more than welcome! Griddify depends on photoshopjs-core to command photoshop and also on photoshopjs-panel to create the interface of the panel. These projects currently only support the requirements of Griddify, and they'll be further developed as we work on Griddify and a couple of other Photoshop panels, which means if you wanna add a feature to Griddify, you probably gonna have to take a look at those too.
Here, I'll describe how you can develop griddify:
Beside Photoshop CC, you need to have ruby/compass if you want to change the css, and you need nodejs if you wanna change the scripts.
Get a clone of the repo and then install with npm:
$ git clone https://github.com/pixana/griddify
$ cd griddify
$ npm install
Then, create a symlink from this directory to where you installed griddify:
- On Mac: ~/Library/Application Support/Adobe/CEPServiceManager4/extensions
- On Windows: %APPDATA%\Adobe\CEPServiceManager4\extensions (You might have to create the extensions folder)
You also need to enable the debug mode in Adobe applications. Quoting from this article:
- On Mac, open the file ~/Library/Preferences/com.adobe.CSXS.4.plist and add a row with key PlayerDebugMode, of type String, and value 1.
- On Windows, open the registry key HKEY_CURRENT_USER/Software/Adobe/CSXS.4 and add a key named PlayerDebugMode, of type String, and value 1.
Now, if everything has worked, when you restart Photoshop CC you should be able to see the panel in the Window > Extensions
menu.
To watch the files for changes:
In OSX: (could someone please test this?)
$ npm run watch
In windows:
$ npm run winwatch
The extendscript stuff are in the scripts/coffee/commands
directory and the script for the interface is in scripts/coffee/panel/panel.coffee
.
It's under GPL Version 3.