如何使用PS制作手机充电UI图标效果
在我们手机连接充电器的时候，正在充电那个图标是怎样制作的呢？下面就让我们来使用ps来快速的制作这样图标效果吧！
工具/材料
Photoshop CS6
操作方法
- 01
新建一个文档，将我们的尺寸大小调整到合适的大小。
- 02
找到我们的椭圆选框工具，长按鼠标左键选择即可。
- 03
按住shift键，快速在我们的画布上绘制一个正圆选区。
- 04
这里我们找到描边命令，使用描边对我们的选区进行描边处理。（在描边之前，先创建一个新图层）
- 05
将我们的描边宽度设为三个像素，并且将位置居中。
- 06
将我们描边的颜色设为#8d8d8d，因为我们充电过程中未充满通常是灰色的。
- 07
复制我们的“圈”图层，我们来制作充电已完成的百分比。
- 08
找到我们的色相/饱和度调整命令，对我们的新复制的图层进行调整。
- 09
我们将这里的着色勾选，调整我们的色相饱和度及明度将颜色调为浅绿色。
- 10
我们使用橡皮擦工具，将我们多余的区域进行擦除。
- 11
将我们两个图层拖拽到创建组图标上，创建一个新的组。
- 12
我们在组上面创建一个蒙版，使用画笔工具将下面的区域擦除一些部分。
选择我们的文本工具，输入我们的充电数值参数完成最终的效果。 - End
- 发表于 2017-10-11 00:00
- 阅读 ( 396 )
- 分类：电脑网络
