优艾设计网

图标设计,Photoshop设计六边形图标实例

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:DearSalt
今天这枚图标教程难度不高,重点是图层样式的调整,效果分为底层、凹陷层、图形层和高光层,每一步都有@DearSalt 同学细致的过程讲述,非常适合练手 

三、制作凹陷层

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

图标设计,Photoshop设计六边形图标实例

图标设计,Photoshop设计六边形图标实例

图标设计,Photoshop设计六边形图标实例

图标设计,Photoshop设计六边形图标实例

图标设计,Photoshop设计六边形图标实例

四、制作纹理图层

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

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

图标设计,Photoshop设计六边形图标实例

五、制作图形符号

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

图标设计,Photoshop设计六边形图标实例

六、制作高光图层

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

图标设计,Photoshop设计六边形图标实例

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消