dreathack/velositey

Photoshop panel containing scripts (.jsx) to quickly create websites

Velositey v1.1

Photoshop panel made in Adobe Configurator 4 containing scripts (.jsx) to quickly create websites.

Download the latest version: http://www.dandkagency.com/velositey

Installation

1. Place 'Velositey' folder in 'Adobe Photoshop CS6/Plug-ins/Panels' or 'Adobe Photoshop CC/Plug-ins/Panels'
2. Launch Photoshop CC
3. In Photoshop, go to 'Window > Extensions > Velositey'

Please note: Make sure the folder you copy to your “Panels” folder is named “Velositey” NOT “Velositey_XX_v1.1” or it will not work

Tools Instructions

Measure Height:

1. Select an area with the Marquee (M) tool
2. Hit the "Measure Height" button

Velositey will measure the height of the selection and publish it onto the document in the "Dimensions" layer set.

Measure Width:

1. Select an area with the Marquee (M) tool
2. Hit the "Measure Width" button

Velositey will measure the width of the selection and publish it onto the document in the "Dimensions" layer set.

Measure Both:

1. Select an area with the Marquee (M) tool
2. Hit the "Measure Height & Width" button

Velositey will measure both the height and width of the selection and publish them onto the document in the "Dimensions" layer set.

Type Specifications:

1. Select a type layer
2. Hit the "Font Specifications" tool

Velositey will now mark the layer with a number and publish the font family, weight, colour and size in a box on the far left of the document.

JPG & PNG buttons (Exporting with CC only):

1. Select a layer or layer set
2. Hit the "JPG" or "PNG" button

Velositey will now assign ".jpg80%" or ".png" to the end of the layer name (requires Generate > Image Assets to be turned on before or afterwards to export images).

Change log

• New Velositey extension icon
• 1 x New half size slider
• 1 x New content area
• New Modules accordion!
• 8 x New modules!
• Refined all of the templates
• Renamed layers and groups
• Lots of bug fixes
• Fixed some panel issues (CS6)
• Fixed alerts appearing (CS6)

Disclaimer

To get the save JPG to work, you must have saved your PSD in a certain folder structure. Look at the "Proofs" folder for more details on how to structure this folder. This is the case due to internal reasons within our workflow.

Attribution

• kieranpblack - Development
• HYPD - UI, Updates & .PSD Assets

Special thanks to these guys:

• Paul Riggott:
  1. Remove unused layer effects
  2. Delete empty layers
• xbytor2:
  1. General help from the forums
  2. Stdlib.js to traverse layers
• Trevor Morris
  1. Array generator
  2. Distribute Layer Spacing Horizontal
  3. Distribute Layer Spacing Vertical
• WebIconSet.com
  1. Map Icons
• Sean Dalton
• Scott MacKenzie

Known Bugs/Issues

• Hitting 'Save Icon' button and then closing without saving when Favicons or Mapicons aren't open will close your current active document without warning
• Save preview as JPG button does not overwrite older JPG's in some instances

Disclaimer: To get the save JPG to work, you must have saved your PSD in a certain folder structure. Look at the "Proofs" folder for more details on how to structure this folder. This is the case due to internal reasons within our workflow.

Feedback

We would love your feedback! dan@dandkagency.com

Disclaimer

We would love your feedback! dan@dandkagency.com

By D&K http://www.dandkagency.com

License

This addon is completely Open Source under The MIT License (See LICENSE.md above), but we would really appreciate attribution if anyone decides to modify the code and release it. We would love to see what people come up with!