sunten

来源：bonesblog.net

000.png (19.07 KB)

2007-11-20 14:55

本教程由 www.bonesblog.net原创，如需转载请注明出处。

先说说制作方法吧，我这里还是使用Adobe Illustraotr CS2来制作四方连续图案。

先绘制这样简单的线条，绘制完成后，可以将这个图形全部选中，并执行Ctrl＋G（编组）命令

001.png (29.27 KB)

2007-11-20 14:55

为了后面好叙述，我将大小弄成了一个整数，当然举一反三，你可以绘制长框不等的元素，只要记住尺寸的大小就可以了。

002.png (20.93 KB)

2007-11-20 14:55

选中图形，执行“对象>变换>移动”命令，移动的大小就是上面所设定的宽度，然后单击“复制”按钮即可

003.png (18.4 KB)

2007-11-20 14:55

再次执行同样的操作，也可以执行Ctrl＋D来实现

004.png (34.63 KB)

2007-11-20 14:55

将三个图形都选中，再次执行“对象>变换>移动”命令，这次要移动的位置就是纵向的高度了，还是要单击“复制”按钮

005.png (21.44 KB)

2007-11-20 14:55

做这个四方连续的案例至少要复制出5个图形，这里复制出了6个，反正复制不花力气，留着就留着，嘿嘿

006.png (59.39 KB)

2007-11-20 14:55

使用矩形工具在页面上单击，所设定的宽度和高度就是单个图形的高度和宽度的两倍

007.png (47.73 KB)

2007-11-20 14:55

再将下面的3个图形选中，按住Shift键，水平移动一些，移动多少自己定义

008.png (60.59 KB)

2007-11-20 14:55

然后将6个形状都选中，执行Ctrl＋G，将图形编组后，再将矩形的框一起选中，垂直居中对齐一下

009.png (55.72 KB)

2007-11-20 14:55

然后将矩形的填色和描边都改为“无”，然后放置在最底

010.png (61.22 KB)

2007-11-20 14:55

全部选中图形，拖放到色板调板中

011.png (60.76 KB)

2007-11-20 14:55

这是应用后的图案

012.png (52.45 KB)

2007-11-20 14:55

水平位置移动比较偏一点的应用

013.png (52.06 KB)

2007-11-20 14:55

红线框是定义图案需要的大小，绿线框是小单元的

014.png (66.15 KB)

2007-11-20 14:55

应用后就比较容易看得明白了，四方连续也就是要前后左右都能够相连，不过要做更复杂的图案，就要画更加复杂的结构线了。

015.png (55.04 KB)

2007-11-20 14:55

[ 本帖最后由 sunten 于 2007-11-20 17:43 编辑 ]

LIAOZHIMEI

这个教程简单，而做出的效果很漂亮，直得学习；
   欢迎红友们积极交作业~~~

愤怒的傻子

但是LZ,我们填色后移动的话会改变的啊

83897004

今天还不算很忙 看到帖子就跟着做了一下
虽然能做处一样的东西但是大家用的方法都不一样
按楼主的步骤做了一次感觉学到不少东西~谢了

1.jpg (164.19 KB)

2007-11-20 17:01

最后那平行没看明白怎么做.....

LIAOZHIMEI

欢迎来到矢量教程区，交作業的紅友請到作業區開設一個屬於自己的作業本，作業分為兩份，一份跟在教程後面，一份在作業本裏面，加分統一到作業本加！（http://bbs.redocn.com/forum-170-1.html）

愤怒的傻子

你们移动的时候就不会变吗?

sunten

自己做了一个，真的是简单使用啊，呵呵

简单的四方连续的一种做法.gif (54.88 KB)

2007-11-20 18:13

LIAOZHIMEI

楼主，你画的花儿有一点不像呀

sunten

呵呵，本来是想画小人的。。。。

支璃破碎

这个教程蛮实用的