GitXplorerGitXplorer
A

ps-bootstrap

public
8 stars
0 forks
0 issues

Commits

List of commits on branch master.
Unverified
0267983e51499d8ae64e89c4cb924d38a0be54e3

Update readme.md

AAratramba committed 9 years ago
Unverified
a4075dffe260102396e31c3b5ecee81a0e1afac5

Update readme.md

AAratramba committed 12 years ago
Unverified
d13982de336d6fc2ac8d2c5ff4975c658a09e10b

Update readme.md

AAratramba committed 12 years ago
Unverified
a2e32eb78aac9f0e8080e794708db39868962473

updated gruntfile

AAratramba committed 12 years ago
Unverified
d015d0d788420ea215d3e27473d828eade0c9a57

Merge branch 'master' of https://github.com/EightMedia/ps-bootstrap

AAratramba committed 12 years ago
Unverified
66b059a6ffc3a1b82ff00b81c5b2b2fd5414df63

no longer recording all history states

AAratramba committed 12 years ago

README

The README file for this repository.

tested on Photoshop CS3, CS4 and CS5

Photoshop bootstrap

Create your own predefined set of layers, layergroups and guides so you won't have to manually set these up every time you need a new psd.

Install

copy build/bootstrap.jsx to your photoshop scripts folder:

Windows: C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts
Mac OS: Applications\Adobe Photoshop CS5\Presets\Scripts

If you have copied the .jsx file to the right directory, the script should appear in Photoshop under file › scripts › bootstrap when you have restarted it. It might be nice to create a shortcut.

Example

Usage

Edit the settings object at the top of the bootstrap.jsx to meet your own needs. Default setup creates a document of 1200x1200, with guides that center 978px horizontally and one vertical guide at 100px. Also a couple of layergroups are created, namely HEADER, BODY, FOOTER, and an extra layergroup + layer for the logo.

var height, margin, settings, width;
width = 1200;
height = 1200;
margin = (width - 978) / 2;

settings = {
  /*
    document setup
  */

  width: width,
  height: height,
  /*
    guides
  */

  guides: {
    horizontal: [100],
    vertical: [margin, width - margin]
  },
  /*
    layers
  */

  layers: [
    {
      name: 'HEADER',
      layers: [
        {
          name: 'logo',
          layers: [
            {
              name: 'logo'
            }
          ]
        }
      ]
    }, {
      name: 'BODY',
      layers: []
    }, {
      name: 'FOOTER',
      layers: []
    }, {
      name: 'BACKGROUND',
      layers: [
        {
          name: 'background'
        }
      ]
    }
  ]
};
name type example
width number 1200
height number 1200
guides object { horizontal: [], vertical: [] }
guides.horizontal array [100, 100*2, width / 2]
        Numbers will be rounded off.
    </td>
</tr>
<tr>
    <td>guides.vertical</td>
    <td>array</td>
    <td>
        <code>[100, 100*2, height / 2]</code>

        Numbers will be rounded off.</td>
</tr>
<tr>
    <td>layers</td>
    <td>array containing objects</td>
    <td>
        <code>[{ name: 'layer 1' }]</code>

        Layers can be nested. If a layer contains another layers array, a layergroup is created. Every layer must be an object. If not, an empty artlayer is created.
    </td>
</tr>
<tr>
    <td>layer.name</td>
    <td>string</td>
    <td><code>layername</code></td>
</tr>

Contribute / modify

You must have node, npm, coffeescript and grunt installed.

Install node modules

Run npm link to create a local install of the grunt packages.

Edit code

Run grunt to continually compile coffeescript and move the .jsx file to the photoshop directory. Set the proper directory in the grunt.js file.