今天图老师小编给大家精心推荐个Photoshop自制细腻漂亮的黑白几何图案教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~
效果图看上去非常清爽漂亮,其实是有三个不同的形状组构成。制作的时候尽量用形状工具来绘制,这样调整非常方便,同时还可以任意修改,放大后也不会模糊。 最终效果![](http://img.tulaoshi.com/image/20160201/e8550366210c6167e32d4391b19c2257.jpg)
1、新建一个250*250px的文件,添加垂直、水平参考线,位置在画布中间。这样比较方便对比位置。画布颜色改为#5a5b5d。![](http://img.tulaoshi.com/image/20160201/eccf9d6c1d43cee304558123314ec660.jpg)
2、第一个几何形状:
新建一个组-small pattern。使用椭圆工具,在画布中心画一个直径40px的圆,填充无,描边2pt,白色。![](http://img.tulaoshi.com/image/20160201/1667438a0a4de148e2f842fd8c7088a6.jpg)
3、画另一个较小圆,直径20px,填充无,描边1pt,白色。放在下图的位置,即此圆圆心是大圆顶部和底部的锚点。同样的,再画个两个更小的圆,直径10px,放在大圆两边。![](http://img.tulaoshi.com/image/20160201/e5cb595328785101ad7d41e4119bf320.jpg)
4、选中左右两侧的最小圆,复制并旋转30度。最终达到如下效果。![](http://img.tulaoshi.com/image/20160201/be9e5d83ac116c85c070387398d00432.jpg)
5、选择多边形工具,画一个六角星,参数如下。![](http://img.tulaoshi.com/image/20160201/4b31e9938733ee29a870c9365ce25f16.jpg)
6、放大来检查,选择视图-显示-像素网格,对六角星的每个锚点进行调整,让每个锚点都对应网格的交叉点。![](http://img.tulaoshi.com/image/20160201/d4e49f41fd9333bdcea821254f1a4a37.jpg)
7、然后我们第一个图案就做好啦!是不是很简单呢。![](http://img.tulaoshi.com/image/20160201/01e330b391dc1cc7aa5c45a1d7c7a46b.jpg)
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)8、第二个形状:
建一个组-med pattern。在画布中心画一个圆,直径20px,描边1pt。给这个圆添加个蒙版,达到如下效果,方法根据自己的喜好来。![](http://img.tulaoshi.com/image/20160201/89aff21efc55b64fdbd890ee56bb2106.jpg)
9、画一个稍大的圆,直径30px。![](http://img.tulaoshi.com/image/20160201/214665d87b9a63aba981a5391b55d507.jpg)
10、选择多边形工具,画一个三角形,描边1pt,参数如下。别忘记调整每个锚点,让它们都正好在网格的交叉点上。![](http://img.tulaoshi.com/image/20160201/1d5192c8adaf66e652244b0fab86c842.jpg)
11、复制这个三角形,移动到圆形下方并翻转,达到如下效果。![](http://img.tulaoshi.com/image/20160201/7f4af47dd1f3be622c4211ee7328777d.jpg)
12、选择这两个三角形,复制并旋转30度。然后重复这个步骤,达到如下效果。![](http://img.tulaoshi.com/image/20160201/dc3bdb3ccc79e2d35a0cee6758e23020.jpg)
13、画一个直径110px的大圆,描边2pt。![](http://img.tulaoshi.com/image/20160201/ef3343a75c591338f36dc9eaeecc06c9.jpg)
14、画一个椭圆,参数及位置如下。![](http://img.tulaoshi.com/image/20160201/1a52c6db6317c2504667f0489728582b.jpg)
15、选择转换锚点工具,将椭圆的上下两个锚点变为尖角。![](http://img.tulaoshi.com/image/20160201/ff7c78c89da5838a38562de359a75eb4.jpg)
16、复制这个形状,放在下方。![](http://img.tulaoshi.com/image/20160201/805100fdd864d81ac10607668211bc55.jpg)
17、选中这两个图形,复制并旋转15度,最终达到如下效果。![](http://img.tulaoshi.com/image/20160201/dc63bef7d44f0c918a53f262a83de402.jpg)
18、画一个圆,放在大圆的左上方,直径20px,描边1pt。![](http://img.tulaoshi.com/image/20160201/b4e025102f4c320eaf5ac74cd5432aa8.jpg)
19、画一个六角星,不要忘记调整锚点哦。![](http://img.tulaoshi.com/image/20160201/4f2e44647dcc868473a1df6da8eadcf2.jpg)
20、复制这个小圆和六角星,放置到大圆的右上、右下、左下,就完成啦。![](http://img.tulaoshi.com/image/20160201/4a2265e5d4f918491e53b36caf235e7e.jpg)
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)21、第三个图案:
先画一个六角形,宽22px,高24px。再画个圆直径8px,放在六角形上方和下方。描边都是2px。![](http://img.tulaoshi.com/image/20160201/7f7d171f0736ca763d9e0528bbf16dbe.jpg)
22、选中这两个圆,复制并旋转60度。最终达到如下效果。![](http://img.tulaoshi.com/image/20160201/7dfa3f64241904f163370aaa1b86a761.jpg)
23、画一个直径50px的大圆,描边2px,放在如下位置。![](http://img.tulaoshi.com/image/20160201/fe26ae20cd9cc5469abf6944754bf09b.jpg)
24、画个三角形,边长30px,放在下图位置。![](http://img.tulaoshi.com/image/20160201/9448809417982022c6aeabe683ccef4d.jpg)
25、复制并旋转30度,重复这个步骤,最终效果如下。![](http://img.tulaoshi.com/image/20160201/081ada4e197d9da87c032fba8e756e3e.jpg)
26、用之前的方法,在每个三角形里加上一个圆,直径14px,描边1pt,效果如图。![](http://img.tulaoshi.com/image/20160201/6effa0ff37c55defc41e93afe2c6a07f.jpg)
27、用老办法在每个小圆里加一个六角星。效果图如下。![](http://img.tulaoshi.com/image/20160201/e75da1b69a7916380fb278cc1e28319b.jpg)
28、再细致点就可以把每个六边形调成上下方向的。![](http://img.tulaoshi.com/image/20160201/c8c72ce05733c385e5ead340dc00b556.jpg)
29、画一个大圆,直径150px,描边4pt。再画一个稍小的圆,直径118px,描边2pt。![](http://img.tulaoshi.com/image/20160201/0cd4c3b6999aa3a7d307e9a0f64552f9.jpg)
30、画一个小圆,直径32px,描边2pt,如图。![](http://img.tulaoshi.com/image/20160201/337101400098d38fae67de5db0e29b31.jpg)
31、复制并旋转15度,重复这个步骤,效果如图。![](http://img.tulaoshi.com/image/20160201/928402262e2f163fd5c95138dd9f8ce7.jpg)
32、填加一个圆和六角星,效果如图。就大功告成啦。![](http://img.tulaoshi.com/image/20160201/eb7d9f7e9bb6d3fc86abe60acbdde94a.jpg)
33、让第一个图形可见,复制这个组并栅格化,图层命名为S。将S复制成4个,分别放在如下位置。需要注意的是,这四个图层都要放在每个边的中心,这样后期做成图案并应用的时候才不会错位。![](http://img.tulaoshi.com/image/20160201/553a0d30c714501d22415de57927e8c8.jpg)
34、同样的方法应用于第二个图形,这次是放在四个角上。![](http://img.tulaoshi.com/image/20160201/9477be62fa9f32b5047455d03468b977.jpg)
35、第三个图形放在画布中心。![](http://img.tulaoshi.com/image/20160201/6816c9a1881e56e3cc8f1642320f4b79.jpg)
将这些图形存储为图案。隐藏背景,Ctrl-A全选,点击编辑-定义图案,起个名字,一个自己制作的图案就诞生了。然后就可以应用这个图案看看效果如何了。最终效果如下。![](http://img.tulaoshi.com/image/20160201/e8550366210c6167e32d4391b19c2257.jpg)