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

photoshop教程|UI教程|下载小图标

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

    第十七期

    UI图标初期教程

    下载小图标

    |photoshop教程|

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

    【图形设计师  ID:tuxdesign】

    先看看效果

    有兴趣的小盆友可以

    着手练习练习

    毕竟光看是看不会的

    你说捏

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

    第二步:选择椭圆形状工具,画一个圆形形状,命名为【BG】(如图)

    第三步:选择【BG】层,添加图层样式——渐变叠加、投影(如图)

    第四步:选择【BG】层,复制Ctrl+J一层,命名为【下载】,等比例缩小,添加图层样式——内阴影,渐变叠加、内发光、投影(如图)

    第五步:选择【下载】层,复制Ctrl+J一层,命名为【下载1】,等比例缩小,添加图层样式——内阴影,渐变叠加、投影(如图)

    第六步:选择【BG】层,复制Ctrl+J一层,命名为【下载速度】,用直接选择工具选择【下载速度】图层,调整填充为无,描边为32(如图)

    第七步:选择工具栏中的直接选择工具,选择【下载速度】形状图层中的左边描点,按键盘上的删除键把描点删除(如图)

    选择工具——直接选择工具,选中图中的描点

    按删除键,键盘上的Delete键

    修改描边选项,端点设为圆形

    添加图层样式

    第八步:选择工具栏中的椭圆形状工具,画一个只有描边的小圆,命名为【图标】

    选中【图标】图层,Ctrl+J复制两个,缩小一点,放好位置

    合并三个【图标】图层,快捷键ctrl+e

    选择工具栏中的直接选择工具,选择【图标】形状,选择合并形状组件

    选择工具栏中的直接选择工具,选择【图标】形状图层中的描点,按键盘上的删除键把描点删除(如图)

    添加向下的箭头

    选择三个图层,转换为智能对象,也就是合组

    添加图层样式

    <完>

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

    如果有兴趣的朋友,

    可以练习一下

    有不明白的地方

    可以下载PSD原文件参考

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

    一起学习、一起探讨

    更多教程请查看

    相关文章

      网友评论

        本文标题:photoshop教程|UI教程|下载小图标

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