美文网首页美工设计PS小教程|UI小教程PS
photoshop教程|UI教程|黄金小图标

photoshop教程|UI教程|黄金小图标

作者: 设计庶 | 来源:发表于2019-07-06 18:44 被阅读2次

    第七期

    UI图标初期教程

    黄金小图标

    |photoshop教程|

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

    【设计庶  ID:tuxdesign】

    转载请注明公众号与ID

    先看看效果

    有兴趣的小盆友

    可以

    着手练习练习

    毕竟光看是看不会的

    你说捏

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

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

    第三步:选择多边形工具,设置参数,得到图形,如图

    选中多边形图层,ctrl+j复制一个,得到新的多边形图层,向上移动新的多边形,调整底下的多边形颜色,填充深色,给上边的多边形添加图层样式——渐变叠加,如图

    第四步:选择椭圆工具,拖拉出一个正圆,去掉描边,填充白色,如图

    选中白色的圆图层,ctrl+j复制一个,等比例缩小,添加图层样式——渐变叠加,如图

    选中最上面的圆图层,ctrl+j复制一个,等比例缩小,去掉图层样式,填充深颜色,如图

    PS:这里小编把白色的圆寻附上图层模式修改为了叠加模式

    第五步:选择多边形工具,建立一个五星,如图

    第六步:选择钢笔工具,建立三角形,去掉描边,设置填充,如图

    建立剪切蒙版,如图

    选择5星图层添加图层样式——投影,如图

    第七步:选择圆角矩形工具,建立羽翼,去掉描边,设置填充,如图

    选择羽翼图层,添加图层样式——斜面和浮雕效果,如图

    第八步:选择圆角矩形工具,做出挂扣,就是几个不同大小,不同颜色的圆角矩形组成,然后上色,使用图层样式——渐变叠加,来做,方便后期换色,如果觉得颜色不好看,可以整体调整一下,做到看起来协调就行了,如图

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

    <完>

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

    如果有兴趣的朋友,

    可以练习一下

    有不明白的地方

    可以下载PSD原文件参考

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

    一起学习、一起探讨

       素材与PSD文件下载地址   

    本期PSD文件下载地址

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

    提取密码

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

    【UI】

    编号94

    相关文章

      网友评论

        本文标题:photoshop教程|UI教程|黄金小图标

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