Skip to content

轻量级的photoshop辅助线生成插件(A tiny Photoshop panel to make guides and grids)

License

Notifications You must be signed in to change notification settings

asa1230/griddify

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Griddify

It's a tiny photoshop panel to make guides and grids. Download and see the tutorial here.

Preview of Griddify

Bugs and Feature Requests

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.

Compatibility with CS4/5/6

We're working on a CS6 version, and it might be possible to get it working with CS4/5. Track the progress in this issue.

Development

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:

First, the requirements:

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.

Preparing the dev environment:

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.

Developing

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.

License

It's under GPL Version 3.

About

轻量级的photoshop辅助线生成插件(A tiny Photoshop panel to make guides and grids)

Resources

License

Stars

Watchers

Forks

Packages

No packages published