photoshop教程|UI教程|猫脸小图标

作者: 设计庶 | 来源:发表于2018-02-02 11:15 被阅读13次

    第二十期

    UI图标初期教程

    猫脸小图标

    |photoshop教程|

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

    【图形设计师  ID:tuxdesign】

    先看看效果

    有兴趣的小盆友可以

    着手练习练习

    毕竟光看是看不会的

    你说捏

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

    第二步:选择椭圆形工具,画一个大大的圆形形状,作为猫的大脸(如图)

    第三步:选择钢笔工具,勾勒猫两只耳朵(如图)

    再勾勒一次,填充颜色(如图)

    勾勒脸上的花纹,填充颜色(如图)

    选择【脸】图层,Ctrl+J复制一个

    在图层面板中按Shift键同时选中【脸】【花纹 】两个图层,鼠标右键选择合并形状(如图)

    选择工具栏中的直接选择工具,选中合并形状后上面的形状

    取相交部份,这样就把脸外面多余部分剪去了(如图)

    熟练运用布尔运算教程

    第四步:选择钢笔工具,勾勒猫的脸颊(如图)

    修改颜色

    第五步:选择钢笔工具,勾勒猫的小嘴,下嘴吧(如图)

    第六步:选择椭圆形工具工具,画猫的眼睛(如图)

    到这里,大猫脸就做好了,现在,我们再做一个花脸猫,嘿嘿嘿

    先把右边脸给换个色,用图层剪切蒙版,调整一下耳朵的颜色(如图)

    <完>

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

    如果有兴趣的朋友,

    可以练习一下

    有不明白的地方

    可以下载PSD原文件参考

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

    一起学习、一起探讨

    素材与PSD文件下载地址   

    链接:http://pan.baidu.com/s/1pLObTBd 

    密码在微信公众号同期下获取

    更多教程请查看

    相关文章

      网友评论

        本文标题:photoshop教程|UI教程|猫脸小图标

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