Draw Shapes in Photoshop with JavaScript

Monday, October 24, 2011 { 4 Comments }

Responses to “Draw Shapes in Photoshop with JavaScript”

I was working on the Photoshop Wireframing Kit update and I wanted to optimize the drawing of some photoshop vector shapes. Few designers know that JavaScript, VBS and AppleScript can be used to optimize the Photoshop workflow. The cool thing about JavaScript in Photoshop is that will run on both PC and MAC.I was googling and searching for solution for my scripting problem when I stumbled upon this forum post (look for Mike Hale answer) http://www.ps-scripts.com/bb/viewtopic.php?f=14&t=1802&start=15 . I did some small changes in the code - making it function that will accept multiple parameters (coordinates). All the credits for this code goes to Mike Hale he is the author of the code.What this script does?You need to put Photoshop coordinates inorder and Photoshop will draw the shape.Example of Square:// [X,Y], [X,Y] coordinates in clockwise orderDrawShape([100, 100], [100, 200], [200, 200], [200, 100]); // SquareDrawShape([512, 128], [600, 256], [684, 320], [600, 386], [686, 514], [512, 450],[340,512],[428,386],[340,320],[428,256]); // StarResult in Photoshop:You can also set the background color inside the script.The script:For installing this script you need to download DrawShape.js script copy the script inside Photoshop > Presets > Scripts - FolderFor running this script you need to go to open Photoshop and than File > Scripts > Browse find the script (where you previously copied it) and click Open.Change the coordinates inside DrawShape(); to personalize the script.I only did some tests in Photoshop CS5 but should probably run in some previous versions.Any comments?