美文网首页PSPS小教程|UI小教程美工设计
Photoshop教程|UI微教程|多彩音乐符号

Photoshop教程|UI微教程|多彩音乐符号

作者: 设计庶 | 来源:发表于2018-11-07 08:35 被阅读2次

    UI图标初期教程

    多彩音乐符号图标

    |photoshop教程|

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

    【图形设计师  ID:tuxdesign】

    转载请注明公众号与ID

    先看看效果

    有兴趣的小盆友

    可以

    着手练习练习

    毕竟光看是看不会的

    你说捏

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

    第二步:选择椭圆形状工具,在画布上拖拉出一个正圆,去掉描边,设置填充,如图

    第三步:添加图层样式——渐变叠加,设置参数,如图

    第四步:选择椭圆形状工具,在画布上拖拉出一个正圆,去掉描边,设置填充,如图

    给它添加图层样式——外发光,如图

    第五步:选择自定义开关工具,找到音乐符号,选择并把形状拖拉出来,如果觉得它的默认状态效果不理想,可以适当做调整,如果没有找到有小合伙伴,只有自己动手事一个了,也可以用其它图形替换,随你喜欢,啦啦啦!如图

    第六步:给它上色,把最前面的彩虹渐变图层CTRL+J复制一个,移动到最上面,并建立剪切蒙版,如图

    添加图层样式——投影,如图

    添加高光,使用形状,渐变叠加——白色到透明白色得到效果,如图

    第七步:最后复制一个最底下的图层,调整形状的羽化值,得到发光效果,如图

    <完>

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

    如果有兴趣的朋友,

    可以练习一下

    有不明白的地方

    可以下载PSD原文件参考

    欢迎添加公众号【图形设计师】

    一起学习、一起探讨

       素材与PSD文件下载地址   

    本期PSD文件下载地址

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

    提取密码

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

    【DCYF】

    多彩音符

    相关文章

      网友评论

        本文标题:Photoshop教程|UI微教程|多彩音乐符号

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