图标圆角角度_【ps入门教程六十七节】利用ps制作ui图标

【ps入门教程六十七节】利用ps制作ui图标。如何利用ps制作ui图标？，附上详细教程。虽然上天给我们打开了学习ps的门，却没留给我学习ps设计教程的窗，利用ps制作ui图标，碃凡瑶来给大家演示一遍——show time；

最终效果图：

1，首先新建一个圆角矩形，这里圆角为70px(可根据个人自定)，并填充为浅灰色（#e3e3e3）这个为按钮的最底部。

2，首先分析效果图中按钮底部的一个样式，首先有立体感，那我们添加斜面与浮雕，阴影颜色#838383

3，立体感没有很强，可以为其添加内阴影效果，增加立体感。

4，接着在复制一下圆角矩形并把这个圆角矩形的样式都删除，然后 ctrl+T适当缩小和压缩。

因为圆角矩形受到调整，圆角半径会受到影响变化，根据最底的圆角矩形做适当的调整（案例的半径不变，还是70px）。

然后复制多两个调整好的圆角矩形，根据案例适当间距错开，并用不同颜色先区分，代表按钮，厚度和阴影。

5，首先处理按钮，先处理效果，添加渐变色、内发光和描边。

描边颜色为#0082d5

内发光颜色为白色，不透明度可根据个人感觉适当调整。

渐变颜色为#36afff、#007fcf。

效果：

6，接着新建几个矩形并旋转适当角度，调整羽化值2.5像素，剪切蒙版在按钮矩形里，并调整不透明度20%。

7，然后新建一个圆角矩形（纯圆角）

Ctrl+T，鼠标右击点击选中矩形，选择透视，然后点击右下角的锚点向右移动到合适位置。

多复制一个，然后clrt+T,右击选择垂直翻转，并放到按钮下方，再clrt+T，按住键盘左下角alt，向中间缩放一丢丢。

接着点击矩形，在属性面板将羽化值调到参数3，不透明度20，混合模式为叠加。

在图层中点击选中矩形，在面板下方创建蒙版，然后点击选中矩形右边的蒙版。

快捷键B画笔工具，用虚边画笔大小90px，前景色为黑色，画笔不透明度50%，在矩形边缘轻微涂抹，让过度更自然。

8，新建图层，用刚才画笔工具（不透明100%，画笔大小200px），前景色#00b4ff，在画布中间点击一下，然后clrt+T，向下压缩成线条状，移动至按钮矩形的上方，再复制一个在按钮下方，混合模式为叠加。

9，按钮部分完成，接着我们处理厚度和阴影部分，厚度颜色#155b89。阴影部分为填充黑色，不透明度为45。

10，接着我们给按钮添加对应文字，并添加内阴影，渐变和投影，得到下面效果。

调整参数：

11，最后我们把最底部的底添补上外发光效果

制作完成！

喜欢就点个赞，别都是收藏了，多练习才有用，利用ps制作ui图标，是不事是很简单，更多PS使用技巧和教程，PS软件和安装问题，以及PS素材请持续关注@碃凡瑶的设计之PS系列教程，带你零基础学习ps。