如何使用PS制作手机充电UI图标效果 _小知识

在我们手机连接充电器的时候，正在充电那个图标是怎样制作的呢？下面就让我们来使用ps来快速的制作这样图标效果吧！工具/材料 Photoshop CS6
操作方法 01 新建一个文档，将我们的尺寸大小调整到合适的大小。

02 找到我们的椭圆选框工具，长按鼠标左键选择即可。

03 按住shift键，快速在我们的画布上绘制一个正圆选区。

04 这里我们找到描边命令，使用描边对我们的选区进行描边处理。（在描边之前，先创建一个新图层）

05 将我们的描边宽度设为三个像素，并且将位置居中。

06 将我们描边的颜色设为#8d8d8d，因为我们充电过程中未充满通常是灰色的。

07 复制我们的“圈”图层，我们来制作充电已完成的百分比。

08 找到我们的色相/饱和度调整命令，对我们的新复制的图层进行调整。

09 我们将这里的着色勾选，调整我们的色相饱和度及明度将颜色调为浅绿色。

10 【如何使用PS制作手机充电UI图标效果】我们使用橡皮擦工具，将我们多余的区域进行擦除。

11 将我们两个图层拖拽到创建组图标上，创建一个新的组。

12 我们在组上面创建一个蒙版，使用画笔工具将下面的区域擦除一些部分。
选择我们的文本工具，输入我们的充电数值参数完成最终的效果。

以上内容就是如何使用PS制作手机充电UI图标效果的内容啦，希望对你有所帮助哦！

如何使用PS制作手机充电UI图标效果