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

在我们手机连接充电器的时候,正在充电那个图标是怎样制作的呢?下面就让我们来使用ps快速制作这样的图标效果吧!

操作方法

  • 01

    新建一个文档,将我们宽度与高度设置合适的大小。

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

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

  • 08

    使用我们的色相/饱和度调整命令,对我们的新复制的图层进行调整。

  • 09

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

  • 10

    我们使用橡皮擦工具,将我们多余的区域进行擦除。

  • 11

    将我们两个图层拖拽到创建组图标上,创建一个新的组。 这样我们可以将画面上充电图标下方的区域进行擦除,方便放置文本内容。

  • 12

    我们在组上面创建一个蒙版,将前景色设为黑色。 使用画笔工具将圆下面的区域,擦除一小部分。 选择我们的横排文本工具,输入我们的充电数值内容完成最终的UI效果。

(0)

相关推荐

  • 如何使用PS制作手机虚拟按钮图标

    使用ps制作手机虚拟按钮图标,我们需要用到多边形工具以及椭圆与矩形工具来快速完成虚拟按钮形状. 操作方法 01 新建文档,调整尺寸大小. 02 我们使用矩形工具,快速绘制一个矩形选区. 03 创建一个 ...

  • 如何使用PS制作USB充电接头图形

    使用ps制作USB充电接口图形,我们可以使用矩形工具快速完成此效果. 操作方法 01 新建一个文档,调整尺寸大小. 02 绘制一个矩形,作为USB插口的外壳. 03 这里我们需要对选区进行平滑,因为真 ...

  • 如何用ai制作手机健康监控图标

    在我们的一些品牌手机图标中,还是具有手机健康健康图标的,今天小编就为大家介绍下:如何用ai制作手机健康监控图标. 操作方法 01 首先的话我们打开我们的电脑,接着打开我们的ai软件,接着新建一个名字为 ...

  • 怎么用PS制作树叶上的水珠效果

    PS全称为Photoshop,它主要处理以像素所构成的数字图像,使用其众多的编修与绘图工具,可以有效地进行图片编辑和加工,很多小伙伴爱用这个软件来P图.然而,也有部分小伙伴们使用时有一些小小的困扰,有 ...

  • 使用ps制作薄雾背景的文字效果

    Adobe Photoshop,简称"PS",是美国Adobe公司旗下最为出名的图像处理软件之一,深受广大平面设计人员和电脑美术爱好者的喜爱.使用ps制作薄雾背景的文字效果,让小编 ...

  • 如何用ps制作文字添加图案的效果

    ps软件的功能是很强大的,如果你还没有应用得到,说明你学习的还不够,需要继续学习.那么,如何用ps制作文字添加图案的效果?下面就让小编给大家介绍一下吧. 操作方法 01 首先,我们需要打开我们电脑的p ...

  • 如何用PS制作凸起的玻璃字 效果

    用PS软件制作玻璃样式的文字效果. 操作方法 01 打开PS软件,新建一个文档,大小设置见下图,背景内容 为白色 02 选择 工具栏 文字工具,输入 "玻璃字"文字,大小自己调整到 ...

  • ps制作手撕裂纸的效果

    ps 是一个很强大的图像处理软件,它可以做出很多的图片效果,今天我们就来讲解下拍摄制作手撕裂纸的效果: 操作方法 01 首先我们在电脑桌面上找到[ps软件],用鼠标双击[ps软件],这样就可以把[ps ...

  • 怎样用PS制作简单的动态文字效果?

    我们经常能在网络上看到一些动态的文字效果,如果自己也想做一个文字动态效果,其制作过程也是很容易学习的.下面,我就用PS制作一个文字效果,过程可能有点繁琐,但只要有耐心,一定可以学会的. 操作方法 01 ...