美文网首页PS小教程|UI小教程
photoshop教程|UI图标初期教程|黑铁小图标

photoshop教程|UI图标初期教程|黑铁小图标

作者: 设计庶 | 来源:发表于2019-07-03 17:03 被阅读0次

​第四期

UI图标初期教程

黑铁小图标

|photoshop教程|

(以下界面演示以Photoshop CC2018为演示工具)

【设计庶  ID:tuxdesign】

转载请注明公众号与ID

先看看效果

有兴趣的小盆友

可以

着手练习练习

毕竟光看是看不会的

你说捏

第一步:新建文件,给背景填充你喜欢的颜色,如图

第二步:选择椭圆形状工具,拉出一个正圆,添加图层样式——渐变叠加,如图

第三步:选择多边形工具,拉出一个正六边形,添加图层样式——渐变叠加,如图

第四步:选择正六边形图层,CTRL+J复制两个,等比例缩小,去掉图层样式,修改填充,如图

选择最上面的正六边形图层,添加图层样式——渐变叠加,如图

第五步:选择最上面的正六边形图层,CTRL+J复制一个,等比例缩小,去掉图层样式,修改填充,如图

第六步:选择钢笔工具,勾勒小图标形状,去掉描边,设置填充,如图

给它添加图层样式——斜面和浮雕,投影,如图

第七步:选择矩形工具,添加挂带,去掉描边,设置填充,如图

选择矩形工具,再拉两个矩形,去掉描边,设置填充,建立剪切蒙版,如图

第八步:选择钢笔工具,添加小扣件,去掉描边,设置填充,如图

添加图层样式——斜面和浮雕、投影,如图

第九步:最后添加长投影,如图

<完>

好了,本次教程到这里就结束了,

如果有兴趣的朋友,

可以练习一下

有不明白的地方

可以下载PSD原文件参考

欢迎添加公众号【设计庶】

一起学习、一起探讨

   素材与PSD文件下载地址   

本期PSD文件下载地址

https://pan.baidu.com/s/1eUcXMnw

提取密码

微信公众号中回复下面字母

【UI】

编号91

相关文章

网友评论

    本文标题:photoshop教程|UI图标初期教程|黑铁小图标

    本文链接:https://www.haomeiwen.com/subject/arschctx.html