打印

【Photoshop杂谈II】光与影01-02 0818更新

ps:实在抱歉的很,本来约好很快推出的光与影部分,却因为工作忙起来而无暇抽身了。而且也请了好一阵子假。最近才刚刚回来 因此,先说声对不起了,各位!

本教程为cloudy原创,版权所有,仅在经典论坛刊载。其他媒体或个人,未经许可,一律不得转载。

【Photoshop杂谈II】立体感部分链接在此:
http://www.blueidea.com/tech/graph/2004/1983.asp


开始教程之前,再次提醒大家:效果是为主题服务的,不是说效果堆砌起来就是好的设计,技术应该为设计大局而服务,这点要牢牢记住。

【第二部分:光与影】

接下来的第二部分,我们马上要开始魔幻的光影之旅。
这里的光影不是指物体的阴影,而是平时我们看到电影、动画、游戏里面出现的种种超酷的炫光效果,这些效果包括火,光带,光轨迹,喷射等等,还有粒子效果。
本部分将会使用PS来模拟这些效果。
但如第一部分而言,我们还是要先理解一些重要的原则与原理。

第一部分立体感的教程里,我说到了一个很重要的词,不知道大家注意到了没有,就是“层次”。层次带来真实。只有让人信服的光影才让人觉得酷。否则它就不是光影了(我好像在说废话)。我这样说是为了让大家把目光集中到如何塑造“层次”上,只有细腻、丰富的层次感才能带来真实感。

下面的部分会有点枯燥,也可能有人觉得很简单,而略过,但我还是建议大家好好看看。
首先我们来做个小试验,看看用PS我们能作些什么。
新建一个长方形空白文档。然后按G,切换到线性渐变工具。拉出一个黑白渐变。


分析一下这个黑白渐变。大家看到了,这个从左到右的白黑带,从白到黑产生了一个非常平滑的渐变。
我们增加一个调整图层->渐变映射

挑选了一个蓝-黄-蓝的渐变预置,大家可以看到效果如下:

原本白-黑渐变成了蓝-黄-蓝渐变。什么叫做“渐变映射”呢?大家可以看看渐变编辑器里面的滑条。上面有两个三角,是画面里的灰度变化。原本是从白到黑均匀分布的对不对?那么,下面的三个渐变三角,就是把新的渐变按位置“映射”到原来的颜色上。
我们调整一下下面的三个色块的颜色试试看。



把两边的色彩变成黑色,可以看到,图里原本的色彩变成了黑色中的黄光。——等等,这也叫光吗?太简单了吧。的确,没有层次,只有渐变。我们回到原来的图层,看看能不能搞出一点变化。
确定回到画布。首先,选择白色为前景色,然后选着笔刷。我们挑一个边缘模糊的笔刷,选择适当的大小。如图:

然后选择背景画布(注意,不是调整图层)


在背景用白色画一下。大家有没有注意到,画面有块黑的出来了。


用黑色画一下又如何呢?看看:

很有趣是不是。也是黑色的。并且好像泥巴一样,把原来白色画的黑色“挤”过去了。我们隐藏一下调整图层,看看下面发生了什么情况,使得映射得结果是这个样子?

很明显,我们可以看出,白色被映射成了黑色,黑色也被映射成了黑色,只有中间的灰色,被映射成了黄色。回顾一下三角的分布位置,到此为止,我们应该明白渐变映射能干些什么了。

渐变映射,一个很简单却非常重要的功能是,能平滑地,把画面中的颜色映射成渐变色。
比如上面那个灰度图,我们想把其中的白色变成黄色,灰色变成红色,黑色还是黑色,怎么办?双击调整图层,做如下调整即可:

为了突出效果,我把最右边的关键色增加了一个白色,然后让白黑变化映射成了白-黄-红-黑的变化。现在的样子是不是能让大家想起火焰?呵呵。可能还有人想起以前的一个ps教程,说的是火焰字的制作,最后一步,把画面边成索引颜色,并以Black body的颜色表作替换,而使得黑白字成了火字。索引色的办法好不好?不好。为什么,因为颜色过渡不足。只有256色的索引,怎么和这种24位的渐变色相比呢?当然是后者更平滑了。但原理是不是一样的?是的,两者都使用了颜色映射的概念。以前知道使用Black body表制作火焰效果却不知道是什么原理的,应该好好看看上面乏味的试验

好了,试验结束。我们能把简单的黑白渐变变成了火焰渐变。那光影呢?我们刚刚说到光影的层次,而这个操作,就是为了让我们更容易的控制光的层次。也就是说,我们用不着考虑多种颜色的光的混合是怎样的,我们只要使用黑白来作出变化,然后再用渐变映射去替换每个不同的灰度即可。手工绘制的方法很好,但我们需要的是使用ps技巧,控制性更强的做法。

有了光影层次的解决办法还不行,光迹就要靠自己画了。用笔画是个不错的选择,刚刚也看到了,在黑色背景上以白色画,配合渐变映射,怎么画都是漂亮的光迹。看看下图。



用鼠标乱画,效果虽然难看,但思路已经出来了。对不对,我们可以控制每个灰度的色彩,怎么说都是一个好的开头。

在真正开始光影之旅之前,我们还是要再思考一下有什么可改进的地方。上图很难看,为什么?笔刷没有变化,鼠标绘制的线条又不光滑。那么说,我们首先要改进的,就是我们的笔刷了。

下面开始建立我们自己的“光刷”。新建一个空白文件,然后新建一个图层,我们用笔刷点出如图痕迹(不知道怎么点出这些痕迹的,建议按F1仔细看ps帮助)。

然后用选区划出这块黑点。编辑->定义笔刷,如图:

回到我们刚刚做好的渐变映射的文档。新建一个图层,如图:

好了,下面我们要设置一下我们的“光刷”了。选择笔刷工具,然后点击右边的画笔,打开选项。

在画笔预设里,所有笔刷的最底下,可以找到我们的“光刷”,点击选中。下面就是一连串的画笔参数调整。




好,笔刷调整完成。回到画布,随便画两笔看看。

有点意思了。要换颜色怎么办?调整图层的威力出来了,我们可以在任何时候对效果进行调整。双击打开渐变映射的选项。


看看,很轻松的,就把我们的红光,变成了蓝光。
刚刚是用鼠标画的,还是不大光滑。我们用钢笔工具看看。把原来的画的清除。用钢笔工具,画出路径如下。


然后选择“光刷”,切换到路径面板,点击“用画笔描边路径”。看看效果。


看来效果不错。我们需要的光迹效果完成了。通过多重使用这种笔刷,再加上笔刷的变化,还有渐变的变化,我们就能轻松得出各种光迹效果。
然后通过制作不同颜色与形状的光迹,再混合起来,就能得到更富层次的效果。比如下面我们用分别制作的两张黑底红光与蓝光的图层做各种图层混合(比如叠加,亮光等等):


这样,我们的光迹就更加丰富了。以上的教程每一步其实都很简单,但里面的原理却很很有趣的。大家可能也想到了,用这种方法,还能做出什么很酷很眩的效果?不用笔刷做光迹,用其他工具行不行?比如极坐标,放射性模糊,模糊等等?只要首先作出黑白的平滑灰度变化,再配合适当的渐变映射,就能作出层次丰富的光迹效果。大家可以作为练习,试试看这种方法是如何扩展我们的思路的。

下一节我们将会把这种技巧,运用在实际的例子上。

待续..
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
-随笔/文集/画集/教程:GhostEver Blog-
-瑶池摘仙果,沙扬梦驼铃,风起孤云舞,流意满阁楼
生动生动~第一个饱眼福了!
缘至而来,缘尽而散,无谓付出与索取。蓝色珍重!
感动中
先回再看
活在当下
++++++
活在快乐
渐变映射+动态画笔=极光效果

我怎么没想到了渐变映射还有这样的用法了,如果改为渐变映射+路径不是可以做出任意的发光效果!!!
技术+创意+审美+细心=设计成功的法宝
我虽然不怎么发言!但是每次看到CLOUDY的教程总能学到很多东西!我也要向你看齐,多观察身边的事物!重要的不是追求某种效果!而是制作的原理!这点很好!也是最理想的学习方式!继续关注中!
~我爱我老婆~
var I ="520";
var love ="13";
var you ="14";
trace("GF,"+I+love+you+",24hours missing!");

TOP

精彩~
期待下文~
御前刺猬·科小胖
要文气,要文气

TOP

每次看cloudy的文章都有很大收获!!收了。。搬个凳子,等着看下文。。。

TOP

正是我想要的。
---┇用心摸触,用气息屏蔽┇---

TOP

很会思考+创意,值得学习啊!谢谢cloudy!
荣华终是三更梦,富贵还同九月霜!!

TOP

楼主用的什么版本呀,我的还是6。0的。有引起工具没有。

TOP

今天有时间仔细研究了下
两个字。。。。。。。。。“神奇”
不知道PS还有多少秘密等着我们去开发~
期待续集中~~~~~~~~~
十年磨一剑

TOP

晕了!~~~
一段时间没有来cloudy又出教程了!~~~~
高兴,高兴!~~
先收起来,慢慢看!~~

TOP

看完了,我来交作业了!~~~帮我PP吧!~~~

TOP

就是,期待版主出教程,有好久了,回来后,刚刚学习步入正规,看到了新的教程,真不错,又学新东西了,顶一下!!!

TOP

不错,好方法有学到一招
ddk-1

TOP

我最喜欢这样的帖子!
期待继续法帖

TOP

呵呵 ,,我总算是看懂了```
我思故我在!

TOP

呵呵 厉害啊 我要好好看看
我喜欢设计
我喜欢PS 我是在校的学生
还是PS菜菜!
希望高手多多照顾

TOP

很不错!

TOP

很奇怪请教一下 我刚才看了一下这些效果

特别是这个! 为什么不使用图层样式的内发光和外发光的方法做?! 我个人感觉这样做更简单

TOP

也是可以的。不过控制性没那么好,主要是因为颜色层次不能更丰富。内发光和外发光,发光的颜色充其量,一共就2种,不能再多了。而渐变映射可以达到更丰富的色彩层次。
此外,你说的那张图,只是用来做原理性示范而已,看看最终的结果,使用自定义的笔刷产生了更好的辉光效果。
假如你觉得使用外发光和内发光就能做到这种效果的话,不妨试试看?我个人是认为达不到这种效果的。因为外发光和内发光的控制比较少,光的范围也是很均匀的大小,以下这种效果是很难实现的,但以渐变映射与渐隐的笔刷,就能轻松做到。


所以使用渐变映射的理由有二:第一是色彩层次能更丰富(因为渐变带上的色彩变化可以任意调整);第二是结合笔刷的变化,能产生可控性很强的辉光效果。
-随笔/文集/画集/教程:GhostEver Blog-
-瑶池摘仙果,沙扬梦驼铃,风起孤云舞,流意满阁楼

TOP

不错哦
江天云月涌

TOP

这么好的一定要收藏!
又到了广电总急的经期

TOP

和图层样式的内发光和外发光的方法相比

版主的方法颜色的确丰富、通透了很多

TOP

good..还是有点不懂只是.慢慢看.慢慢研究

TOP

俺明白了..明白了..期待下文中..

TOP

请问楼主,如何把[黑色到白色渐变的那个层]与[它上面那层渐变影射]合在一起的??? 谢!

TOP

震撼啊~

好技巧

TOP

果然好强。。
show几个:




TOP

有收获呀~
顶一下~

TOP