播放按钮功能(播放按钮在哪里啊)-东辰网

播放按钮功能(播放按钮在哪里啊)

本文主要介绍播放按钮功能(播放按钮在哪)，下面跟着东辰网详细了解一下吧。

本教程告诉你如何设计一个简单的白色风格的播放按钮，并不难。整体效果是由图层样式造成的。新手设计师可以跟着教程学习。

最终效果:

让让我们先分析一下旧规则。这里我们主要分为三个部分:外圈，按键，方向。外圈和方向的问题不大，主要是按钮需要使用多层和图层样式来表现图标的立体感。《骚年》之后分析，我们成功了一半。会离成功很远吗？哦耶！！！

开始步:

首先新建一个500px*500px的画布，命名为key，填充背景色#d0d0d0。

第二步:

用椭圆工具画两个大小分别为400px*400px和345px*345px的正圆。合并两个形状层，用路径选择工具单击内圆，减去顶部的形状。操作完成后，命名为外圆，添加图层样式。

第三步:

复制外圆图层，清除图层样式，命名为bluecircle，添加新图层样式。

第四步:

继续复制外圆图层，命名为灰色圆。将颜色改为#c8c8c8，添加一个新的图层样式。

第五步:

现在使用矩形选框工具绘制到需要着色的位置，然后给灰色圆圈添加图层蒙版，用黑色填充蒙版。

第六步:

现在让我们让我们画出按钮部分。使用椭圆工具绘制两个正圆，大小分别为295px*295px和172px*172px。合并两个形状层，用小黑工具点击内圆，减去上面的形状。

第七步:

现在继续使用布尔运算，按住alt键，当箭头出现时画一个矩形，并删减不必要的地方。右边的方法操作相同。绘制后，合并形状组件。

第八步:

现在继续画按钮，选择合并后的形状，画两个正圆，选择添加锚点工具，在圆的两边添加两个锚点，选择直接选择工具，选择锚点，将锚点移动到合适的位置。其他三角运算也是一样。

第九步:

现在添加一个图层样式到key图层，命名为topkey。

第十步:

复制顶部的按钮来执行自由变换命令，将中心点调整到画布的中心，将其旋转90度，然后重复前面的命令并复制其他两个按钮形状。

第十一步:

现在画出钥匙的中心圆，选择椭圆工具画出130px*130px的正圆，命名为钥匙的内圆，复制顶部钥匙图层样式，最后将整个钥匙组命名为钥匙。

第十二步:

选择多边形工具，设置边数为3来画一个三角形。然后用矩形工具画两个矩形，将三个形状合并命名为中心方向。

第十三步:

高逼格按钮一键出来，有木有！！！现在我们向中心图层添加图层样式。

第十四步:

现在让我们让我们快点画出最后一部分。操作方法同上。创建后，在中心方向复制图层样式。最后，将整个组命名为keys。

那个这就是本教程的全部内容。

虽然步骤很多，但是难度适中，坚持不懈的同学一定能做到。