 |
|
|
 首页 |
名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash |
|
今天我要研究的金属表面的立体效果，和我们前面介绍的用明暗渐变表现立体大不相同。金属光滑的表面导致它会发生镜面反射，这是一种很独特的反射，我们能同时看到表面很亮，四周很黑，还有环境的倒影等。 我们举个例子来说明镜面反射的原理。  看了上面的图，大家可以知道为什么在同样的光照下，金属表面会有高亮度与暗色带交替出现的独特反射。上面是一面镜子（金属表面），由于我们真实世界中，所有的物体都可能成为光源（因为光芒到处反射，每个物体只要亮度高，都能把光芒反射到目标物体上去）。我们这里假设只有一个光源在黑暗环境中。如果我们直接看这个光源，会看到什么？很显然，我们会看到一个亮点散发出条状光芒，然后四周是黑色。我们会看到全部一片白吗？当然不会，除非这个光源很大――因为我们的眼睛是透明的，是清亮的，这里面没有太多的漫反射发生（只有漫反射，能让一大片的面积变亮）。而镜子，大家都知道，透过异常平的镜子看到的东西与我们直接用眼睛看到的没什么区别。 这就是金属这种独特质感的成因。 文章导读： 一、效果细节结构剖析 二、模仿环境的球面反射图 三、将合理变形的环境图贴到球面上 一、效果细节结构剖析 我们来分析一下下面这个3D渲染出来的金属物体的质感（虽然不是照片，但其逼真程度已经和照片相差无几了）。  1、高光，反射的是天空； 2、暗部，反射的是环境细节。 大家想想小时候我们去公园照的哈哈镜，是不是把我们都扭曲了？金属物体的圆滑表面就是小型的哈哈镜，不是太清楚的哈哈镜，由于把四周环境扭曲成像了，于是给给我们一种异常独特的光芒感。 明白了原理，下面我们就来试试看能不能用Photoshop模仿出金属表面。 首先做个小实验，假定四周没有各种细节，单纯是平滑的光源与中灰色的环境，也就是刚刚我们画那个圆柱体的光照与环境条件下，金属有什么不同的纹理。 上面有两个同样的圆柱体（柱体部分是准确的漫反射阴影）。我们把左边的那个变成金属。 选中左边的圆柱体，按CTRL+M，打开曲线工具。把曲线调整成如图样子：[page] 这里我们忽略上面的封盖（封盖不能与柱体一起调整，因为相对光源而言，他们两者并非一样的方向），把目光集中在柱体部分。大家看到模仿出来的金属效果同样有高光与反光，但这相称于一个曲面对光源与反光源扭曲成像。 那么，既然是成像，假如我们使用真实的环境照片来成像，效果当然就会更好。立刻就来试试看。 这是一个用轻微调整过的渐变拉出来的球体。感觉石膏似的，很普通。下面我们来为它贴上环境反射图。 二、模仿环境的球面反射图 环境贴图的原图如下： 我们先要考虑如何做出一个扭曲的环境贴图。 可能很多人立刻反应到：PS里面不是有个球面化的扭曲滤镜吗？用来作球刚好――其实不然。我们首先来比对一下真实的环境贴图反射是怎样的。 [page]这是一个从3D软件里渲染出来的金属球（有着镜面反射），它和真实世界中的金属球相差不大，可以作为我们的参考。 这里会有人问“成像不是倒过来的吗？”――当然不是，这个是镜面反射球，而不是透明玻璃球。前者通过镜面反射而成像，后者通过透明折射而成像。看起来，前者是正的，后者是倒的。 真实的反射就应该是上面所示，我们要做的就是用PS去模仿，哪怕是近似也好。 先试试看用球面化看看如何。对刚刚的平面环境贴图，用圆形选取，然后使用扭曲-〉球面化-〉往凸的方向拉动滑块，确定，多应用几次，我们来对比一下两者： 很可惜，球面化不能满意我们的要求，球面化给人的感觉是透过放大镜，看近处的东西，而不是环境反射。 那么，渲染-3D变换可以吗？当然也不行，因为我们不是要把图贴在上面，而是把图反射在上面。 很遗憾，PS无法直接做到这种扭曲。但有一个方式能轻微接近这种效果，当我们对画面要求不算太大的时候，就可以使用，给人的感觉就是一种很强烈的球面反射。这就是利用极坐标滤镜。 下面我们来看看利用极坐标的结果。选滤镜―〉扭曲-〉极坐标-〉平面到极坐标。结果如下： 我们可以对比一下真实的环境反射，果然是有点接近。但可惜的是，我们转变的结果并不完美的，出现了一条缝在12点的方向（下图）。[page] 为了消除这个小裂口，我们只好再用模仿的手法了：橡皮图章工具。按S选择橡皮图章工具，按住ALT切换橡皮图章为采样模式，在四周点一下进行采样点的设置：然后放开ALT键，把那条明显的缝盖掉。盖个大概就行，等等还要缩小，因此我们不必太在意这里的一些模糊。 接下来我们使用圆形选择工具，拉出一个椭圆，把扭曲之后的中央椭圆部分盖住，按CTRL+C复制选取内容。 然后粘贴到画布中，对外形和位置作一个调整，我们再来对比一下真实的环境反射，看看我们的贴图差多少： 这回有点像了。现在我们只是得到了大概的近似贴图，下面我们把它贴到我们的球体中去，贴图+明暗变化，就是我们需要的金属球效果。 三、将合理变形的环境图贴到球面上 回到我们刚刚的那个普通的石膏球。首先我们打开曲线调整对话框，把石膏球亮度降低（为什么降低我后面再说）。记住右上角那个点就是高光点，一并把它轻微拉低，这样我们的球的高光也会暗一点了。 [page]然后我们把刚刚做好的贴图拉进来，按照石膏球的大小对好，把模式选为“滤色”，再降低一点饱和度，提高一点亮度，如下图，为了让大家看清晰点，我这里轻微错开一点点： 这里说一下为什么刚刚要把低下的石膏球亮度降低，因为“滤色”方法会让底下亮度增高，假如一开始不降低亮度的话，这里叠加上来的效果就太亮了，因此预先把亮度降低一点。 现在我们为了增加金属效果，填充一个小白色块在球的左上部（填充之前记得羽化3像素，因为高光的边缘没有那么清楚），如图： 最后一步，合并球体之后，我们载入球体的选区，然后反选（CTRL+SHIFT+I），羽化10像素，再把选区往左上拖动一点，如图： 然后按CTRL+U打开色相/饱和度，把球体的边缘亮度降低（这样更为真实）。我们来对比一下成果吧。 返回类别: Photoshop教程 上一教程: Photoshop CS2污点修复画笔体验 下一教程: 如何用Photoshop制作图片渐影的白边 您可以阅读与"平面设计剖析：球体镜面反射"相关的教程: · 平面设计剖析：立体感与质感 · 平面设计剖析：塑造光影 · 平面设计剖析：立体感从何而来 · 平面设计大师的一生 追逐历代Photoshop · 平面设计：明暗渐变表现立体 |
  |
| 快精灵印艺坊 版权所有 |
首页 会员中心在线印刷在线编辑付款方式索取样品设计指南连锁门店
|
||
