xiaohutu 发表于 2015-9-5 18:30:07

做一款自己的复合几何图案

复合的背景几何图案看着很麻烦很难做,其实只要掌握了技巧还是很容易的,今天就教大家怎么做复合的背景几何图案。喜欢的可以一起练习一下,练习的时候可以尝试其他图案,不用一定照着教程来做,做完记得交作业。先看看最终效果:

http://pic.16xx8.com/allimg/150901/2029334V3-37.jpg
提示:教程详细步骤在二楼!想下载该教程的可以到这里下载:点击进入下载页教程编号:0 作者:daxiachica 出处:站酷

xiaohutu 发表于 2015-9-5 18:30:07



1.新建一个250*250px的文件,添加垂直、水平参考线,位置在画布中间。这样比较方便对比位置。画布颜色改为#5a5b5d。
http://pic.16xx8.com/allimg/150901/2029335W1-0.jpg

http://pic.16xx8.com/allimg/150901/2029332600-1.jpg

xiaohutu 发表于 2015-9-5 18:30:07

2.第一个几何形状STEP 1:新建一个组-small pattern。使用椭圆工具,在画布中心画一个直径40px的圆,填充无,描边2pt,白色。
http://pic.16xx8.com/allimg/150901/2029334203-2.png

xiaohutu 发表于 2015-9-5 18:30:07

STEP 2:画另一个较小圆,直径20px,填充无,描边1pt,白色。放在下图的位置,即此圆圆心是大圆顶部和底部的锚点。
http://pic.16xx8.com/allimg/150901/2029332228-3.png

xiaohutu 发表于 2015-9-5 18:30:07

STEP 3:同样的,再画个两个更小的圆,直径10px,放在大圆两边。
http://pic.16xx8.com/allimg/150901/20293330R-4.png

xiaohutu 发表于 2015-9-5 18:30:07

STEP 4:选中左右两侧的最小圆,复制并旋转30度。最终达到如下效果。
http://pic.16xx8.com/allimg/150901/20293350L-5.png

xiaohutu 发表于 2015-9-5 18:30:07

STEP 5:选择多边形工具,画一个六角星,参数如下。
http://pic.16xx8.com/allimg/150901/202933O91-6.png

xiaohutu 发表于 2015-9-5 18:30:07

STEP 6:放大来检查,选择视图-显示-像素网格,对六角星的每个锚点进行调整,让每个锚点都对应网格的交叉点。
http://pic.16xx8.com/allimg/150901/20293340W-7.png

xiaohutu 发表于 2015-9-5 18:30:07

然后我们第一个图案就做好啦"是不是很简单呢"
http://pic.16xx8.com/allimg/150901/2029335253-8.png

xiaohutu 发表于 2015-9-5 18:30:07

1.第二个形状STEP 1:建一个组-medpattern。在画布中心画一个圆,直径20px,描边1pt。STEP 2:给这个圆添加个蒙版,达到如下效果,方法根据自己的喜好来。
http://pic.16xx8.com/allimg/150901/2029334E4-9.png

xiaohutu 发表于 2015-9-5 18:30:07

STEP3:画一个稍大的圆,直径30px。
http://pic.16xx8.com/allimg/150901/2029335310-10.png

xiaohutu 发表于 2015-9-5 18:30:07

STEP4:选择多边形工具,画一个三角形,描边1pt,参数如下。别忘记调整每个锚点,让它们都正好在网格的交叉点上。
http://pic.16xx8.com/allimg/150901/2029335O4-11.png

xiaohutu 发表于 2015-9-5 18:30:07

STEP5:复制这个三角形,移动到圆形下方并翻转,达到如下效果。
http://pic.16xx8.com/allimg/150901/20293354Z-12.png

xiaohutu 发表于 2015-9-5 18:30:07

STEP6:选择这两个三角形,复制并旋转30度。然后重复这个步骤,达到如下效果。
http://pic.16xx8.com/allimg/150901/202933OI-13.png

xiaohutu 发表于 2015-9-5 18:30:07

STEP7:画一个直径110px的大圆,描边2pt。
http://pic.16xx8.com/allimg/150901/20293313C-14.png
页: [1] 2 3
查看完整版本: 做一款自己的复合几何图案