Photoshop自制细腻漂亮的黑白几何图案

效果图看上去非常清爽漂亮，其实是有三个不同的形状组构成。制作的时候尽量用形状工具来绘制，这样调整非常方便，同时还可以任意修改，放大后也不会模糊。
        　　最终效果
       
215A53516-0.jpg (79.46 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A53516-0.jpg
        　　1、新建一个250*250px的文件，添加垂直、水平参考线，位置在画布中间。这样比较方便对比位置。画布颜色改为#5a5b5d。
       
215A564N-1.jpg (30.34 KB, 下载次数: 0, 售价: 1 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A564N-1.jpg
        　　2、第一个几何形状：
        　　新建一个组-small pattern。使用椭圆工具，在画布中心画一个直径40px的圆，填充无，描边2pt，白色。
       
215A54205-2.jpg (25.83 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A54205-2.jpg
        　　3、画另一个较小圆，直径20px，填充无，描边1pt，白色。放在下图的位置，即此圆圆心是大圆顶部和底部的锚点。同样的，再画个两个更小的圆，直径10px，放在大圆两边。
       
215A51P4-3.jpg (25.81 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A51P4-3.jpg
        　　4、选中左右两侧的最小圆，复制并旋转30度。最终达到如下效果。
       
215A53645-4.jpg (28.43 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A53645-4.jpg
        　　5、选择多边形工具，画一个六角星，参数如下。
       
215A54053-5.jpg (46.5 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A54053-5.jpg
        　　6、放大来检查，选择视图-显示-像素网格，对六角星的每个锚点进行调整，让每个锚点都对应网格的交叉点。
       
215A52017-6.jpg (50.12 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A52017-6.jpg
        　　7、然后我们第一个图案就做好啦!是不是很简单呢。
       
215A544T-7.jpg (23.05 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A544T-7.jpg
        　　8、第二个形状：
        　　建一个组-med pattern。在画布中心画一个圆，直径20px，描边1pt。给这个圆添加个蒙版，达到如下效果，方法根据自己的喜好来。
       
215A5I25-8.jpg (68.77 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A5I25-8.jpg
        　　9、画一个稍大的圆，直径30px。
       
215A55406-9.jpg (69.18 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A55406-9.jpg
        　　10、选择多边形工具，画一个三角形，描边1pt，参数如下。别忘记调整每个锚点，让它们都正好在网格的交叉点上。
       
215A54609-10.jpg (62.28 KB, 下载次数: 0, 售价: 1 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A54609-10.jpg
        　　11、复制这个三角形，移动到圆形下方并翻转，达到如下效果。
       
215A55347-11.jpg (67.11 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A55347-11.jpg
        　　12、选择这两个三角形，复制并旋转30度。然后重复这个步骤，达到如下效果。
       
215A53K9-12.jpg (80.5 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A53K9-12.jpg
        　　13、画一个直径110px的大圆，描边2pt。
         
       
215A542H-13.jpg (54 KB, 下载次数: 0, 售价: 6 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A542H-13.jpg
14、画一个椭圆，参数及位置如下。
       
215A53514-14.jpg (78.99 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A53514-14.jpg
        　　15、选择转换锚点工具，将椭圆的上下两个锚点变为尖角。
       
215A51355-15.jpg (80.34 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A51355-15.jpg
        　　16、复制这个形状，放在下方。
       
215A5F58-16.jpg (47.98 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A5F58-16.jpg
        　　17、选中这两个图形，复制并旋转15度，最终达到如下效果。
       
215A55251-17.jpg (45.68 KB, 下载次数: 0, 售价: 6 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A55251-17.jpg
        　　18、画一个圆，放在大圆的左上方，直径20px，描边1pt。
       
215A5F33-18.jpg (135.01 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A5F33-18.jpg
        　　19、画一个六角星，不要忘记调整锚点哦。
       
215A51E0-19.jpg (82.32 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A51E0-19.jpg
        　　20、复制这个小圆和六角星，放置到大圆的右上、右下、左下，就完成啦。
       
215A511G-20.jpg (12.99 KB, 下载次数: 0, 售价: 6 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A511G-20.jpg
        　　21、第三个图案：
        　　先画一个六角形，宽22px，高24px。再画个圆直径8px，放在六角形上方和下方。描边都是2px。
       
215A52317-21.jpg (63.49 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A52317-21.jpg
        　　22、选中这两个圆，复制并旋转60度。最终达到如下效果。
       
215A52G5-22.jpg (14.1 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A52G5-22.jpg
        　　23、画一个直径50px的大圆，描边2px，放在如下位置。
       
215A5B96-23.jpg (41.18 KB, 下载次数: 0, 售价: 6 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A5B96-23.jpg
        　　24、画个三角形，边长30px，放在下图位置。
       
215A53M3-24.jpg (5.35 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A53M3-24.jpg
        　　25、复制并旋转30度，重复这个步骤，最终效果如下。
       
215A52S9-25.jpg (9.62 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A52S9-25.jpg
        　　26、用之前的方法，在每个三角形里加上一个圆，直径14px，描边1pt，效果如图。
       
215A521c-26.jpg (10.33 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A521c-26.jpg
        　　27、用老办法在每个小圆里加一个六角星。效果图如下。
       
215A52517-27.jpg (10.58 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A52517-27.jpg
        　　28、再细致点就可以把每个六边形调成上下方向的。
       
215A564D-28.jpg (38.52 KB, 下载次数: 0, 售价: 6 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A564D-28.jpg
        　　29、画一个大圆，直径150px，描边4pt。再画一个稍小的圆，直径118px，描边2pt。
       
215A55c7-29.jpg (13.4 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A55c7-29.jpg
        　　30、画一个小圆，直径32px，描边2pt，如图。
       
215A52104-30.jpg (13.65 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A52104-30.jpg
        　　31、复制并旋转15度，重复这个步骤，效果如图。
       
215A522I-31.jpg (14.71 KB, 下载次数: 0, 售价: 6 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A522I-31.jpg
        　　32、填加一个圆和六角星，效果如图。就大功告成啦。
       
215A55595-32.jpg (16.37 KB, 下载次数: 0, 售价: 6 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A55595-32.jpg
        　　33、让第一个图形可见，复制这个组并栅格化，图层命名为S。将S复制成4个，分别放在如下位置。需要注意的是，这四个图层都要放在每个边的中心，这样后期做成图案并应用的时候才不会错位。
       
215A53519-33.jpg (7.27 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A53519-33.jpg
        　　34、同样的方法应用于第二个图形，这次是放在四个角上。
       
215A52344-34.jpg (10.92 KB, 下载次数: 0, 售价: 1 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A52344-34.jpg
        　　35、第三个图形放在画布中心。
       
215A52437-35.jpg (24.95 KB, 下载次数: 0, 售价: 6 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A52437-35.jpg
        　　将这些图形存储为图案。隐藏背景，Ctrl-A全选，点击编辑-定义图案，起个名字，一个自己制作的图案就诞生了。然后就可以应用这个图案看看效果如何了。最终效果如下。
         
       
215A53953-36.jpg (79.46 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:33 上传

点击文件名下载附件
215A53953-36.jpg