美文网首页美工设计PSPs爱好者协会
photoshop教程|UI教程|福袋小图标

photoshop教程|UI教程|福袋小图标

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

    第二十九期

    UI图标初期教程

    福袋小图标

    |photoshop教程|

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

    【设计庶  ID:tuxdesign】

    转载请注明公众号与ID

    先看看效果

    有兴趣的小盆友可以

    着手练习练习

    毕竟光看是看不会的

    你说捏

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

    第二步:选择钢笔工具,勾勒出福袋的袋子部份,如图

    第三步:选择钢笔工具,勾勒出福袋的开口部份,如图

    第四步:选择钢笔工具,勾勒出福袋正面的亮面部份,如图

    第五步:选择钢笔工具,勾勒出福袋绳子部份,如图

    第六步:给福袋绳子部份添加投影,如图

    给绳子添加点高光,看着更有感觉点!做点微立体

    第七步:福袋空空的,给它装点金币进去,如图

    金币制作,选择椭圆形工具,画一个圆,填充颜色,如图

    Ctrl+J复制一个圆,缩小,填充设为无,设置描边,如图

    选择文字工具,输入“¥”符号,金币添加点比较亮的颜色,如图

    第八步:给福袋装点金币进去,如图

    <完>

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

    如果有兴趣的朋友,

    可以练习一下

    有不明白的地方

    可以下载PSD原文件参考

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

    一起学习、一起探讨

    相关文章

      网友评论

        本文标题:photoshop教程|UI教程|福袋小图标

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