网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 图形图象 > Illustrator
图形图象:Photoshop,Fireworks,CorelDraw,Flash,3Dmax,AutoCad,Maya,Director,Authorware,Illustrator,相关软件
本月文章推荐
.Illustrator制作磨损图章效果.
.Adobe Illustrator CS2画可爱的小.
.Illustrator 人物肖像教程.
.看磁盘设计实例-NETBIRD谈构图.
.Illustrator传统风格名片设计实例.
.智能辅助线 ----Illustrator 基础.
.巧用Illustrator裁剪标记设置界限.
.在Illustrator中标尺寸的方法讨论.
.AI色彩混合功能制作彩色光碟.
.用Illustrator内置素材轻松制作情.
.关于illustrator中的Color面板.
.Illustrator 中Apprearance面板的.
.体验Illustrator CS3的全新色彩搭.
.Illustrator CS编辑多页PDF的文字.
.数码人像照片矢量化及艺术处理.
.Illustrator制作精确六面体.
.Illustrator巧绘启动画面中的矢量.
.Illustrator表现立体感和光滑质感.
.AI 10增效插件使用技巧.
.illustrator中威力无比的混合工具.

Illustrator简单的四方连续的一种做法

发表日期:2007-11-17


今天有个小朋友在我的QQ群里问了关于四方连续图案的问题,我把他的文件拿过来看了一下,顺便做了一个简单的教程。希望这位小朋友能够对四方连续有所认识。

点击在新窗口中浏览此图片


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

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

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

点击在新窗口中浏览此图片

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

点击在新窗口中浏览此图片

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

点击在新窗口中浏览此图片

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

点击在新窗口中浏览此图片

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

点击在新窗口中浏览此图片


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

点击在新窗口中浏览此图片

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

点击在新窗口中浏览此图片

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

点击在新窗口中浏览此图片

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

点击在新窗口中浏览此图片

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

点击在新窗口中浏览此图片

 


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

点击在新窗口中浏览此图片

这是应用后的图案

点击在新窗口中浏览此图片

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

点击在新窗口中浏览此图片

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

点击在新窗口中浏览此图片

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

点击在新窗口中浏览此图片

上一篇:Illustrator简单创意勾画浪漫春色 人气:1172
下一篇:Illustrator渐变网格初学实例:叶片制作 人气:1113
浏览全部Illustrator的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐