图标教程,设计一粒晶石图标

今天跟大家讲讲怎么设计一枚蓝色质感的晶石图标

图标设计,设计一枚筹码图标

今天分享一篇筹码图标临摹教程,教程不算难,只要细心跟着一步步做,就能做出来。 在进入正题之前,我再啰嗦几句,以下所有形状图层样式的数值都仅供参考,根据自己画的形状大小来灵活地调节数值,这样出来的效果才

今天跟大家讲讲怎么设计一枚蓝色质感的晶石图标

效果图

图标教程,设计一粒晶石图标插图

No.1/打开“AdobePhotoshop”新建(Ctrl+N)一个“1000*1000/px”的文件;

图标教程,设计一粒晶石图标插图(1)

No.2/新建文件好了以后,找一个深色(根据个人喜好就行)背景进行衬底;

图标教程,设计一粒晶石图标插图(2)

No.3/做好衬底,使用【多边形工具】绘制一个六边形,用【减去图层形状】做圆角处理;
图标教程,设计一粒晶石图标插图(3)

No.4/用【Ctrl+J】对图层经行复制,一共复制3个,调整颜色和大小,进行居中对齐;对中间2枚六边形进行 边缘虚化处理;

图标教程,设计一粒晶石图标插图(4)

No.5/再复制一枚六边形,用【混合选项】进行渐变填充,调整图层透明度为35%,对边缘进行简单虚化2px,做出简单高光效果;
图标教程,设计一粒晶石图标插图(5)

No.6/用【钢笔工具】绘制六边形6面,填充颜色,对边缘进行简单虚化,调整明暗度;

图标教程,设计一粒晶石图标插图(6)

图标教程,设计一粒晶石图标插图(7)

No.7/用【多边形工具】绘制六边形,切成6个三角形面,填充颜色,调整明暗度,调整图层透明度为10%;

图标教程,设计一粒晶石图标插图(8)

图标教程,设计一粒晶石图标插图(9)

No.8/用【多边形工具】绘制六边形,切成6个三角形面,填充颜色,调整明暗度,调整图层透明度为5%,做出 六面反光,大致的立体感就出来了;

图标教程,设计一粒晶石图标插图(10)

图标教程,设计一粒晶石图标插图(11)

No.9/用对星之石的棱角部分惊喜高光点缀;

图标教程,设计一粒晶石图标插图(12)

图标教程,设计一粒晶石图标插图(13)

No.10/在尖角部分做星光点缀,以加强光感,对整体光线明暗度进行详细调整;

图标教程,设计一粒晶石图标插图(14)

No.11/网上找一些星光素材,对星之石内部通透做一定的点缀,以增强通透感,对局部高光进行着重提亮;

图标教程,设计一粒晶石图标插图(15)

No.12/复制一个六边形,用【混合选项】对齐进行,渐变、透明、阴影处理,增强星之石的斑斓色彩和晶莹剔透 感;

图标教程,设计一粒晶石图标插图(16)

图标教程,设计一粒晶石图标插图(17)

图标教程,设计一粒晶石图标插图(18)

No.13/对晶体六面棱角部分进行高光提亮点缀,调整各个面的通透感,增加部分点缀元素,这样我们的星之石就完成了;
图标教程,设计一粒晶石图标插图(19)

今天跟大家讲讲怎么设计一枚蓝色质感的晶石图标

效果图

图标教程,设计一粒晶石图标插图

No.1/打开“AdobePhotoshop”新建(Ctrl+N)一个“1000*1000/px”的文件;

图标教程,设计一粒晶石图标插图(1)

No.2/新建文件好了以后,找一个深色(根据个人喜好就行)背景进行衬底;

图标教程,设计一粒晶石图标插图(2)

No.3/做好衬底,使用【多边形工具】绘制一个六边形,用【减去图层形状】做圆角处理;
图标教程,设计一粒晶石图标插图(3)

No.4/用【Ctrl+J】对图层经行复制,一共复制3个,调整颜色和大小,进行居中对齐;对中间2枚六边形进行 边缘虚化处理;

图标教程,设计一粒晶石图标插图(4)

No.5/再复制一枚六边形,用【混合选项】进行渐变填充,调整图层透明度为35%,对边缘进行简单虚化2px,做出简单高光效果;
图标教程,设计一粒晶石图标插图(5)

No.6/用【钢笔工具】绘制六边形6面,填充颜色,对边缘进行简单虚化,调整明暗度;

图标教程,设计一粒晶石图标插图(6)

图标教程,设计一粒晶石图标插图(7)

No.7/用【多边形工具】绘制六边形,切成6个三角形面,填充颜色,调整明暗度,调整图层透明度为10%;

图标教程,设计一粒晶石图标插图(8)

图标教程,设计一粒晶石图标插图(9)

No.8/用【多边形工具】绘制六边形,切成6个三角形面,填充颜色,调整明暗度,调整图层透明度为5%,做出 六面反光,大致的立体感就出来了;

图标教程,设计一粒晶石图标插图(10)

图标教程,设计一粒晶石图标插图(11)

No.9/用对星之石的棱角部分惊喜高光点缀;

图标教程,设计一粒晶石图标插图(12)

图标教程,设计一粒晶石图标插图(13)

No.10/在尖角部分做星光点缀,以加强光感,对整体光线明暗度进行详细调整;

图标教程,设计一粒晶石图标插图(14)

No.11/网上找一些星光素材,对星之石内部通透做一定的点缀,以增强通透感,对局部高光进行着重提亮;

图标教程,设计一粒晶石图标插图(15)

No.12/复制一个六边形,用【混合选项】对齐进行,渐变、透明、阴影处理,增强星之石的斑斓色彩和晶莹剔透 感;

图标教程,设计一粒晶石图标插图(16)

图标教程,设计一粒晶石图标插图(17)

图标教程,设计一粒晶石图标插图(18)

No.13/对晶体六面棱角部分进行高光提亮点缀,调整各个面的通透感,增加部分点缀元素,这样我们的星之石就完成了;
图标教程,设计一粒晶石图标插图(19)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部