背景图案,设计几何图案背景图片

分类:文章教程 日期: 点击:0

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

1.新建一个250*250px的文件,添加垂直、水平参考线,位置在画布中间。这样比较方便对比位置。画布颜色改为#5a5b5d。

背景图案,设计几何图案背景图片背景图案,设计几何图案背景图片

2.第一个几何形状

STEP 1:新建一个组-small pattern。使用椭圆工具,在画布中心画一个直径40px的圆,填充无,描边2pt,白色。

背景图案,设计几何图案背景图片

STEP 2:画另一个较小圆,直径20px,填充无,描边1pt,白色。放在下图的位置,即此圆圆心是大圆顶部和底部的锚点。

背景图案,设计几何图案背景图片

STEP 3:同样的,再画个两个更小的圆,直径10px,放在大圆两边。

背景图案,设计几何图案背景图片

STEP 4:选中左右两侧的最小圆,复制并旋转30度。最终达到如下效果。

背景图案,设计几何图案背景图片

STEP 5:选择多边形工具,画一个六角星,参数如下。

背景图案,设计几何图案背景图片

STEP 6:放大来检查,选择视图-显示-像素网格,对六角星的每个锚点进行调整,让每个锚点都对应网格的交叉点。

背景图案,设计几何图案背景图片

然后我们第一个图案就做好啦~是不是很简单呢~

背景图案,设计几何图案背景图片

1.第二个形状

STEP 1:建一个组-medpattern。在画布中心画一个圆,直径20px,描边1pt。

STEP 2:给这个圆添加个蒙版,达到如下效果,方法根据自己的喜好来。

背景图案,设计几何图案背景图片

STEP3:画一个稍大的圆,直径30px。

背景图案,设计几何图案背景图片

STEP4:选择多边形工具,画一个三角形,描边1pt,参数如下。别忘记调整每个锚点,让它们都正好在网格的交叉点上。

背景图案,设计几何图案背景图片

STEP5:复制这个三角形,移动到圆形下方并翻转,达到如下效果。

背景图案,设计几何图案背景图片

STEP6:选择这两个三角形,复制并旋转30度。然后重复这个步骤,达到如下效果。

背景图案,设计几何图案背景图片

STEP7:画一个直径110px的大圆,描边2pt。

背景图案,设计几何图案背景图片

STEP8:画一个椭圆,参数及位置如下。

背景图案,设计几何图案背景图片

STEP9:选择转换锚点工具,将椭圆的上下两个锚点变为尖角。

背景图案,设计几何图案背景图片

STEP10:复制这个形状,放在下方。

背景图案,设计几何图案背景图片

STEP11:选中这两个图形,复制并旋转15度,最终达到如下效果。

背景图案,设计几何图案背景图片

STEP12:画一个圆,放在大圆的左上方,直径20px,描边1pt。

背景图案,设计几何图案背景图片

STEP13:画一个六角星,不要忘记调整锚点哦。

背景图案,设计几何图案背景图片

STEP14:复制这个小圆和六角星,放置到大圆的右上、右下、左下,就完成啦。

背景图案,设计几何图案背景图片

4.第三个图案

STEP1:先画一个六角形,宽22px,高24px。再画个圆直径8px,放在六角形上方和下方。描边都是2px。

背景图案,设计几何图案背景图片

STEP2:选中这两个圆,复制并旋转60度。最终达到如下效果。

背景图案,设计几何图案背景图片

STEP3:画一个直径50px的大圆,描边2px,放在如下位置。

背景图案,设计几何图案背景图片

STEP4:画个三角形,边长30px,放在下图位置。

背景图案,设计几何图案背景图片

STEP5:复制并旋转30度,重复这个步骤,最终效果如下。

背景图案,设计几何图案背景图片

STEP6:用之前的方法,在每个三角形里加上一个圆,直径14px,描边1pt,效果如图。

背景图案,设计几何图案背景图片

STEP7:用老办法在每个小圆里加一个六角星。效果图如下。

背景图案,设计几何图案背景图片

STEP8:再细致点就可以把每个六边形调成上下方向的。

背景图案,设计几何图案背景图片

STEP9:画一个大圆,直径150px,描边4pt。再画一个稍小的圆,直径118px,描边2pt。

背景图案,设计几何图案背景图片

STEP10:画一个小圆,直径32px,描边2pt,如图。

背景图案,设计几何图案背景图片

STEP11:复制并旋转15度,重复这个步骤,效果如图。

背景图案,设计几何图案背景图片

STEP12:填加一个圆和六角星,效果如图。就大功告成啦。

背景图案,设计几何图案背景图片

5.最后一步就是把这些图形组合到一起。

STEP 1:让第一个图形可见,复制这个组并栅格化,图层命名为S。将S复制成4个,分别放在如下位置。需要注意的是,这四个图层都要放在每个边的中心,这样后期做成图案并应用的时候才不会错位。

背景图案,设计几何图案背景图片

STEP2:同样的方法应用于第二个图形,这次是放在四个角上。

背景图案,设计几何图案背景图片

STEP3:第三个图形放在画布中心。

背景图案,设计几何图案背景图片

STEP4:将这些图形存储为图案。隐藏背景,Ctrl-A全选,点击编辑-定义图案,起个名字,一个自己制作的图案就诞生了。然后就可以应用这个图案看看效果如何了。最终效果如下。

背景图案,设计几何图案背景图片

总结:

通过这个教程可以知道,看起来很复杂的图案,细分析起来都是由多个小图案组成的。我们要做的就是先分解,之后画图形、复制、旋转、组合……希望大家可以从这篇教程里得到些启发。

标签:

网站声明

1、本站所有软件和资料来源互联网,仅供个人学习和研究使用,不得用于任何商业用途。
2、如有侵犯您商标权、著作权或其他合法权利的,请联系我们,本站将在第一时间对此进行核实并处理。
3、本站所有可下载资源,都是按照“原样”提供,本站并未对其做过任何改动。本站不保证本站提供的下载资源的准确性、安全性和完整性。同时,本站也不承担用户因使用这些下载资源对自己和他人造成任何形式的损失或伤害。
4、继续浏览本站,即代表您遵守此声明。