AI脚本建立点到点的连线教程

所属分类: 平面设计 / Illustrator教程 阅读数: 300
收藏 0 赞 0 分享

这篇教程像脚本之家的AI爱好者们介绍用AI脚本建立点到点的连线这个脚本是将对象上能互相连接的点做一个连接。示例如图:

连接之后类似于曼陀罗的形状。在多边形、星型或者手绘图形上也试试吧。
点最好多一些,这样能得到更好的形状;较少的点可能没有什么变化。

要用“文件-脚本”来使用,以CS3为例应放在"C:\Program Files\Adobe\Adobe Illustrator CS3\预设\脚本"下。
当然,也可以放置在其他文件夹中,通过Ctrl+F12定位到脚本所在处来使用。
复制以下全部文字到记事本中,保存为以.js结尾的脚本文件(如:脚本.js)即可。


复制代码
代码如下:
/////////////////////////////////////////////////////////////////
// All Points v.1.3 -- CS,CS2,CS3,CS4
//>=--------------------------------------
// This script simply draws a line from every point to every other point of your selected pathitem.
// Handy for making Mandalas. Try on polygons, stars or even freehand shapes.
//>=--------------------------------------
// JS code (c) copyright: John Wundes ( john@wundes.com ) www.wundes.com
//copyright full text here: http://www.wundes.com/js4ai/copyright.txt
//////////////////////////////////////////////////////////////////
function Loadbar(x){
this.versionNum= app.version.split(".")[0] ;
if (this.versionNum >= 13){
this.w = new Window('window', "Processing...", undefined, {independent:true});
this.w.frameLocation = [600,400];
this.w.tracker = this.w.add ('statictext' , [15,15,250,35], "processing");
this.w.prog = this.w.add ('progressbar' , [15,15,250,35], 0, x);
//this.w.show();
}
}
Loadbar.prototype.close = function(){
if (this.versionNum >= 13){
this.w.close();
}
}
Loadbar.prototype.hide=function(){
if (this.versionNum >= 13){
this.w.hide();
}
}
Loadbar.prototype.show=function(){
if (this.versionNum >= 13){
this.w.show();
}
}
Loadbar.prototype.update=function(x){
if (this.versionNum >= 13){
this.w.prog.value = x;
}
}
Loadbar.prototype.label=function(x){
if (this.versionNum >= 13){
this.w.tracker.text = x;
}
}
Array.prototype.indexOf = function(i){
var len = this.length;
for (var a=0;a{
if (this[a]==i)
{
return a;
}
return -1;
}
}
Array.prototype.man = function(test, tvars_arr, doThis, dovars_arr) {
var FUN="function";
var OBJ="object";
var UND="undefined";
var a=typeof test;
var b=typeof tvars_arr;
var c=typeof doThis;
var d=typeof dovars_arr;
// if only an array is given, it is assumed we wish to copy to it:
if (a==OBJ && tvars_arr ==undefined && doThis==undefined && dovars_arr==undefined)
{
dovars_arr = test;
test=undefined;
}
//if we just want to process all items without any testing: doThis,[dovars_arr] fun,ob
if (a==FUN && b==OBJ && doThis==undefined && dovars_arr==undefined)
{
//alert("correct");
doThis=test;
test=undefined;
dovars_arr=tvars_arr;
tvars_arr=undefined;
}else if(a==FUN && b==FUN){ // fun,fun OR fun,fun,ob
if (c==OBJ)
{
dovars_arr=doThis;
}
doThis=tvars_arr;
tvars_arr=undefined;
}
// Either case should work as normal: fun,ob,fun OR fun,ob,fun,ob
// Now set defaults if anything is missing:
test= test==undefined?AMT_exists:test;
tvars_arr= tvars_arr==undefined?[0]:tvars_arr;
doThis= doThis==undefined?AMA_exportTo:doThis;
dovars_arr= dovars_arr==undefined?[0]:dovars_arr;
//
var sl = this.length;
for (var ds = 0; ds<(sl-1); ds++) {
//first referenced function call
if (test(this[ds], tvars_arr)) {
// second referenced function call
var ret = doThis(this[ds], dovars_arr);
//change original array item if something is returned
if (ret != undefined) {
this[ds] = ret;
}
}
}
}
//DEFAULT TEST:
function AMT_exists(item, y_arr) {
//filler function for arrayMan
//always true
return 1;
}
//DEFAULT ACTION:
// exports each tested item to exp_arr
function AMA_exportTo(item, exp_arr) {
//alert(item);
exp_arr.unshift(item); //unshift because the array is being processed backwards.
}
function AMA_LinesTo(item, vars_arr) {
var count = vars_arr[0];
var group = vars_arr[1];
var src_arr = vars_arr[2];
var sal = src_arr.length;
// draw a line from this point, to every remaining point in the array
if (count == sal-1)
{
//alert("last one");
return
}
//
for (var p=(count+1);p<sal></sal>{
var myLine = drawLine(item.anchor, src_arr[p].anchor);

/* // uncomment for some fun grayscale action
var col=255/(sal/(count+1));
myLine.strokeColor.red = col;
myLine.strokeColor.green= col;
myLine.strokeColor.blue = col;
*/

b.update(p);
b.label("Item:"+(s+1)+" of "+selLen+". (node "+count+" of "+(sal-1)+")");
//redraw();
//alert("drawing count:"+count+"\nindex of "+item+" in:"+src_arr+":"+src_arr.indexOf(item));
}
vars_arr[0]++; //note: count++ doesnt work
}
function drawLine(anchor1,anchor2) {
//alert(anchor1+" and "+anchor2);
//draw a single line from point a to point b
var linePath = shapeGroup.pathItems.add();
var offset=0; // [anchor1[0]-offset,anchor1[1]-offset]
linePath.setEntirePath( Array(anchor1,anchor2) );
linePath.closed = false;
linePath.stroked = true;
linePath.filled = false;
linePath.strokeWidth = 1;
return linePath;
}
//----------------main
alert0="请打开一个文档";
alert1="只能对单一对象生效!\n不能是剪切蒙版、复合路径、复合形状、群组等!";
if ( app.documents.length == 0 ) {
alert(alert0);
}else if (app.activeDocument.selection.length == 0){
alert(alert1);
}else if (app.activeDocument.selection[0].typename != "PathItem"){
alert(alert1);
}else{
doc=activeDocument;
sel=doc.selection;
selLen=sel.length;
// walk through each selected item
for (var s=0;s<sellen></sellen>{
if (sel[s].typename == "PathItem")
{
var b = new Loadbar(sel[s].selectedPathPoints.length);
b.show();
var obj = sel[s];
var src_arr = obj.selectedPathPoints;
var count = 0;
var shapeGroup = app.activeDocument.groupItems.add();
src_arr.man(AMA_LinesTo,[count,shapeGroup,src_arr]);
b.close();
}
}
}

更多精彩内容其他人还在看

Illustrator CS3把作品转化和编辑为灰度模式

为了出版广告、变换LOGO样式,甚至就是为了尝试与从不同,我们有时候需要把AI文件转化为灰度模式。在AI CS3中有不少简便的方法把作品转化和编辑为灰度。
收藏 0 赞 0 分享

Illustrator 制作web 2.0风格标签

我不知道 web 2.0 风格将会风行多久。一方面,它代表着当前的流行趋势;另一方面,它又体现着对新技术新风格的探索。无论如何,大众对 web 2.0 风格依旧需求强烈,因而写篇制作一流 web 2.0 风格标签的教程很有必要。
收藏 0 赞 0 分享

Illustrator基础教程之简单制作金属纹理

Vectips 纹理教学周的第二篇教程是金属纹理。如同前篇水质感纹理教程一样,制作金属纹理的技巧也是利用了AI的效果菜单中的效果。
收藏 0 赞 0 分享

Illustrator CS4 绘制覆盖着雨滴窗口

使用简单的工具,加上网格渐变,学习在adobe illustrator中绘制“覆盖着雨滴窗口”的壁纸。
收藏 0 赞 0 分享

Illustrator 绘制透明质感绿色金属标志

本教程主要用Illustrator制作透明质感立体标志,这个例子我们将一个商品的标志放大,制作出它的透明质感立体效果,通过对这个实例的学习,将对你制作按钮、标志以及类似的操作用很大的帮助。
收藏 0 赞 0 分享

Illustrator 绘制透明气泡组成的心形

本例介绍运用AI简单四步做一个漂亮的透明气泡,在本AI实例教程中我们将学习如何运用内发光、蒙板、羽化、渐变填充等方法简单制作出漂亮的透明泡泡效果,希望能给朋友们带来帮助~~
收藏 0 赞 0 分享

Illustrator 绘制漂亮的透明气泡

本例介绍运用AI简单四步做一个漂亮的透明气泡,在本AI实例教程中我们将学习通过绘制一个圆形,然后再运用内发光、羽化、外发光等方法简单制作出漂亮的透明泡泡效果,希望能给朋友们带来帮助
收藏 0 赞 0 分享

Illustrator 绘制可爱卡通宝宝

从本次开始我将向您详细介绍用Illustrator软件绘制人物的方法,我们将从婴儿开始,之后是儿童,其次是青年,再有就是成年、中年以及老年人。
收藏 0 赞 0 分享

Illustrator 绘制绿叶环保的精致货牌

本教程主要用Illustrator制作漂亮的新货牌.
收藏 0 赞 0 分享

Illustrator 绘制金属质感的小闹钟

本例介绍运用AI的渐变工具来绘制金属质感的小闹钟,在教程中我们将学习到通过几种渐变填充的灵活运用来实现金属质感的表现,另外还将学习到复制、旋转及阴影的制作方法,希望能给朋友们带来帮助~~
收藏 0 赞 0 分享
查看更多