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

用PS绘制立体质感的时钟APP图标

  • 2021-02-20 22:20:58
  • 来源/作者:互联网/佚名
  • 己被围观

今天的教程是一个超简单的图标绘制,无任何难度,仅仅是图层样式的应用,适合新手入门临摹练习,感兴趣的同学来一发。

本教程主要使用Photoshop绘制立体质感的时钟APP图标,今天的教程是一个超简单的图标绘制,无任何难度,仅仅是图层样式的应用,适合新手入门临摹练习,源文件已打包,感兴趣的同学来一发。

我们的最终效果:

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

背景没什么好说的,就是做个渐变,设置前景色为#f8efe0,用圆角矩形工具画一个圆角矩形,这是我们的主体。

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

为圆角矩形添加一个图层样式。友情提示,渐变叠加样式中的图层混合模式是叠加,为什么是叠加,自己想想。

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

下面,我们强化一下投影效果,复制一层圆角矩形,置于我们主体圆角矩形的下层,更改颜色为黑色,执行一个角度为90度,距离为50的动感模糊滤镜,将图层混合模式更改为正片叠底,图层不透明度为23%,当然,你需要用蒙版擦除上半部分那些不和谐的部分。

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

复制一层这个执行了动感模糊的阴影层,置于底层(当然,是在背景层的上层,无可置疑),我将图层的不透明度改为了21%,动感模糊的参数角度不变,距离改成了108,这样,看起来,显得更为真实一些。

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

用椭圆工具,画一个圆形,并添加一个图层样式。渐变的颜色,大家随意,挑自己喜欢的就OK了。

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

接下来,用椭圆工具来添加中间的圆,使刚才那个渐变的圆形成一个圆环,设置一个图层样式。

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

下面,我用来画最中间最小的圆,同样的使用椭圆工具,画好后,添加一个图层样式。

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

设置前景色为#f2eee8,我们画出固定时针的那个圆(主要是我不知道叫啥),添加图层样式。

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

再往下,我们画最小的那个圆(好伤心,真心叫不出这东西叫啥),添加图层样式。

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

画一个圆角矩形,编辑——变形——扇形——1度,然后CTRL+T旋转,放置到那个小圆与固定时针分针的圆的中间图层位置。

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

为秒针添加一个投影。

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

在秒针上层画一个白色矩形,旋转,创建剪贴蒙版,图层不透明度15%,营造高光效果。

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

一样的操作手法,做出分针,时针,以及各自的高光,高光的透明度灵活调整。

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

最后,我加了几个文字。

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

最终完成

Photoshop绘制立体质感的时钟APP图标,PS教程,PS家园网

 

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

更多精彩内容

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