教你快速制作六边形玻璃图标_网页logo教程

虚无飘渺 发表于 2015-5-12 13:03:38

教你快速制作六边形玻璃图标

http://pic.16xx8.com/allimg/150509/15401B093-0.jpg
今天这枚图标教程难度不高，重点是图层样式的调整，效果分为底层、凹陷层、图形层和高光层，每一步都有@DearSalt 同学细致的过程讲述，非常适合练手一、图形分解首先我们将整个图标分解开来，共有四部分组成，然后我们分层制作。
http://pic.16xx8.com/allimg/150509/1540162942-1.jpg
提示：教程详细步骤在二楼！想下载该教程的可以到这里下载:点击进入下载页教程编号:137521 作者：DearSalt 出处：blog.dearsalt

虚无飘渺 发表于 2015-5-12 13:03:38

二、制作底层首先在画布上绘制一个圆角六边形，这个形状我是在AI中制作的，然后直接拖入到PS即可,图层样式已给出，仅供参考。注意：形状大小不同，对应的参数也会有所改动。
http://pic.16xx8.com/allimg/150509/1540163M7-2.jpg

http://pic.16xx8.com/allimg/150509/1540164126-3.jpg

http://pic.16xx8.com/allimg/150509/1540161Z1-4.jpg

http://pic.16xx8.com/allimg/150509/1540164057-5.jpg

http://pic.16xx8.com/allimg/150509/15401A4D-6.jpg

http://pic.16xx8.com/allimg/150509/15401C217-7.jpg

虚无飘渺 发表于 2015-5-12 13:03:38

三、制作凹陷层将之前那个圆角六边形复制一层然后缩小，放在“底层”的上方。
http://pic.16xx8.com/allimg/150509/1540162619-8.jpg

http://pic.16xx8.com/allimg/150509/15401B356-9.jpg

http://pic.16xx8.com/allimg/150509/1540161Q1-10.jpg

http://pic.16xx8.com/allimg/150509/15401614O-11.jpg

http://pic.16xx8.com/allimg/150509/1540163106-12.jpg

虚无飘渺 发表于 2015-5-12 13:03:38

四、制作纹理图层新建一个3*3的画布，然后将画布放到最大，使用矩形工具绘制三个正方形，成倾斜45角排放，隐藏背景层。然后再执行编辑-定义图案，按住Ctrl+凹陷层会出现选区，在上方新建图层，并填充图案，将此层模式改为“叠加”，不透明度“34%”
http://pic.16xx8.com/allimg/150509/1540162137-13.jpg

虚无飘渺 发表于 2015-5-12 13:03:38

五、制作图形符号大家可以把自己设计的符号放到这个图标中去，然后再添加一些图层样式即可，这步相对简单所以在此不做演示。
http://pic.16xx8.com/allimg/150509/1540161P7-14.jpg

虚无飘渺 发表于 2015-5-12 13:03:38