第25周-Photoshop-脚本编程简介

1、Photoshop-脚本编程简介：

自动化对每个设计师的工作来说是很有用的。它可以在重复的任务上节省宝贵的时间，还能够帮我们更快捷、更容易的解决一系列问题。

你可以使用photoshop的动作来使工作流程自动化，这是很流行的，大多数人都知道并且已经在使用的方法。今天，我们将介绍给你一种高级的自动 化技巧：脚本语言。所有的这一切仅仅需要你有一点点关于JavaScript的基本知识，这对于我们中的一些网页设计师往往都是具备的。

我很多年前就知道Photoshop的脚本语言，但是我几个月前才开始决定研究它。我忽视了它是因为我认为那是聪明的具有数学思维能力的程序员的领域。但是我错了，今天我将要来告诉大家，尽管它需要一些基本的程序技巧，脚本语言并不是那么难掌握。

但是，一开始，我们得回答以下这几个明显的问题：

为什么我们需要脚本语言？

为什么我们在Photoshop已经有了很棒的动作之后还要需要学习脚本语言？答案是交互性！当你使用动作时，你不能真正的控制它在不同的情况下的表现，就像录像带不停的一遍又一遍的播放而没有任何改变。

一个脚本语言更灵活，它表现形式的改变取决于你输入的参数或者是应用程序的内容。听起来很有用？不是么？

要求

你不需要是一个会写脚本语言的高级的程序员。我就仅仅是一个平面设计师，就像你们大多数人一样。但是你需要对JavaScript至少有一个基本的了解,以及一些属性和方法的经验去领悟这篇文章的大部分内容。

如果你对JavaScript一点都不了解，别害怕！有很多地方你可以了解程序的一些基本知识。例如：Codecademy，有很棒的完整的交互式课程。

我使用CS5，但是这篇文章中讲的也同样适用于新版本。Adobe从CS5开始已经没有对其脚本API进行更新。我会选择看最新的脚本文档版本，虽然它是cs6的.

开整

当你开始在PS中记录动作的时候，你设定了一个达到某一结果的步骤顺序，这就是你的算法。然后你按下开始动作，在PS里面就一个接一个的重复你刚才 的动作。脚本也差不多，但是不会一步一步的在PS中完成，而是你把它们一条一条的写出来。在PS里面大多数你想要完成的动作都有相同的功能按钮可以完成。

如果你需要创造一个动作将你的文件从原始大小放大到150%，你需要完成以下几步：

１，打开图像-图像大小

２，长宽输入１５０％

３，点击确定。

同样的脚本语言会是这样写：

１，为这个应用命名为：app

２，选中文件：activeDocument

３，把这个属性命名为重设图像大小：resizeImage(width,height)

代码就是这样：

 
 
 

  
app.activeDocument.resizeImage("150%", "150%"); 
 

语言

有三种方式在PS里面写脚本：在mac上用AppleScript, Windows用VBScript，或者用JavaScript在两者上都可以。我使用第三种方式，因为它可以跨平台，并且我有一定JavaScript的基础。

工具

Adobe有它自己的写脚本的工具，叫做：ExtendedScript　Toolkit.

这个工具包在PS里面，你可以在这个文件夹中中找到：

Mac OSX: /Applications/Utilities/Adobe Utilities CS6/ExtendScript ToolkitCS6/

Windows: C:\Program Files\Adobe\Adobe Utilities-CS6\ExtendScriptToolkit CS6(64位的Program Files(x86))

ExtendedScript　Toolkit的用户界面非常的简单。开始写代码，第一步就是要在下拉菜单中选择目标应用。如果PS已经在运行，就可以看下下拉菜单旁边的绿色链接图标：

这个时候，你可以像这样写：

  
  
  

   
alert("Hello Photoshop!"); 
  

 

ExtendedScript　Toolkit　有一些其他的调试代码的不错特性，但是这一段代码就这样就够了。你可以通过：帮助-JavaScript Tools Guide学到更多如何使用它。

你可以使用任何文本编辑来写代码，只需要保存为.jsx格式文件就好了。你必须在PS里通过File-Scripts-Browse来找到并运行它。 或者是，在PS里面打开脚本文件。你也可以在脚本的前面加上一行代码，这样这个代码就会常在PS里面打开：

  
  
  

   
#target photoshop 
  

直接保存你的代码在　Photoshop/Presets/Scripts/，然后通过File-Scripts访问它们。你也可以设定一个快捷键，前往 Edit-Keyboard Shortcuts，链接到 File-Script-[你的代码名称],然后选择一个你想要设定的快捷键。

ExtendedScript　Toolkit可以在整合的开发环境下运行和调试代码，同时它还有一个目标模型指示器来安装，这是很有用的。所以我推荐使用toolkit来写脚本。不幸的是，Mac版本的有时候会崩溃，所以要记住这一点。

Photoshop对象模型

为了使脚本写起来简单些，你需要懂得在Photoshop文件对象模型（DOM）中事件是怎样互相联系的。如果你观察PS本身，理解起来并不困难。PS的DOM里面最主要的对象就是应用程序。在应用程序里面，我们有一个文件夹在PS里面是当前打开的（翻译错误！本人认为应该纠正为：应用程序里有photoshop当前打开的一系列文件）。

每一个文件包含一些元素：例如图层（被称为Artlayers）,图层组（layerSets）,通道，历史记录等等–就像一个普通的PSD文件。

下面就是一个简单的可视化的PS的DOM。更详细的包含层级的可以在”Adobe Photoshop CS6 Scripting Guide”Pdf文件中１２页里找到。

一个简单的可视化的Photoshop　DOM

这里面的每一个目标都有它自己的属性和方法你可以编辑它。例如，在一个文件中改变所选图层的透明度，你就可以前往Application-Document-layer-Opacity然后选择你的期望值。代码就是这样写：

  
  
  

   
app.activeDocument.activeLayer.opacity = 50; 
  

你应该可以猜到，activeDocument和activelayer决定了当前选择的文件和图层。

你可以在“Adobe Photoshop CS6 JavaScript Scripting Reference”PDF文件中找到大部分的目标和它们的属性和方法的说明，或者在ExtendedScript　Toolkit中通过前往help-object Model Viewer.

让我们来看看在一个真实的例子中是如何运行的。在接下来的段落中，我们将会基于一个动作写一段我们自己的代码。

用代码来重现自我旋转动作

几年前的圣诞节，我有一个想法就是用动作帮助我画一个雪花。

画雪花

１，首先画一支雪花的图案。

２，复制这一支，同时旋转一定的角度。

3，重复第二步直到一个完整的圆。