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

PS绘制立体质感的放大镜图标

  • 2021-05-07 18:39:58
  • 来源/作者:互联网/佚名
  • 己被围观

制作之前需要先做一些放大镜的实物图参考一下,然后简单的拆分一下,并研究每一部分的构成、受光及表面材质。大致了解后再逐一刻画即可,喜欢的朋友让我们一起来学习吧。

12、新建一个图层,用椭圆选框工具拉出下图所示的正圆选区,羽化1个像素后填充淡蓝色:#EBEAF2,如下图。

Photoshop绘制立体质感的放大镜图标

13、然后给当前图层添加图层样式,设置斜面和浮雕,参数如下图。

Photoshop绘制立体质感的放大镜图标

14、按Ctrl + J 把当前图层复制一层,清除图层样式后把混合模式改为“滤色”,按住Alt键添加图层蒙版,用白色画笔把右侧部分的高光涂出来。

Photoshop绘制立体质感的放大镜图标

15、同上的方法给左侧增加暗部。

Photoshop绘制立体质感的放大镜图标

16、新建一个图层,用椭圆选框工具拉出图22所示的正圆选区,加上图23所示的线性渐变。

Photoshop绘制立体质感的放大镜图标

Photoshop绘制立体质感的放大镜图标

17、新建一个图层,用椭圆选框工具拉出图24所示的正圆选区,羽化1个像素后加上同上的渐变色,取消选区后用曲线增大对比。

Photoshop绘制立体质感的放大镜图标

18、新建一个图层,填充白色,用椭圆选框工具拉出图26所示的选区,羽化8个像素后按Delete删除,取消选区后效果如图27。

Photoshop绘制立体质感的放大镜图标

Photoshop绘制立体质感的放大镜图标

Photoshop绘制立体质感的放大镜图标

19、新建一个图层,同上的方法给底部增加一点暗蓝色。

Photoshop绘制立体质感的放大镜图标

20、新建一个图层,给镜框中间位置增加高光及暗部,过程如图29 - 32。

Photoshop绘制立体质感的放大镜图标

Photoshop绘制立体质感的放大镜图标

Photoshop绘制立体质感的放大镜图标

Photoshop绘制立体质感的放大镜图标

21、在背景图层上面新建一个组,现在来制作镜面部分。在组里新建一个图层,用椭圆选框工具拉出图33所示的正圆选区填充暗蓝色,然后用椭圆选框工具拉出图34的正圆选区,羽化20个像素后按Delete键删除。

Photoshop绘制立体质感的放大镜图标

Photoshop绘制立体质感的放大镜图标

22、新建一个图层,同上的方法做出图35所示的选区,加上图36所示的线性渐变,取消选区后添加图层蒙版,用黑色画笔把底部过渡擦出来。

Photoshop绘制立体质感的放大镜图标

Photoshop绘制立体质感的放大镜图标

Photoshop绘制立体质感的放大镜图标

23、新建一个图层,用椭圆选框工具拉出图38所示的正圆选区,拉上同上的线性渐变色。

Photoshop绘制立体质感的放大镜图标

24、用椭圆选框工具拉出图39所示的正圆选区,羽化15个像素后按Delete删除,取消选区后再选择菜单:滤镜 > 模糊 > 高斯模糊,数值为2,效果如图40。

Photoshop绘制立体质感的放大镜图标

Photoshop绘制立体质感的放大镜图标
​​​​​​​

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

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

更多精彩内容

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