谈ps动作、脚本在休闲游戏资源制作中~提高效率的应用

wonton 楼主

最近在做一些无聊游戏，具体就不多说了，谈实际碰到的两个例子：
（由于常常有人抱怨写的东西看不懂，所以废话多了点，讲的内容也比较粗浅，还望熟手见谅 ）

一、自己的麻将牌变对家的牌
做好一副麻将牌，需要把它上下颠倒过来。


如果用垂直or水平反转，很明显字都是反的。直接旋转顺序不符合程序要求，且透视不对，
于是要一张张牌单独处理。

由于是重复操作，且没有什么变数，于是我们采用动作处理：
做选区，ctrl+t旋转180度，移动选区到下一个位置（1张牌的距离）




本来这个动作很简单，但是实际测试发现：
ctrl+t自由变换后，移动选区会带着图像走，不能单纯移动


想办法解决：自由变换后，先取消选区（ctrl+d），再恢复上一个选区（ctrl+shift+d）。
这样，在移动选区，就不会带走图像了。

于是我们录制动作，一遍遍的执行，只要第一次选区准确、移动准确，就万事大吉了


当然，如果重复数量十分庞大，懒得自己去点，还可以用xiexienila 的这个脚本：

具体下载地址：
http://bbs.blueidea.com/thread-2831890-1-8.html

wonton 楼主

项目要求：制作一大批图片。每两幅一组，两幅之间有十处不同，记录每处不同的矩形区域坐标。

首先是制作图片：其实就是简单的p图，制造一些差异。
为了方便对比观察，避免错漏，使用了cs3的智能对象的堆栈功能（new）。
感觉这样比较方便比较，能在精确查看不同的同时ps图片的内容。

首先建立固定大小的文件，再把素材图拉进来，调整大小，然后ctrl+e合并到底层（合并是为了确保未来的智能对象大小和图像大小一致），ctrl+j 新建一层。我们只ps 新建出来的这一层，下面不动。
因为有10处差异，所以光靠切换可视对比~比较辛苦，且容易错漏，[差值]对比效果也差又累。
所以我们同时选中两个图层，右键-[转换为智能对象]，然后菜单-图层-智能对象-堆栈模式-标准偏差



这时候我们就明显看到两层之间的差异了，
我们可以双击图层面板的智能对象缩略图，就可以展开进入智能对象内部，继续编辑两个图层



我们在智能对象内部编辑的时候，只要随手ctrl+s 保存一下，就可以看到原图（黑色那张）上的差异变化了。

~~~~~~~~~~~~~~~~~~~~~~
图像处理完后，
然后就是获得由差异区域的坐标：程序需要把差异区域作为一个个矩形，要得到每个区域左上角和右下角的坐标。



最开始，想把所有区域拉出选区，然后通过 cs3 的新增统计功能获得详细的选区数据，结果~~
非常遗憾，统计可以同时获得所有选区的周长、长宽、面积甚至密度~ 就是不给出具体的每一组坐标（如下图所示）



于是只有改变做法，这时候想到了脚本 里面的 selection.bounds 获得选区坐标，
遗憾的发现，似乎脚本里面没有获取多个区域选取数据的方法，只能获得总选区的左上角+右下角坐标
也就是说10个区域当成一个大区域来看了。~

继续改变方案，改用图层，每个图层只记录一个区域，总可以了吧~~
因为之前的经验，确定图层的范围坐标是可以在脚本里通过 ArtLayer.bounds 获取的。
所以接下来要做的事情就是手动建立一个个小矩形的图层。

由于工作量巨大，不偷懒是不行的，所以录制了一个动作



可以看到，这个动作录制了3步：
1、新建图层
2、填充选区
3、取消选区
而且这个动作设置了快捷键 F12 (双击动作名称，就可以设置快捷键)
~~~~~~~~~~~~~
有了这个动作，我只要拉出一个选区，然后按一下 F12,就自动新建一个图层，并填充好。
这样就方便脚本获取每层的数据了。
完成后的文件结构如下：



上面是10层不同位置的矩形，最底层是一个智能对象（包含两个图层，上面一层为修改后的，下面一层为原图）
文件格式ok,接下来就是脚本大显身手的地方了。

wonton 楼主

首先测试单个文件，
脚本大致需要执行如下步骤：
1、 移动到最底层
2、 向上移动一层，利用 activeLayer.bounds 记录层范围坐标，并把坐标记录下来
3、 反复执行第2步，直到最顶层
4、 输出记录

有了以前一些脚本的经验，实现上面这个功能没有碰到什么难度，很容易搞定。

然后就是批量处理了，借鉴xiexienila 的变更尺寸脚本（原帖地址：http://bbs.blueidea.com/thread-2831563-3-7.html），该脚本已经有完善的批量打开、保存处理模块。局部Copy后稍加修改，就让我们的脚本实现了如下功能：
1、 用户选择待处理文件夹
2、 获取该文件夹下所有文件
3、 打开一个文件，获取并记录所有需要的坐标，关闭不保存
4、 重复第3步，直至处理完所有文件
5、 输出记录

测试成功后，想到：既然已经动用脚本获取了所有坐标，索性把两张不同的图片也输出保存好了。于是添加了一个保存位置选择。
并对单个文件内的操作作了修改：
1、 移动到最底层
2、 打开最底层智能对象
3、 另存智能对象为jpg文档（xxx_1）
4、 隐藏智能对象里的最上层，也就是我们修改过的那层
5、 再次另存智能对象为jpg文档（xxx_0）
6、 不保存关闭智能对象（回到原文档）
7、 向上移动一层，利用 activeLayer.bounds 记录层范围坐标，并把坐标记录下来
8、 反复执行第7步，直到最顶层

这样不但记录了坐标数据，还顺便把智能对象里面的两个层都输出为jpg图像了。

后来，由于第二张图片和第一张图片很多相同的地方，导致游戏文件体积较大，所以想了一个解决办法，就是把相同的部分用黑色挡住，只保留不同的地方，这样jpg就小很多。也许是个笨办法吧，毕竟不太清楚别人怎么做的，这里只是给大家说说思路罢了。

于是再次修改单个文件内的操作部分
1、 移动到最底层
2、 向上移动一层，利用activeLayer.bounds 记录层范围坐标，并把坐标记录下来
3、 反复执行第2步，直到最顶层
4、 再次回到最底层
5、 打开最底层智能对象
6、 利用记录的坐标，建立选区（增加模式），全部选区增添完后，反选
7、 填充黑色（这时候是填充在智能对象内部最上层上，也就是我们修改过的那层）
8、 另存为智能对象为jpg文档（xxx_1）
9、 隐藏当前图层
10、 再次另存智能对象为jpg文档(xxx_0)
11、 不保存关闭智能对象（回到原文档）

这样我们就给修改过的图像增添了一个黑色部分，挡住了没动过的地方，只留下了差异处
为了减少jpg 保存可能对边缘造成的影响，所以黑色部分的填充范围缩小了2像素。
后来为了修改方便，索性在面板上放了一个位置，可以手动输入缩小量。

为了程序调用方便，脚本还顺便实现其他一些功能：
比如把文件名作些规范处理：按照数字大小排序文件（否则打开顺序会是1、11、12、2、21这样），并且把1.psd 、2.psd 之类的记录为 0001、0002；
用简单正则替换去掉坐标记录转换为字符串后的“ px”单位等等。
为了处理时对进度有个掌握，脚本界面上还放了进度条。

最后，发现有时候不需要重新生成图像，只需要获取坐标。又在界面上加了一个 “仅查询坐标，不生成图片”的选项。如果勾选，就会跳过保存的步骤，以节省时间。

以上的过程，最终就是如下这个脚本程序，处理我近百张图片也就3分多的样子，手工的话又容易出错又慢，程序的优势就这样体现出来了。



以后要修改、调整，只要修改psd文档，再用脚本重新生成 就很快完成工作。两个多小时的编写调试还是值得的

1. #target photoshop
   
2. app.bringToFront();
   
3. 
   
4. res ="dialog { \
   
5. text:'找茬数据专用',\
   
6.         group: Group{orientation: 'column',alignChildren:'left',\
   
7.                                 folderO:Group{ orientation: 'row', \
   
8.                                                                 b: Button {text:'待处理文件夹', properties:{name:'open'} ,helpTip:'选择您需要处理的文件所在的文件夹'},\
   
9.                                                                 s: EditText  { text:'', preferredSize: [360, 20] },\
   
10.                                                                 },\
    
11.                                 folderS:Group{ orientation: 'row', \
    
12.                                                                         b: Button {text:'输出图像至', properties:{name:'save'} ,helpTip:'选择您处理好的文件要保存至的文件夹'},\
    
13.                                                                         s: EditText  { text:'', preferredSize: [360, 20] },\
    
14.                                                                         },\
    
15.                                 meng:Group{ orientation: 'row', \
    
16.                                                                         c:Checkbox { text:' 启用黑色蒙版'} ,\
    
17.                                                                         s: StaticText { text:'| 蒙版收缩量（单位px）:' }, \
    
18.                                                                         e: EditText  { text:'2', preferredSize: [20, 18]},\
    
19.                                                                         },\
    
20.                                 Quality: Group { orientation: 'row',  \
    
21.                                                                         c:Checkbox { text:' 仅查询坐标，不生成图片'} ,\
    
22.                                                                         s: StaticText { text:'| 生成JPG的压缩质量:' }, \
    
23.                                                                         d: DropDownList { alignment:'left', itemSize: [26,14] },\
    
24.                                                                         }, \
    
25.                                 gg: Group{orientation: 'column',alignChildren:'left' },\
    
26.                                 timeline:Progressbar{bounds:[0,0,400,10] , minvalue:0,maxvalue:100}\
    
27.                                 aa: Button { text:'START'}, \
    
28.                 }\
    
29. }";
    
30. var mengPoint="";
    
31. var mengColor =new SolidColor;
    
32. mengColor.rgb.red =0;
    
33. mengColor.rgb.green =0;
    
34. mengColor.rgb.blue =0;
    
35.                                                
    
36. win = new Window (res);
    
37. win.myText = win.group.gg.add("edittext",[0,0,500,300],'~~~',{multiline:true, readonly:false});
    
38. 
    
39. for (i=0;i<13;i++){ //初始化jpeg质量下拉
    
40.         win.group.Quality.d.add("item", i );
    
41. }
    
42. win.group.Quality.d.items[7].selected=true;
    
43. 
    
44. function lyFoot() { // 选中最下层
    
45. var id553 = charIDToTypeID( "slct" );
    
46.     var desc88 = new ActionDescriptor();
    
47.     var id554 = charIDToTypeID( "null" );
    
48.         var ref95 = new ActionReference();
    
49.         var id555 = charIDToTypeID( "Lyr " );
    
50.         var id556 = charIDToTypeID( "Ordn" );
    
51.         var id557 = charIDToTypeID( "Back" );
    
52.         ref95.putEnumerated( id555, id556, id557 );
    
53.     desc88.putReference( id554, ref95 );
    
54.     var id558 = charIDToTypeID( "MkVs" );
    
55.     desc88.putBoolean( id558, false );
    
56. executeAction( id553, desc88, DialogModes.NO );
    
57. }
    
58. function lyUp(){ //选中上一层
    
59. var id559 = charIDToTypeID( "slct" );
    
60.     var desc89 = new ActionDescriptor();
    
61.     var id560 = charIDToTypeID( "null" );
    
62.         var ref96 = new ActionReference();
    
63.         var id561 = charIDToTypeID( "Lyr " );
    
64.         var id562 = charIDToTypeID( "Ordn" );
    
65.         var id563 = charIDToTypeID( "Frwr" );
    
66.         ref96.putEnumerated( id561, id562, id563 );
    
67.     desc89.putReference( id560, ref96 );
    
68.     var id564 = charIDToTypeID( "MkVs" );
    
69.     desc89.putBoolean( id564, false );
    
70. executeAction( id559, desc89, DialogModes.NO );       
    
71. }
    
72. 
    
73. function openSm() { //打开智能对象
    
74.         var id216 = stringIDToTypeID( "placedLayerEditContents" );
    
75.     var desc43 = new ActionDescriptor();
    
76. executeAction( id216, desc43, DialogModes.NO );       
    
77. }
    
78. 
    
79. function lyHidden(){ //隐藏当前图层
    
80.         var id217 = charIDToTypeID( "Hd  " );
    
81.     var desc44 = new ActionDescriptor();
    
82.     var id218 = charIDToTypeID( "null" );
    
83.         var list1 = new ActionList();
    
84.             var ref24 = new ActionReference();
    
85.             var id219 = charIDToTypeID( "Lyr " );
    
86.             var id220 = charIDToTypeID( "Ordn" );
    
87.             var id221 = charIDToTypeID( "Trgt" );
    
88.             ref24.putEnumerated( id219, id220, id221 );
    
89.         list1.putReference( ref24 );
    
90.     desc44.putList( id218, list1 );
    
91. executeAction( id217, desc44, DialogModes.NO );       
    
92. }
    
93. 
    
94. function sm(name) { //保存结果图像
    
95.         lyFoot();
    
96.         openSm();       
    
97.         var smDoc=app.activeDocument;
    
98.         if (win.group.meng.c.value) meng(smDoc);
    
99.         var saveFolder = win.group.folderS.s.text+"/";
    
100.         saveOptions = new JPEGSaveOptions();
     
101.         saveOptions.quality =win.group.Quality.d.selection.index;; //获取jpg压缩质量
     
102.         smDoc.saveAs(new File(saveFolder + name + "_1.jpg"),saveOptions, true,Extension.LOWERCASE);       
     
103.         lyHidden();
     
104.         smDoc.saveAs(new File(saveFolder + name + "_0.jpg"),saveOptions, true,Extension.LOWERCASE);
     
105.         smDoc.close(SaveOptions.DONOTSAVECHANGES);
     
106. }
     
107. 
     
108. function selectBounds(name,a,b,c,d) { //做选区
     
109.   app.activeDocument.selection.select([[a, b],[ a, d ], [c, d], [ c, b]],SelectionType.EXTEND);
     
110. }
     
111. 
     
112. function meng(smDoc) { //添加蒙版
     
113.         nowPoint=mengPoint.split(",");
     
114.         for (var i=0;i<nowPoint.length-4;i+=4){
     
115.                 selectBounds(smDoc,nowPoint[i],nowPoint[i+1],nowPoint[i+2],nowPoint[i+3],)
     
116.         }
     
117. // ==================================扩展n像素
     
118. var id32 = charIDToTypeID( "Expn" );
     
119.     var desc5 = new ActionDescriptor();
     
120.     var id33 = charIDToTypeID( "By  " );
     
121.     var id34 = charIDToTypeID( "#Pxl" );
     
122.     desc5.putUnitDouble( id33, id34, Number(win.group.meng.e.text) );
     
123. executeAction( id32, desc5, DialogModes.NO );
     
124. 
     
125. // ==================================反选
     
126. var id35 = charIDToTypeID( "Invs" );
     
127. executeAction( id35, undefined, DialogModes.NO );
     
128. //
     
129.         smDoc.selection.fill(mengColor); //填充蒙版色
     
130. }
     
131. 
     
132. // 打开文件夹的操作
     
133. var folderOpen=win.group.folderO
     
134. var folderSave=win.group.folderS
     
135. folderOpen.b.onClick = function() {
     
136.                 var defaultFolder = folderOpen.s.text;
     
137.                 var testFolder = new Folder(defaultFolder);
     
138.                 if (!testFolder.exists) {
     
139.                         defaultFolder = "~";
     
140.                 }
     
141.                 var selFolder = Folder.selectDialog("选择待处理文件夹", defaultFolder);
     
142.                 if ( selFolder != null ) {
     
143.                 folderOpen.s.text = selFolder.fsName;
     
144.                         folderOpen.s.helpTip = selFolder.fsName.toString();
     
145.             }
     
146. }
     
147. folderSave.b.onClick = function() {
     
148.                 var defaultFolder = folderSave.s.text;
     
149.                 var testFolder = new Folder(defaultFolder);
     
150.                 if (!testFolder.exists) {
     
151.                         defaultFolder = "~";
     
152.                 }
     
153.                 var selFolder = Folder.selectDialog("选择要储存至的文件夹", defaultFolder);
     
154.                 if ( selFolder != null ) {
     
155.                 folderSave.s.text = selFolder.fsName;
     
156.                         folderSave.s.helpTip = selFolder.fsName.toString();
     
157.             }
     
158. }
     
159. 
     
160. 
     
161. win.group.aa.onClick=function(){
     
162.         var myText="";       
     
163.         var openFolder = Folder(win.group.folderO.s.text);                               
     
164.                 var fileList = openFolder.getFiles() //获取open文件夹下所有文件
     
165.                 win.group.timeline.value =0;
     
166.                 var k=100/fileList.length;
     
167.                
     
168.                 //调整文件顺序,按数字大小排序
     
169.                 fileList.sort(function compare(a,b){return Number(a.name.substring(0, a.name.length-4))-Number(b.name.substring(0, b.name.length-4));})
     
170.                 //
     
171.                 for (i=0;i<fileList.length;i++){
     
172.                         if (fileList[i] instanceof File && fileList[i].hidden == false){ //不处理隐藏文件
     
173.                                 var docRef =open(fileList[i]);
     
174.                                 var nowName =docRef.name.substring(0, docRef.name.length-4);
     
175.                                 while (nowName.length<4) {
     
176.                                         nowName ="0"+nowName;
     
177.                                 }
     
178.                                 myText +=nowName+",";
     
179.                                 mengPoint="";
     
180.                                 lyFoot();                                                       
     
181.                                 for (j=1;j<docRef.layers.length;j++){       
     
182.                                         lyUp();       
     
183.                                         myText+=docRef.activeLayer.bounds+",";
     
184.                                         mengPoint+=docRef.activeLayer.bounds+",";
     
185.                                 }                               
     
186.                                 if (!win.group.Quality.c.value) sm(nowName);                                       
     
187.                                 docRef.close(SaveOptions.DONOTSAVECHANGES);
     
188.                                 myText +="\r\n";
     
189.                         }               
     
190.                         win.group.timeline.value =win.group.timeline.value+k;
     
191.                 }                       
     
192. var re = / px/g; //要替换的“ px”
     
193. win.myText.text=myText.replace(re, "");
     
194. }
     
195. //////////////
     
196. 
     
197. win.center();
     
198. win.show();

复制代码

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

在编写脚本的时候，不能不提到的一个辅助工具就是“脚本侦听程序”
这个东西就在 cs3 安装目录下面的“脚本指南/实用工具”里面（英文版在 Scripting Guide\Utilities\）


如果把它拷贝到“增效工具/自动”目录下（英文版为 Plug-Ins\Automate），再重新启动ps。
你的ps就相当于安装了一个“窃听器”，会把你所有的操作步骤像录制动作一样录制为脚本。
只要你有可记录的动作，它就在桌面生成 “ScriptingListenerJS”、“ScriptingListenerVB” 两个文本文件。其实就是 javascript 和 vbscript 两种规则记录的动作。


虽然不像手工书写的代码易于理解和修改，但是很多直接操作的步骤都可以拷贝来用。
比如说上面的 “移动到最底层”“选中上一层”“隐藏当前层”“打开智能对象”“扩展n像素”“反选”等等动作就是通过脚本侦听录制下来 直接拷贝过来的。
再结合自己的编写的其他逻辑语句，很容易写出你想要的东西。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

最后，希望有点编程基础又有兴趣的朋友，
在处理重复、量大或者经常碰到的工作的时候，多多挖掘ps的潜力。

其实写一个简单的针对性脚本或者动作 并不是很难哦 ^_^

[ 本帖最后由 wonton 于 2008-5-17 09:36 编辑 ]

mzbx8888

烧麦在研究脚本,记得把心得经经验多多发上来大家分享!

wonton 楼主

最后提供jsx源文件+两个psd文档，分本是 F14和 歼10，有兴趣的朋友可以试试看，注意cs3以上

wobushimajia

  这样加黑色部分压缩还是会有一定影响的，保留区域应该再大些哦

wonton 楼主

谢谢指正，jpg的压缩确实很难保证不互相影响。在体积和效果之间要找到一个平衡点

pk020

一直想学编程，一直没学会，仅仅停留在认识代码的作用的程度，看了你的帖子，感觉真是对牛弹琴啊！！！哎！

wonton 楼主

同样显示效果下 [另存为jpg]
比 [保存为web所用格式-jpg]　文件体积要大很多，所以最后替换了保存函数。
把saveAs,换成了 exportDocument.
具体如下：

1. function sm(name) { //保存结果图像
   
2.         lyFoot();
   
3.         openSm();       
   
4.         var smDoc=app.activeDocument;
   
5.         if (win.group.meng.c.value) meng(smDoc);
   
6.         var saveFolder = win.group.folderS.s.text+"/";
   
7.         saveOptions = new ExportOptionsSaveForWeb();
   
8.         saveOptions.format =SaveDocumentType.JPEG;
   
9.         saveOptions.quality=win.group.Quality.e.text;
   
10.         smDoc.exportDocument(new File(saveFolder + name + "_1.jpg"),ExportType.SAVEFORWEB,saveOptions);       
    
11.         lyHidden();
    
12.         smDoc.exportDocument(new File(saveFolder + name + "_0.jpg"),ExportType.SAVEFORWEB,saveOptions);
    
13.         smDoc.close(SaveOptions.DONOTSAVECHANGES);
    
14. }

复制代码

最后完整程序见附件：

[ 本帖最后由 wonton 于 2008-5-21 13:26 编辑 ]

freeroot

好好研究，这玩意对影楼和批量作业的场合下有用，工业化的流水线作业

hibem

馄饨,你太牛叉了..

angele20000

PS繁琐的操作写成脚本让电脑自己运行真好，问下PS里的脚本用什么语言写的？

ariex

看看ps的帮助就知道了
支持js，vbs和mac下的脚本语言

XYBLUEIDEA

堆栈模式的几种有何区别?

wonton 楼主

这个帮助里面有提到：



熵
熵 = - sum( (值的概率) * log2(值的概率) )

值的概率 = (值的出现次数) / (非透明像素的总数)
二元熵（或零阶熵）定义对一个组中的信息进行无损编码所需的位数的下限。

峰度
峰度 = (非透明像素上的 sum( (值 - 平均值)4 ) ) / ( (非透明像素的数目 - 1 ) * (标准偏差)4 )。
相对于正态分布的峰度或展平度测量。标准正态分布的峰度为 3.0。峰度大于 3 则表示峰值分布，而峰度小于 3 则表示平坦分布（与正态分布相比）。

最大值
所有非透明像素的最大通道值
   
平均值
所有非透明像素的平均通道值
对减少杂色有效

中间值
所有非透明像素的中间通道值
对减少杂色和从图像中移去不需要的内容有效

最小值
所有非透明像素的最小通道值
   
范围
非透明像素的最大通道值减去非透明像素的最小通道值
   
偏度
偏度 = (非透明像素上的 sum( (值 - 平均值)3 ) ) / ( (非透明像素的数目 - 1 ) * (标准偏差)3 )
偏度是围绕统计平均值的对称性或不对称性的测量

标准偏差
标准偏差 = 方差的平方根
   
总和
所有非透明像素的合计通道值
   
方差
方差 = (非透明像素上的 sum( (值 - 平均值)2 ) ) / (非透明像素的数目 - 1)

XYBLUEIDEA

可是偶根本不知道他在说啥,写的和科技论文一样难懂.
熵
熵 = - sum( (值的概率) * log2(值的概率) )
晕的很,可能是数学不好,从这句往下都不理解

wonton 楼主

  一样，我也很困惑，只能目测感觉用途了。可能是数学忘光了的原因吧。

wonton 楼主

刚才使用中发现了一个小问题。原先打开智能对象后没有选中顶层，
所以如果保存psd的时候选择在底层的话，会出错。

现在打开后，增加了一个选中最顶层的步骤。

17think

我的cs3怎么转换为智能对象后堆栈模式是灰色的？