如何用PhotoShop脚本语言处理图片教程

利用Ps脚本我们可以简化工作流程,甚至能创造出让人震惊的数字艺术。卓越的设计师不是沉迷于幻想,而是将幻想变为现实的人。而技术,则是你的魔术棒... 原文作者Ross Aitken(个人教程站:http://psdlearning.com/) 这篇文章写得很详细,力图让每一个读者都能看懂。本文主要涉及到三块主要技术:调色、添加边框和阴影以及随机旋转。调色的方法是复制图片图层,然后平均模 糊取得该图片的平均色,其后用图片RGB通道直方图校验的方法取得该平均色的色值,并根据各通道颜色比例作出调整,然后用所得的颜色填充复制的图片层,其 后反相,更改混合模式为颜色,降低不透明度,从而形成影楼级调色效果;添加阴影和边框则主要涉及到画布大小的重定和高斯模糊滤镜。图片的随机旋转则涉及到 Math.random(),创建一种随机的效果。教程最终实现的效果很简单,但通篇教程旨在渗透原理和思想,抛砖引玉,相信聪明的你能发挥才思完成惊人 的作品!感谢Black_Ray大神的贴身技术指导,没有他的帮助这篇文章会夭折。大家可以查看jsx源文件每一步我都有注明过程及作用,想要学习更多的朋友可以下载ps官方的api文档阅读。欢迎大家关注我的微博@Gaoyoungor,与你分享更多关于设计。  

jsx源文件共享:http://vdisk.weibo.com/s/JjyMe(亲测可用);
官方api文档Photoshop_CS5_s cripting_Guide: http://vdisk.weibo.com/s/JjyTk

脚 本控制在常规的ps教程中是很少涉及到的东西,但绝对是值得学习的技巧。脚本在自动化任务流程控制方面相对于ps action(动作)来说更为强大,而且能完成一些利用photoshop常规软件技巧不能实现的任务。下面我们来创建一个脚本来编辑照片,让你的图片以 一种更为时髦的方式去展示。

介绍

在 这篇教程中,我旨在介绍怎样用脚本来实现这样的效果,但同时也会介绍在photoshop中和该脚本语言的相对应的操作,从而让大家更能明白怎样去修改你 的脚本来实现不同的效果。Photoshop能编译三种编程语言的脚本:VBs cript,Apples cript和java s cript,其中只有java s cript是跨平台的脚本语言,所以在这篇教程中我们选择使用java s cript,同时,学习java s cript对于我们也更为有利。即使你从未使用java s cript编过程,也能很轻易的理解这篇教程,因为我对每一概念都有很细节的讲解。当编写JS代码的时候你可以使用任何适合你自己的编辑器,较新版本的 ps为大家提供了一个叫做Extends cript Tooklkit(以下简称ESTK)的软件,可以让编写这类脚本更为便捷。通常情况下装好ps都会附带这个软件,如果你安装绿色版的ps或者确实找不到 该软件的话(译者著:建议大家直接在开始菜单搜索)可以从这里下载。注意:ESTK可能不适用于低版本的photoshop软件。使用ESTK编写PS脚本语言的优势在于可以更方便的调试,你甚至可以在直接在该软件里运行脚本,这在接下来的学习中大家会深有体会。在这片教程中我使用了stock.xhng的这张图片,你可以保存这张图片的一个小尺寸版本来测试你的脚本,而且运行速度会更快。当然,脚本语言能应对不同图片的不同尺寸。

步骤一

打 开你想使用的编辑器,不管是ESTK还是windows平台下的notepad之类的文本编辑器,但不要使用word这类的程序。如果你使用ESTK,那 么窗口的左上角应该会出现一个下拉菜单,在这个下拉列表中选择adobe photoshop就能和ps程序链接起来。现在我们来编写一段简单的程序来验证我们的设置的正确性。将如下的代码输入你的编辑器:

Alert(“Hello World”)

这 条简单命令的作用是弹出一个警告框,显示“Hello World”;在这篇教程的过程中我们用警告弹出框来测试我们的部分代码。使用引号的是表明引号内的字符串是一个字符。现在运行你的脚本,如果你使用的是 像notepad之类的常规编辑器,那么运行你脚本最简单的方法就是将你的脚本储存为“mys cript.jsx”,然后打开ps,文件>脚本>浏览,然后选择你的脚本。如果你使用的是ESTK,你就只需要点击窗口右上角的播放按钮就 可以了。这时候你应该能看到一个警告弹出框。在测试你的脚本之前,请关闭当前在ps中打开的文件。


步骤二

编 辑器中的警告代码段只是来测试设置的正确性,所以这时候我们要把它删掉。每次运行脚本的时候我们都想要运用两个设置,分别是设置ps的标尺单位为像素和禁 止在非需要的情况下出现弹出对话框。在ps内实现该设置的方法是 编辑>首选项>单位和标尺,然后将标尺的值改为像素,显然关闭对话框只针对脚本语言控制程序的情况。实现该设置的代码如下:

preferences.rulerUnits = Units.PIXELS;

displayDialogs =DialogModes.NO

第 一条命令指令PS更改首选项里的单位和标尺的值为像素。我们可以发现代码的引用有明显的分层结构,比如说单位和标尺是属于首选项下面的一个子选项,显而易 见,Photoshop的软件结构也是如此。第二条命令只是将对话框的属性值改为“NO”,在执行脚本的过程中如果你需要弹出对话框,可以直接更改NO为 YES。


步骤三

现在我们希望用户选择一个文件打开,为此我们需要弹出一个打开文件的对话框,即使我们关闭了对话框的显示但是我们只要编些脚本依然可以控制对话框的显示。下面我们将定义一个和打开的文件对应的变量,然后复制该文件的背景层。实现代码如下:

open(File(openDialog()));

var docRef_1 = activeDocument

docRef_1.backgroundLayer.duplicate();

第 一条命令由三部分组成,the open命令是用来打开括号内的文件,然后the file()命令是抓取括号里的文件路径,但这里我们添加的是openDialog()命令。所以该命令行的作用是弹出一个对话框让用户选择一个文件,然 后程序能获取文件路径并打开它。如果你每次都想打开同一个文件,那么你可以用具体的文件路径来代替openDialog()代码片段。第二条命令我用 var来定义了一个变量docRef_1,该变量名可以是规范内的任意值,如果我还想打开另一个文件,我就可以定一个名为docRef_2的变量。然后我 们把变量docRef_1定义为当前文件。最后一条命令我们所做的是指令Photoshop复制docRef_1文件中的背景图层,该文件目前也是我们唯 一运行的文件。大家会再次发现这和我们在ps中的操作类似,在ps中,你会选择你想要复制图层所在的文件,然后你要选择该文件中你要复制的图层并复制它。 现在运行完整的代码我们将得到一个拥有你选择的图片的背景图层和在其上方的复制层。如果要在photoshop中完成同样的操作你只需要简单的按 Ctrl+O,然后选择图片,随后右击图层面板的背景图层,选择“复制图层”。

 

步骤四

下面我将讲解如何用十六进制代码来定义颜色,同时大家也将看到颜色也可以由RGB的值来表述。在这里我们将定一个白色和一个黑色,然后将黑色设为前景色,白色设为背景色。实现这个目的有很多其他的方法,但在这个教程里面我们采用这样的脚本命令:

var white = new SolidColor();

white.rgb["hexValue"] = “ffffff”;

var black = new SolidColor();

black.rgb["hexValue"] = “000000″;

foregroundColor =black;

backgroundColor = white

大 家很容易就能发现前两行代码和三、四行类似,我们在这里所做的就是定义两个可以任意命名的变量,这里我们根据即将给变量赋于的颜色命名。随后我们定义该变 量”= new SolidColor()”,则是一个创造新颜色的函数。随后便是给该颜色变量定义一个十六进制的颜色变量,这里是白色我们用”#ffffff”。我们最 终要说明的就是变量white就是指白色,black就是指黑色,最后两行代码的目的是设置前景色为黑色背景色为白色。这段代码是相当浅显可读的。在PS 软件内与之等价的操作便是点击“D”键充值背景色和前景色。现在试试在ps软件中给前景色和背景色设置任意的值,然后运行整段代码仍然可以的大相同的结 果,前景色和背景色都将恢复设置。


步骤五

下面我们要做的是将背景填充我们在上一步骤中定义的白色。为了实现该目的我们首先要全选该文件的画布区域然后填充选区。代码如下:

docRef_1.selection.selectAll();

docRef_1.selection.fill(white);

docRef_1.selection.deselect();

第 一行命令采用了selectAll()函数来定义了一个选区,对于任何可以作用于不同文件的命令我们必须要告知ps我们正在处理的文件,即使当前只有一个 打开的文件。第二条命令是指令ps对选取填充白色。有时候挺让人迷惑的,因为大家或许会想到给选区填充白色的命令应该是 docRef_1.selection.fill = white,而这也并不是毫无道理。然而这并不是正确的代码,此时ESTK的提示功能就非常有用了,只要你输入fill或者其他关键词,它就会以下拉框的 形式告诉你该关键词的正确用法。第三行代码浅显易懂,就是取消选区,等同于ps中的ctrl+D。再次测试代码你将得到一个白色的背景图层和其上的图片图 层。在ps软件中,目前所有的脚本控制可以由ctrl+A和shift+F5来全选和填充来实现相同的效果。


步骤六

在 接下来的两个步骤中我们将用脚本语言来找到图片的平均颜色值,随后我们将根据这个颜色值来确定将如何编辑该图片。这段代码可以有很多其他用处,比如说你可 以用一段类似的代码通过分析图片的颜色组成来建立一个颜色图表。在这一步中我们将复制图片图层然后对该层施加平均模糊滤镜进而找到图像的平均颜色值,并将 图层填充为该平均色。代码如下:

docRef_1.layers[0].duplicate();

docRef_1.activeLayer=docRef_1.layers[0];

docRef_1.activeLayer.applyAverage();

第 一行命令大家很熟悉,我们在步骤三中使用过相同的命令,只是这里我们将背景图层换成了layer[0]。为了很好的理解layer[0]的含义我们需要了 解一点java s cript中关于数组的知识。数组简单的来说就是有不同值的变量集合,在一个数组中,变量就像是带有独立信息的盒子,而数组则像是一个大盒子,里面装了很 多贴有从零到无穷大的数字标签的小盒子。比如你想建立一个包含一周前三天的数组,你可以编写如下代码:

var days = ["Monday", "Tuesday", "Wednesday"]

你可以采用如下代码来引用该数组中的第一天:

days[0]

这 就等同于“Monday”,当然这里还没有涉及到后两行代码。了解了数组的基础知识后我们可以回过头去看看我们刚刚所添加的三行代码。在第一行当 中,layers是一个包含当前文件所有图层的数组。在图层面板的最顶层是数组的第一个子元素,对应为layers[0]而不是layers[1]因为数 组的子元素是从0开始计数的。第二行脚本语句将顶部图层设置为活动图层,等效于在图层面板中选中某个图层。我们没有必要改变活动图层但它让接下来的工作变 得更加简单。最后一行脚本是对活动图层施加一个平均模糊滤镜,该脚本的代码格式与我们目前为止用到的命令格式基本一致,即是所谓的方法,通常是 document.layer.function的格式,在这个实例中layer(图层)是指当前的活动图层,而函数则是指平均模糊。这在 photoshop软件中可以通过滤镜〉模糊〉平均来实现。再一次测试你的代码,我们应该可以在图片所在的图层上方得到一个填充了颜色的新图层。

 

步骤七

这 一步会略微复杂一点,我们要用脚本语言找出步骤六中得到的填充图层颜色的RGB值。实现这个目的没有所谓的捷径,我使用的方法是首先用脚本命令选中第一个 红色通道,然后获取到它的直方图,再从0到255对该直方图的值进行校验,直到发现一个非零值即为R的数值,然后对绿色和蓝色通道重复同样的方法。这个过 程在photoshop软件中会更加好理解。如果你还没有跟随我们脚本的节奏打开文件,那么再执行一次以上的脚本。然后在ps软件中,通过窗口>通 道打开通道面板,选择红色通道,此时其他通道都会被暂时隐藏,画布中的图像则是灰度模式。使用快捷键Ctrl+L打开色阶调节面板,我们将看到只有一条垂 直线的直方图,拖动输出色阶滑块中的一个大致位于这条线的下面,对应的表单框里显示则是R的数值。可以用同样的方法来获取G和B的数值。获取R值的脚本如 下,大家可以根据该原理写出获取G和B值的脚本:

for (RLevel = 0; RLevel <= 255; RLevel ++)

{ if (docRef_1.channels["Red"].histogram[RLevel]) { break; } }

这 段代码是一个“for循环”,第一行代码是指RLevel从0开始,以增量1循环到255。RLevel++是指RLevel的增量为1。循环语句内部是 一个“if条件语句”,只有当小括号里的条件为真时,程序才会执行花括号里的代码。小括号内的代码是指让ps获取docRef_1的红色通道并且获取直方 图对应的数组。我们看到的直方图并不像是一排小盒子组成的但事实上它是的,
分类:

  • PS图片处理
时间: 2024-10-30 08:07:06

如何用PhotoShop脚本语言处理图片教程的相关文章

超简单PHOTOSHOP脚本语言

  自动化对每个设计师的工作来说是很有用的.它可以在重复的任务上节省宝贵的时间,还能够帮我们更快捷.更容易的解决一系列问题. 你可以使用photoshop的动作来使工作流程自动化,这是很流行的,大多数人都知道并且已经在使用的方法.今天,我们将介绍给你一种高级的自动化技巧:脚本语言.所有的这一切仅仅需要你有一点点关于JavaScript的基本知识,这对于我们中的一些网页设计师往往都是具备的. 我很多年前就知道Photoshop的脚本语言,但是我几个月前才开始决定研究它.我忽视了它是因为我认为那是聪

javascript脚本语言简明教程

JavaScript提供脚本语言的编程与C++非常相似,它只是去掉了C语言中有关指针等容易产生的错误,并提供了功能强大的类库.对于已经具备C++或C语言的人来说,学习JavaScript脚本语言是一件非常轻松愉快的事. 一.JavaScript代码的加入 JavaScript的脚本包括在HTML中,它成为HTML文档的一部分.与HTML标识相结合,构成了一个功能强大的Internet网上编程语言.可以直接将JavaScript脚本加入文档: <Script Language ="JavaS

Lua脚本语言基本语法快速入门教程_Lua

Lua语法与C语言有些相似也不太一样,写了语句学一下 微笑 --begin a = --[[explain]] "ha"; print(a) if a == "ha" then print("if test passed") else print("if used wrong") end b,c=2,3 print(b,c) b,c=c,b if b==3 and c==2 then print("swap test

photoshop动作自动化脚本语言教程

自动化对每个设计师的工作来说是很有用的.它可以在重复的任务上节省宝贵的时间,还能够帮我们更快捷.更容易的解决一系列问题. 你可以使用photoshop的动作来使工作流程自动化,这是很流行的,大多数人都知道并且已经在使用的方法.今天,我们将介绍给你一种高级的自动化技巧:脚本语言.所有的这一切仅仅需要你有一点点关于JavaScript的基本知识,这对于我们中的一些网页设计师往往都是具备的. 我很多年前就知道Photoshop的脚本语言,但是我几个月前才开始决定研究它.我忽视了它是因为我认为那是聪明的

ASP入门教程-ASP和脚本语言

什么是 ASP ASP 称活动服务器页面(英文全称Active Server Pages)就是一个编程环境,在其中,可以混合使用HTML.脚本语言以及组件来创建服务器端功能强大的Internet应用程序. 如果您以前创建过一个站点,其中混合了HTML.脚本语言以及组件,您就可以在其中加入ASP程序代码.并且,还可以通过使用组件包含一些商业逻辑规则.组件可以被脚本程序调用,也可以由其他的组件调用. ASP的工作原理: 当在Web站点中融入ASP功能后,将发生以下事情: 1.用户调出站点内容,默认页

脚本语言 java vbs-各位大神,请问如何用脚本语言在word上进行连线操作

问题描述 各位大神,请问如何用脚本语言在word上进行连线操作 解决方案 用word录一个宏,看看宏代码

如何用Photoshop打造绚丽梦幻的紫色海滩婚片教程(1/15)

下面的教程是告诉你如何用photoshop教程打造绚丽梦幻的紫色海滩婚片教程哦,好了如果你正在处理婚纱照片就进来看看这款ps教程教程吧. 用平常的方法很难调出非常好看的效果.不过作者非常善于美化照片,用一种较为梦幻的效果来渲染照片.大致过程:先把照片整体梦幻处理,然后把背景加上暗角并调成自己喜欢的颜色,后期再加上一些梦幻装饰元素即可. 原图 <点小图查看大图> 最终效果 首先我们对人物进行美化的操作,打开照片,复制一层,然后执行:滤镜/模糊/高斯模糊(参数不要过大),然后把混合模式设为&quo

如何用photoshop抠出图片人物与背景教程(1/5)

本教程要来告诉你如何用photoshop教程抠出图片人物与背景教程哦,好了开始看看ps教程扣图过程吧. 最终效果 1.启动photoshop,导入要处理的图片,点选"钢笔"工具,属性设置如下图. 将图片中人物的主体轮廓勾出.注意碎发部分就不要勾在里面,因为在后面将对其进行专门地处理.小技巧:在用"钢笔"工具勾图片时,略向里一点,这样最后的成品才不会有杂边出现. 首页 1 2 3 4 5 末页

如何用 ANTLR 4 实现自己的脚本语言?

ANTLR 是一个 Java 实现的词法/语法分析生成程序,目前最新版本为 4.5.2,支持 Java,C#,JavaScript 等语言,这里我们用 ANTLR 4.5.2 来实现一个自己的脚本语言. 因为某些未知原因,ANTLR 官方的文档似乎有些地方和 4.5.2 版的实际情况不太吻合,所以,有些部分,我们必须多方查找和自己实践得到,所幸 ANTLR 的文档比较丰富,其在 Github 上例子程序也很多,足够我们探索的了. 如果你没有编译原理的基础,只要写过正则表达式,应该也能很快理解其规