photoshop教程｜UI教程｜小熊时钟小图标

第九期

UI图标初期教程

小熊时钟小图标

｜photoshop教程｜

（以下界面演示以Photoshop CC2017为演示工具）

【设计庶  ID：tuxdesign】

先看看效果

有兴趣的小盆友可以

着手练习练习

毕竟光看是看不会的

你说捏

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

第二步：选择椭圆形工具，画一个圆形，命名为【BG】，填充一个渐变色(如图)

第三步：选钢笔工具，画出波浪形状，命名为【底纹】，填充渐变色，建立剪切蒙版(如图)

画多个不同形状，填充颜色，调整图层的不透明度，让它程现由远及近，不同色彩深浅变化

第四步：这时候，我们就简单的把背景部份完成了，接着选椭圆形工具，画出一个圆，命名为【底座】，填充渐变色(如图)

第五步：接着选椭圆形工具，画出一个圆，命名为【耳朵】，Ctrl+j复制一个，选择两个【耳朵】图层，拖到【底座】图层下面(如图)

第六步：给两个耳朵填充颜色(如图)

第七步：选择圆角矩形，做出指针，命名这【指针】填充白色(如图)

第八步：选择两个【耳朵】和【底座】图层，Ctrl+J复制一个，并把它们合并图层（Ctrl+e）,命名为【描边】(如图)

第九步：选择【描边】图层，把它拖到【耳朵】图层下面(如图)

第十步：选择【描边】图层，把它的填充设置为0，添加图层样式—描边(如图)

<完>

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

如果有兴趣的朋友，

可以练习一下

有不明白的地方

可以下载PSD原文件参考

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

一起学习、一起探讨

更多教程请添加微信公众号查看