欢迎光临
我们一直在努力

用Photoshop实现立体感效果(12)-网页设计,Photoshop

建站超值云服务器,限时71元/月

  我们来分析一下下面这个3d渲染出来的金属物体的质感(虽然不是照片,但其逼真程度已经和照片相差无几了)。

用Photoshop实现立体感效果(12)-网页设计,Photoshop

  1、高光,反射的就是天空;

  2、暗部,反射的就是环境细节。

  大家想想小时候我们去公园照的哈哈镜,是不是把我们都扭曲了?金属物体的圆滑表面就是小型的哈哈镜,不是太清晰的哈哈镜,由于把周围环境扭曲成像了,于是给给我们一种非常独特的光线感。

  明白了原理,下面我们就来试试看能不能用ps模拟出金属表面。

  首先做个小实验,假定周围没有各种细节,单纯是平滑的光源与中灰色的环境,也就是刚刚我们画那个圆柱体的光照与环境条件下,金属有什么不同的纹理。

用Photoshop实现立体感效果(12)-网页设计,Photoshop

  上面有两个同样的圆柱体(柱体部分是正确的漫反射阴影)。我们把左边的那个变成金属。
  选中左边的圆柱体,按ctrl+m,打开曲线工具。把曲线调整成如图样子:
用Photoshop实现立体感效果(12)-网页设计,Photoshop

  这里我们忽略上面的封盖(封盖不能与柱体一起调整,因为相对光源而言,他们两者并非相同的方向),把目光集中在柱体部分。大家看到模拟出来的金属效果了。同样有高光与反光,但这相当于一个曲面对光源与反光源扭曲成像。

  那么,既然是成像,如果我们使用真实的环境照片来成像,可想而知,效果当然就会更好。马上就来试试看。

用Photoshop实现立体感效果(12)-网页设计,Photoshop

  这是一个用稍微调整过的渐变拉出来的球体。感觉石膏似的,很普通。下面我们来为它贴上环境反射图。环境贴图的原图在此
用Photoshop实现立体感效果(12)-网页设计,Photoshop
  一步一步来,我们先要考虑如何做出一个扭曲的环境贴图。可能很多人马上反应到:ps里面不是有个球面化的扭曲滤镜吗?用来作球刚好!——其实不然。我们首先来比对一下真实的环境贴图反射是怎样的。
用Photoshop实现立体感效果(12)-网页设计,Photoshop

  这是一个从3d软件里渲染出来的金属球(有着镜面反射),它和真实世界中的金属球相差不大,可以作为我们的参考。

  这里会有人问“成像不是倒过来的吗?”——当然不是,这个是镜面反射球,而不是透明玻璃球。前者通过镜面反射而成像,后者通过透明折射而成像。看起来,前者是正的,后者是倒的。

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 用Photoshop实现立体感效果(12)-网页设计,Photoshop
分享到: 更多 (0)