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

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

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

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

为这个圆角矩形设置一个渐变叠加。

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

添加一个斜面和浮雕。

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

添加一个外发光。

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

现在,我们的效果如下:

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

接下来,打上字。

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

为这个数字设置一个渐变。

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

添加一个投影。

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

设置前景色为#172026,画一个矩形。

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

为这个线,设置一个投影。

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

用圆角矩形工具,画一个圆角矩形。

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

为这个圆角矩形设置一个渐变叠加。

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

添加一个斜面和浮雕。

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

添加一个外发光。

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

现在,我们的效果如下:

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

我们把最后一个图标修改一下,我们把高光图层,移动到文字5的下层,复制一层框图层在文字5的上层。并画一个矩形减去,组合形状组件。

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

进行适当的透视变形,得到如下效果。

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

为其设置一个渐变叠加。

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

添加一个渐变的描边。

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

添加一个内阴影。

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

复制一层文字5,置于这个变形后的框的上层,转形状,用减去模式画个矩形,得到一个一半的5

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

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

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

更多精彩内容

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