您现在的位置是:主页 > Web前端技术 > Web前端技术

如何在PS中自己来绘制形体开发技术

IDCBT2022-01-11服务器技术人已围观

简介这篇文章给大家介绍如何在PS中自己来绘制形体,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。 通过编写JSDom脚本,控制PhotoShop,最终自动进行九宫格切图,

这篇文章给大家介绍如何在PS中自己来绘制形体,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

通过编写JSDom脚本,控制PhotoShop,最终自动进行九宫格切图,并且将整个切图过程输出到文件:

下面涉及的主题是PhotoShop plugin开发的基础,主要关注如何在PS中自己来绘制形体。

要做的:

基础绘制篇--以PhotoShop的Document为舞台,在上面绘制文字和任意形状

不做的:

1) 不涉及Channel操作,对位图像素操作我们不关心
2) 不涉及PhotoShop界面编程。因为PS界面编程随着版本变化,有好多种方式,一直在改变。
     C++方式,强大,但是难度较大,不是三言两语说得清楚的
     As3 Flex方式,简单易用,和PSDom交互方便,但是适合Adobe CS系列
     Html5方式,简单应用,和PSDom交互方便,但是适合Adobe CC系列
     但不管如何,核心的PhotoShop操作是通过PSDom API公开出来的,
     这个不管版本如何变,其本身DOM是不会发生较大变化的。
     因此才更有研究的价值
     
你会发现其实开发PS插件蛮简单的,PSDom非常强大。

PSDom的开发环境—ExtendScript ToolKit:
在安装Adobe cs/cc系列时,会自动安装(我装的是CS5.0)

如果在Windows下开发,请见后缀名改为.jsx
如果使用.js后缀的话,可能会由Windows Scripting Host(WSH)来执行,而不是PS 脚本解析器。防冲突!

通过这篇文章,希望能够让大家在PhotoShop中为所欲为!!!

让我们来关注一下吧:

1)PS DOM(Photoshop 文档对象模型)用来操纵PS中的各个对象,可以使用AppleScript(mac专用),VBScript(windows专用),以及JavaScript(跨平台,本文档仅使用js代码来演示).

2)PS DOM中关键类图(竖线表示包含关系,且第三层开始的所有类都是所属于Document):

3)与绘制相关的对象:
  二维绘制可以归类为三个绘制范畴:

1、位图/图像操作:
    PS Dom通过Application.Document.Channel(通道)对象进行某个通道的数据操作(例如你可以分别对位图的四个通道R G B A 进行操作),这不是本文所关注的。

2、文本绘制:
    PS Dom通过使用Application.Document.ArtLayer.TextItem进行文本的显示和相关操作。
    由上面的寻址关系可以看到TextItem文本对象是被附加到PS中的一个Layer上的。

3、矢量绘制:
    PS Dom 通过使用:
Application.Document.PathItem
Application.Document.PathItem.SubPathItem                 Application.Document.PathItem.SubPathItem.PathPoint

标签:

很赞哦! ()

本栏推荐