当前位置:首页 > PS教程 > 鼠绘教程

PS绘制逼真的计时器UI图标教程

  • 2021-04-29 15:25:58
  • 来源/作者:互联网/佚名
  • 己被围观

本教程主要使用Photoshop绘制逼真的计时器UI图标教程,今天这枚图标效果很经典了,作为一枚入门必备的练手图标,今天走着P大点S重新把教程写出来给大家练手,有什么不懂的东西可以

本教程主要使用Photoshop绘制逼真的计时器UI图标教程,今天这枚图标效果很经典了,作为一枚入门必备的练手图标,今天走着P大点S重新把教程写出来给大家练手,喜欢的朋友让我们一起学习吧。

首先,看看我们的山寨原图。

Photoshop绘制逼真的计时器UI图标教程

我们的成品:

Photoshop绘制逼真的计时器UI图标教程

Photoshop绘制逼真的计时器UI图标教程

原图有点小,我这里文档比原图建得稍大了一些。

Photoshop绘制逼真的计时器UI图标教程

我们首先进行背景的创建,我创建了一个“渐变”调整层,设置的#444c60到#262f37的90度的径向渐变。

Photoshop绘制逼真的计时器UI图标教程

建个新图层,填充白色,执行“滤镜—杂色—添加杂色”,设置杂色数量为20%,平均分布,并将这个图层混合模式更改为“正片叠底”。

Photoshop绘制逼真的计时器UI图标教程

下面,我们制作原图中的像素斜线,新建个5像素*5像素的文档,放大画布到最大,用铅笔工具,设置铅笔像素大小为1像素,画出如下图案,记得把文档的背景图层删除掉,我们只要那个斜线图层。

Photoshop绘制逼真的计时器UI图标教程

接下来,我们把这个图案自定义,执行“编辑—自定图案”。

Photoshop绘制逼真的计时器UI图标教程

回到我们的文档,在“杂色”图层上层,新建个图层,执行“编辑—填充”,选择使用图案填充,找到刚才我们自定义的那个图案,确定。

Photoshop绘制逼真的计时器UI图标教程

将这个斜线图层的图层不透明度更改为30%,这样我们就完成了背景的创建。

Photoshop绘制逼真的计时器UI图标教程

设置前景色为黑色,画一个黑色的圆角矩形,并将填充更改为20%

Photoshop绘制逼真的计时器UI图标教程

为这个底框图层添加一个内阴影

Photoshop绘制逼真的计时器UI图标教程

添加一个投影

Photoshop绘制逼真的计时器UI图标教程

复制这个底框图层,摆放到右边,现在我们得到如下的效果:

Photoshop绘制逼真的计时器UI图标教程
​​​​​​​

 1/4    1 2 3 4 下一页 尾页

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

标签(TAG) UI设计 图标设计

更多精彩内容

  • 人物近照转手绘过程详解 人物近照转手绘过程详解
  • PS+SAI人物照片转手绘教程 PS+SAI人物照片转手绘教程
  • 将真人照片转成可爱的卡通漫画效果 将真人照片转成可爱的卡通漫画效果
  • 细致唯美的人物转手绘教程 细致唯美的人物转手绘教程
  • PS绘制漂亮的动漫插画 PS绘制漂亮的动漫插画
  • 鼠绘必学之飘逸的发丝 鼠绘必学之飘逸的发丝
  • 非常细腻的鼠绘眼睛教程(手绘提高) 非常细腻的鼠绘眼睛教程(手绘提高)
  • 鼠绘一只愤怒的小鸟 鼠绘一只愤怒的小鸟