平面设计剖析：塑造光影

　　上一节我们学习了从观察水晶按钮到制作水晶按钮的过程。想必大家现在对立体感有了一些认识。

　　今天我们继续探讨立体感的表现最主要的一点——塑造光影。

　　下面是一些非常简单的按钮，还有刻线。缩小看很逼真，但放大后看，也不过如此：还是阴影与光线的组合。举这些简单的例子的目的主要是想说，很多复杂、逼真的立体效果都是这些简单技巧的效果组合表现的。黑白明暗一做合理组合，马上就能给人立体的感觉，阴影与亮部的感觉实在是太深入人心了。

　　

　　

　　

　　

　　
　　 下面我们再次从观察效果出发。这次举个裂缝的例子。

　　 这个铝罐，按道理是不可能有这种裂缝的，本来我想找个瓦罐的，但一时找不到，就用了易拉罐了，大家凑合吧。
　　

原图　　　　增加裂纹的效果  
　　 乍一看，视觉上还是能欺骗眼睛的，因为这个裂缝符合了我们所要的立体要素：高光与阴影。好，让我们再次来分析一下这个裂缝的结构。

　　文章导读：

　　一、裂纹效果剖析
　　二、表现裂纹效果
　　三、将裂缝叠加在罐子上


　　一、裂纹效果剖析

　　 放大的裂纹：
　　

　　 这张局部放大后，大家可以看到，有黑有白，黑的是裂缝阴影，白的是裂缝壁的高光，对比一下上面的效果图就很清楚了。
　　

　　 这张是另外一个要注意的小地方，就是铝罐口那里裂开一点后，背后的铝罐盖应该能看到一点点，对比一下原图！这个小细节很重要，有时候效果是不是逼真，关键就在这种小细节。


　　二、表现裂纹效果
　　
　　 现在我们再来思考，如果我要做这个裂缝，我要准备些什么？
　　
　　 *　随机的裂缝，这是显然的；
　　 *　裂缝的黑影与高光，这是立体感的关键；
　　 *　小缺口的细节。
　　
　　 知道要准备些什么了，我们在考虑究竟哪些工具能满足我的要求？
　　
　　 *　随机的裂缝，也就是一些不规则的细纹，我们用什么来做？手绘当然可以，但功底不好，未免生硬。材质图片素材是非常好的选择，比如找些大理石纹的照片，我们就能把里面的条纹弄出来。但如果要空手套白狼呢？想想Photoshop中有什么工具能产生随机条纹的？或者说，是产生随机边缘，只要有随机边缘，那随机条纹还不容易吗？——云彩，Photoshop中产生随机效果的非常重要的一个滤镜：渲染-〉云彩。怎么做等等再说；
　　 *　黑影与高光，无非就是黑白的配合，想想刚刚提到的那些小刻线吧，只要是黑白配合，要产生立体感太容易了；
　　 *　小缺口，很容易， 我们只要用与瓶口相近似的色块把那个产生缺口的地方填掉就行。看图：
　　

　　
　　 刚刚说到的三个方面非常简单。只有第一步空手取得裂缝稍微复杂点，但只要看我做一次例子，大家就明白是怎么回事了。我们新建一个空白的文档，然后使用滤镜－渲染－云彩：
　　

　　 大家看到了吧，随机的纹理如何变成随机的条纹？或者说，先完成中间的一步：怎么变成随机的色块？

　　 观察这个云彩，我们可以得出结论：它是一个黑白灰随机变化的纹理结构。如果我们能把它变成黑白二色（无灰调子）的，必然就能取得随机的边缘。

　　 按CTRL+L，调出色阶命令：
　　

　　 大家看到没有，这个对话框有5个小三角。其中我们关心的是立方图下面的3个，黑/灰/白三个小箭头。分别代表什么意思呢？黑就是黑场，代表画面中暗部，灰就是灰场，代表画面中的中间调，白就是白场，代表画面中的亮部。我们尝试收窄这三者的距离看看？
　　

　　 大家注意，云彩模模糊糊的纹理边缘开始变得清晰起来。为什么会产生这种效应呢？大家注意看这个黑场的左边，对应立方图（就是像股票曲线那种东西）的左边，其实就是画面中比这个黑箭头所指的亮度更暗的部分，现在系统把它们全部变成黑色（最暗）。黑箭头就是代表画面中最暗的地方，所以在黑箭头左边的，当然也是最暗了（也就是说，原来有点灰的，会变黑了）；再看白场的右边，对应的右边的都变成白色（最亮），原理也容易猜到，白场是代表画面中最亮的地方嘛，如果比白场所指的位置更右的话，自然也就是变成了白色。

　　 因此，两边一收窄，灰色就消失了。我们把3个箭头重合看看如何：
　　

　　 非常完美的随机边缘产生了。那怎么取得随机的裂缝呢？下面的步骤属于没什么可讲的步骤，我就带过，大家看了之后就明白了。

　　 按W，魔术棒工具，并把容查设置为0：
　　

　　 然后选中白色部分，删除：
　　


　　 现在我们得到随机边缘了，然后把这个黑色的层复制多一层，然后按一下D切换到默认白前景色，按SHIFT+ALT+DEL（使用前景色保护透明度填充图层）：
　　

　　 按CTRL+T，自由变换上面的白色层（为什么用白色，无非是让它和下面的原层分开，好分辨而已）。同时按住CTRL，把箭头指向9个控制点的第一行第二个。
　　

　　 注意上图，箭头变成单黑色。然后鼠标往右下拉，注意控制好度：
　　

　　 大家已经看到我们想要的裂缝纹出现了，上宽下窄，慢慢向上裂开的。按ENTER确定变换，然后栽入白色层的选取再删除白色层：
　　

　　 选中黑色层，然后按DEL删除选中的部分，再把其它不要的裂缝删除，效果如下：
　　

　　 再来看看我们的随机条纹成果（为了便于观察，我把背景填充为一个灰色）：
　　

　　 好啦，下面我们要用到黑白大法了。看图：
　　

　　 把黑条纹复制多一条放在下面，填充成白色（按D，然后按SHIFT+ALT+DEL，记住快捷键）然后把位置错开，大家看得很清楚了。然后我们把白条纹的位置尽量靠近黑条纹，但又露出一点点：
　　



　　三、将裂缝叠加在罐子上

　　 裂缝出来了，我们把它叠加在罐子上，就能让罐子裂开。
　　
　　 上面是就做裂缝的小操作，熟悉后操作起来会非常快的。我们现在回到罐子去，提几个要注意的地方。看图，我们分析一下结构。
　　

　　 由于时间有限顾不上细细调整，画面破绽还是很多的。但大家只要了解原理，自己多练习一定会做出更好的效果。

　　 提醒大家注意几点：

　　 1、这里的裂缝走向是不大合理的，因为罐体凹下去的部分裂缝也应该随之凹下去，大家做的时候要注意；
　　 2、由于有罐口与罐身的遮盖问题，再加上透视，裂缝从视觉上要分为两部分，走向也不一样；
　　 3、小缺口，不要忘记了，少了之后那个黑色就不是裂缝了，而是黑带；
　　 4、裂缝的高光有些地方会很明显，有些地方会由于角度问题看不到，所以我们刚刚叠上去的黑白两条纹，白色条纹某些部位要适当删除或者降低亮度，这样才会真实（大家可以仔细观察实际生活中的裂缝）。
　　
　　 最后还要提醒一下：不是什么东西都能做个裂缝的，比如软绵绵的东西，做个这种硬裂缝，会让人以为这是画布（或者是照片）裂开了，而不是软绵绵的东西裂开。我的意思就是说，要做效果，也要看对象，没有一种效果是什么对象都能硬加上去的，违背了最根本的实际原理的话，造成的后果只能是生硬。　

　　现在我们布置一个小练习，大家有时间的话做一做 。
　　练习题目：把罐子剪开。
　　请大家仿照下图实现效果。动手之前请认真思考会用到哪些工具、哪些地方是我们塑造立体感所必要的？
　　


　 下一节我们继续讲立体感与质感的关系。这是下一节用到的例子——在玻璃器皿上开一个洞。大家可以先当作练习思考一下。