起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > 快速打造炫酷的六边形玻璃图标【PS教程】

快速打造炫酷的六边形玻璃图标【PS教程】

时间:2016-05-19 09:40:00来源:UI设计网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:教程photoshopPS教程


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

前言: 小编: @DearSalt童鞋用详细的数值展示了一个“炫酷的六边形玻璃图标”的完成步骤, 重点是图层样式的调整,效果

小编:@DearSalt童鞋用详细的数值展示了一个“炫酷的六边形玻璃图标”的完成步骤,重点是图层样式的调整,效果分为底层、凹陷层、图形层和高光层。适合大家练手,别那么在意数值,注意制作方法。

快速打造炫酷的六边形玻璃图标【PS教程】_qh.itpxw.cn

一、图形分解

首先我们将整个图标分解开来,共有四部分组成,然后我们分层制作。

快速打造炫酷的六边形玻璃图标【PS教程】_qh.itpxw.cn

二、制作底层

首先在画布上绘制一个圆角六边形,这个形状我是在AI中制作的,然后直接拖入到PS即可,图层样式已给出,仅供参考。注意:形状大小不同,对应的参数也会有所改动。

快速打造炫酷的六边形玻璃图标【PS教程】_qh.itpxw.cn 快速打造炫酷的六边形玻璃图标【PS教程】_qh.itpxw.cn 快速打造炫酷的六边形玻璃图标【PS教程】_qh.itpxw.cn 快速打造炫酷的六边形玻璃图标【PS教程】_qh.itpxw.cn 快速打造炫酷的六边形玻璃图标【PS教程】_qh.itpxw.cn 快速打造炫酷的六边形玻璃图标【PS教程】_qh.itpxw.cn

三、制作凹陷层

将之前那个圆角六边形复制一层然后缩小,放在“底层”的上方。

快速打造炫酷的六边形玻璃图标【PS教程】_qh.itpxw.cn 快速打造炫酷的六边形玻璃图标【PS教程】_qh.itpxw.cn 快速打造炫酷的六边形玻璃图标【PS教程】_qh.itpxw.cn 快速打造炫酷的六边形玻璃图标【PS教程】_qh.itpxw.cn 快速打造炫酷的六边形玻璃图标【PS教程】_qh.itpxw.cn

四、制作纹理图层

新建一个3*3的画布,然后将画布放到最大,使用矩形工具绘制三个正方形,成倾斜45角排放,隐藏背景层。

然后再执行 编辑-定义图案 ,按住Ctrl+凹陷层会出现选区,在上方新建图层,并填充图案,将此层模式改为“叠加”,不透明度“34%”

快速打造炫酷的六边形玻璃图标【PS教程】_qh.itpxw.cn

五、制作图形符号

大家可以把自己设计的符号放到这个图标中去,然后再添加一些图层样式即可,这步相对简单所以在此不做演示。

快速打造炫酷的六边形玻璃图标【PS教程】_qh.itpxw.cn

六、制作高光图层

大的光面是用选区填充的白色然后再调整不透明度,小的高光是在图标的边缘用钢笔工具勾勒出来,然后再执行描边路径即可

快速打造炫酷的六边形玻璃图标【PS教程】_qh.itpxw.cn

原文地址:blog.dearsalt
作者:@DearSalt

转载请注明:起航学习网 » 快速打造炫酷的六边形玻璃图标【PS教程】

文章出自:http://qh.itpxw.cn/peixun/ui/201614546.html

文章标题:快速打造炫酷的六边形玻璃图标【PS教程】



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------