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