PS方形UI效果按钮怎么设计？

UI设计师必备工具，PS就是其中之一！很多新手刚学PS软件，却不知道PS手机UI效果的图标按钮！为此，我们将教你如何设计制作，并分享PS square UI效果按钮设计教程给你，希望能帮助你学习和掌握~PS square UI效果按钮设计教程:

创建一个800x600pi的画布，填充颜色#a846ff。

复制一个图层，做一个渐变叠加。

获得画板效果

接下来，我们制作一个按钮来创建一个半径为68的圆角矩形308x308pi。

椭圆矩形效果，混合模式:斜面浮雕-颜色叠加-投影。

看过前面课程的同学应该知道，我们做完底之后，要一步一步的进行推算。复制一个图层，填充黑色，下移20，高斯模糊15，图层不透明度25%。

在复制层上，高斯模糊为20，不透明度为15。

创建一个剪贴蒙版，因为图标是一个椭圆形的矩形，阴影应该从图标轮廓上擦掉。

创建一个225×225的圆，颜色渐变为

现在在外面建一个226×226的大圈。

我们只是在外面做轮廓，留下边缘部分。

建立112×112的中心按钮。

图标效果的混合模式

给按钮做一个阴影，复制下来放在按钮下面。高斯模糊

正如你所看到的，我将圆圈左右压缩了一点，光源来自上方。为了过渡自然，我们可以根据情况改变阴影的形状，完成后图层透明度改为75%。

做一个96×96的中心圆。

颜色填充

利用叠加效果，做渐变叠加。

最后是两个状态按钮，尺寸为15x15pi。右边颜色用#6fe2fb填充，左边描边。

渲染:

教程最后，小伙伴有启发吗？其实按照教程步骤就可以轻松制作，真的不难！当然，除了上面提到的PSUI按钮效果制作，大家也可以按照一般的方法制作其他效果！赶紧开始吧！如果你想学习更多的ps技巧，那就不要错过精彩的分享~