美文网首页PS小教程|UI小教程PSPs爱好者协会
photoshop教程|UI教程|黄金小宝箱

photoshop教程|UI教程|黄金小宝箱

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

    UI图标初期教程

    黄金小宝箱

    |photoshop教程|

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

    【设计庶 ID:tuxdesign】

    转载请注明公众号与ID

    先看看效果

    有兴趣的小盆友

    可以

    着手练习练习

    毕竟光看是看不会的

    你说捏

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

    第二步:选择圆角矩形,画出两个圆角矩形,摆好位置,去掉描边,设计填充,调整圆角大小,如图

    第三步:选择上面的圆角矩形,ctrl+j复制一个新图层,缩小,修改填充,如图

    第四步:选择红色的圆角矩形,ctrl+j复制一个新图层,缩小,修改填充为白色,调整图层混合模式为叠加,如图

    第五步:选择底部圆角矩形,ctrl+j复三个,分另修改填充色,调整大小,调整圆角参数,如图

    第六步:选择最底部圆角矩形,ctrl+j复一个新图层,修改填充色,调整大小,移到底部01图层上面,如图

    第七步:选择椭圆形状工具,画一个小圆,去掉描边,设置填充,如图

    选择椭圆形状图层,Ctrl+j复制一个新的,缩小,修改填充,给添加投影,如图

    第八步:添加背景,添加投影,如图

    <完>

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

    如果有兴趣的朋友,

    可以练习一下

    有不明白的地方

    可以下载PSD原文件参考

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

    一起学习、一起探讨

       素材与PSD文件下载地址   

    本期PSD文件下载地址

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

    提取密码

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

    【UI2018】

    编号002

    相关文章

      网友评论

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

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