... / nVoxel主页 » PS/AI/AE » Ps+Extend Script Toolkit制作BluePrint网格背景

Ps+Extend Script Toolkit制作BluePrint网格背景

作者:T.n.T发表时间:2012-5-4本文链接:http://www.nvoxel.com/psextend-script-toolkit-blueprint.html

在进行字体或者Logo设计的时候经常会用到网格背景图来辅助设计

 

 

这种背景通常是绘制一个单元,然后通过自定义图案填充满画布。

自定义图案的优点是资源可以共享。你可以从网上找到这类的图案文件。

比如说这里就有: 点击查看.

 

上面提到的这种自定义图案的方法缺点就是

不同的尺寸,需要不同规格的图案,网上找不到的,你只能自己做

 

今天这里就介绍一种使用代码生成这种网格背景图的方法

使用代码绘制可以通过修改自定义函数的参数灵活的修改各种数值。

缺点是不直观而且运行起来有点慢,Photoshop运行ExtendScript toolkit的脚本比processing慢很多。

但灵活,可以缩放,可移植性胜过运行速度。

 

这里使用代码生成图形的方式只是其中一种实现方式。

如果你没有JavaScript基础或者不会任何编程语言,也对编程没有兴趣

你只能使用上面的自定义图案的方式实现Blueprint网格背景。

如果你要继续下面的内容(包括运行代码)你需要安装完整版的Ps,包括ExtendScript ToolKit

如果你需要修改实现更强大的功能就需要JavaScript知识。

 

首先将脚本送上:点击下载脚本. | 提取码:7qzf

 

接下来介绍使用方法:

第一步:

打开PS新建一个文档,随意尺寸

 

第二步:

打开ExtendScript Toolkit,然后打开下载的脚本

并且从左上角选择目标程序,这里我们选择Photoshop CS4

选择好程序后运行即可~

在等待一会儿后,你就可以在PS中看到自动生成的网格背景啦~

很方便吧~

 

接下来再来具体的看下代码的内容:

代码第10行至结尾是核心部分

这个代码会按给定的背景色和最小的子网格绘制出不同的BluePrint网格背景

代码目前只会对每10个最小的子网格分组,如果你要实现其他效果只能修改核心部分的代码

 

bluePrint(10, “3385d1″);

第8行为运行代码,你只需要改动这一行就可以修改子网格大小和背景色

bluePrint函数第一个参数是子网格大小,必须为大于2的整数,网格越小运行的时间越久

第二个参数是16进制背景色,必须完整的6位数,可以直接从取色框复制

 

lineColor = new SolidColor();

lineColor.rgb.red = 255;

lineColor.rgb.green = 255;

lineColor.rgb.blue = 255;

lineColor这里表示的是生成的线条的颜色

255,255,255为纯白色;0,0,0表示黑色

如果我要生成白色背景,黑色线条的网格,那么只需要将

bluePrint(20, “3385d1″)改为bluePrint(20, ” ffffff”)

bluePrint(10, “3385d1″)改为bluePrint(10, ” ffffff”)

bluePrint(5, “3385d1″)改为bluePrint(5, ” ffffff”)

 

lineColor.rgb.red = 255;改为lineColor.rgb.red = 0

lineColor.rgb.green = 255;改为lineColor.rgb.green = 0

lineColor.rgb.blue = 255;改为lineColor.rgb.blue = 0

 

运行后的效果如下,即生成了白底黑线的网格背景

 

PhotoShop在CS版本时引入ExtendScript Toolkit,所以这段脚本可以运行在CS以后的各个版本

如果你要了解更多PhotoShop的JavaScript API, 可以到官方下载 photoshop javascript ref

在完整安装的情况安装目录有这个文档

 

本文地址: http://www.nvoxel.com/?p=952

 

评论

(必填)


不是'叮'的一声变成别的东西才算是奇妙,那个走得很慢很慢,慢得不像话但是非常肯定,一直都在走得钟就已经很奇妙了
相遇 相识 相知 相爱 然后分开 / Themes by T.n.T