|
新建网页 1
要在平面中表现立体,首先我们应该知道立体的组成要素——三大面和五大调。是光让我们能看到物体,没有光我们就什么都看不见了,所以我们要表现的立体就是在不同光线的照射下的物体形象。
作图时我们先找出三大面,在三大面的基础下再对五大调进行细化,就可以把物体的立体感表现出来了。
| 三大面:亮面,灰面,暗面 |
|
五大调是光线照在物体上的明暗色阶,
分为:亮,灰,明暗交界线,暗,反光 |
值得注意的是反光,这是由地面或其它物体受光后产生反射而照亮物体没有被光照亮的地方,很多时侯我们都会把它忽略掉,这会造成不真实的效果。
还要说的就是和光分不开的阴影,我们在这里只讲一下阴影的柔和度问题。生硬而有尖锐的边缘的阴影在简单的立体表现中我们会经常见到,但在实际生活中却不常见,这我们可要注意。阴影的柔和度是由光线的强弱和光照距离决定的,一般在太阳或在舞台照在主角上的那个追光灯就会产生有清晰边缘的阴影,一般光线较弱或较近物体时便产生较柔和的阴影。大家可以按要表现的具体场景来设定阴影。
最后就是每个不同的物体有不同的质感,我们应该在作图时把物体的质感表现出来!所谓的质感就是因物体的材料不同,所反射的光线规律不同所给我们带来的感觉。例如金属,玻璃,皮革,木头等都有它们自己不同的质感。而在光滑的金属,玻璃,瓷器等表面还会有一个高光,就是物体上最亮的一个点,这个高光是由物体的光滑度来决定的,比如卡通画中大眼睛里的亮光。因为并不是所有物体都有高光,所以高光一般不算在五大调里面。
下面我们以右图实例的制作过程作为载体,和大家一起讨论一下用photoshop在平面上表现立体的具体方法。主要分为三个部分:
立体球的表现方法:主要运用渐变
立体字的表现方法:主要运用通道、滤镜、effect
圆环的立体表现方法及阴影的重叠 :主要运用选区
先做背景,新建一个合适大小的文件,点击渐变工具,利用直线渐变从图的上方到下方作一个由黑到蓝的渐变,如图(1)。
立体球的表现方法
1.新建一个图层,点击椭圆工具按住Shift在画面上画一个正圆,将选区移到一个适当的位置。
2.我们要表现立体,当然要把它的三大面五大调给画出来,这里我们使用渐变填充作为表现手法。
先把渐变颜色设好,点击渐变工具编辑渐变颜色分别为RGB(242,242,242) (51,51,51)
(153,153,153)如图(2),选Radial
Gradient(放射状渐层)从圆的左上角往右下角作渐变,作渐变时注意开始点和结束点。大家可以改变一下颜色或明暗度试下,会有不同的效果。其它圆锥,圆柱等都可以以这种方法做出来,如图(3)。

图(2) 图(3)
3.不要去掉选区,再新建一个图层,将圆选区移到圆球体的下面,如图(4),利用上面的渐变方法从选区的左下角往右上角作渐变,注意对称性,改变图层透明度为20%,形成倒影,如图(5)。
图(4) 图(5)
4.新建一个图层,用椭圆工具画一个椭圆选区,并执行Select/Transform
Selection(变换选区),并将该选区移到移到光照射到物体成影的地方,如图(6),用黑色或较暗的色填充选区,将该层拖到层的最下面,改变透明度为30%,再进行模糊或在填充前进行羽化——这是为了表现阴影的柔和度,不要忘记。最后阴影制作完成,如图(7)。

图(6) 图(7)
整个球体就做好了,如果你觉得圆不够圆滑的话可以按Ctrl单击圆的图层,再用Select/Modify/Contract(收缩),再进行Select/Feather(羽化),按Ctrl+Shift+I进行反选,Filter/Blur/Gaussian
Blur(高斯模糊),这样圆就会变得圆滑多了,也可利用工具箱中的模糊工具对圆的边缘进行模糊,下面的作法也是一样的。
上面的方法只适合做一些规则的物体,这远远不够,下面我们讨论一下利用通道作出物体的三大面五大调,表现其它物体的立体感。 |
|
立体字的表现方法
我们先想一下物体哪个部位受光和哪个部位背光,找出三大面,就是亮,灰,暗三面。
1.我们先把灰面做出来,新建一个图层,点击文字工具,选空心字,字体为黑体,Size为72点,在画面上单击输入B字,调整好位置,用RGB(140,140,140)进行填充,这就可成了我们想要的灰面,下面就做出亮和暗面吧。
2.再用菜单Select/Save
Selection(保存选区)在Channels下保存为 Alpha 1。对Channels下的Alpha 1进行复制为Alpha
1复制,将其改名为“亮区”,再用Filter/Blur/Gaussian
Blur(高斯模糊),取值10,再用Filter/Stylize/Emboss(浮雕效果),取值分别为Angle为135,Height为15,Amount为100%,如图(8),再对“亮区”进行复制并改名为“暗区”。就当然不是我们所要的亮和暗面了,我们再来改一改,改成我们想要的东西。
3.选中Channels下的亮区,按Ctrl+L(色阶),点击白色的吸管,如图(9),在画面的灰色部分单击就可以令灰色变成的色,但我们要的是黑色部分,所以按Ctrl+I(反选)就可得到我们想要的选区了。如图(10)。
  
图(9) 图(10) 图(11) 图(12)
4.选中Channels下的暗区,按Ctrl+L(色阶),点击黑色的吸管,如图(11),点击画面的灰色部分,就可得到我们想要的暗部了,如上面图(12)。
5.按住Ctrl点击Channels下的亮区,回到RGB模式,选中文字图层,按Ctrl+M(曲线),将曲线向上拉,如图(13),按确定,这样我们便可得到亮区。

图(13)
6.按住Ctrl点击Channels下的暗区,回到RGB模式,选中文字图层,按Ctrl+M(曲线),将曲线向下拉,如图(14),按确定,我们便可得到暗区。

图(14)
这样我们的立体便大概出来了,不过似乎缺少了点什么的,那就是反光,下面我们就把它画出来。
|
|
把图放大,按工具箱的直线套索工具把反光区选出来,如右图,再羽化6个像素,用比暗区明度较高的带一点蓝色调的颜色填充,因为光照在蓝色的反射面上会反射一些蓝色的光。这样我们的反光区就出来了。用同样的方法把其它的部分画出来就行了,就样我们的B字母的立体轮廓便出来了。
7.复制文字图层,并执行菜单Edit/Transform/Flip
Vertical(垂直翻转),将该层拖到文字层的下面,调整透明度为20%,这样就可以做出文字的倒影 ,如图(15)。

图(15)
8.新建一个图层,按住Ctrl单击Channels下的Alpha 1载入选区,回到RGB模式,执行Select/Transform
Selection(变换选区),在画面上右击选中扭曲转换,将选区拉成如图(16),用黑色填充,再进行模糊后将该层拉到所有文字图层的下面改变透明度为20%,最后如图(17)。

图(16)
图(16)
立体文字就完成了,如果觉得各亮部和暗部不调和的话可以用工具箱中的加深和减淡工具来进行修改,令它达到完美的效果。
|
|
圆环的立体表现方法及阴影的重叠
我们制造的圆环也是利用选区的方法把三大面做出再进行细画作出来的。详细的作法为:
1.新建一个图层,用椭圆工具画一个正圆,用灰色填充。
2.再画一个比灰圆小的正圆选区,将它移到灰圆里面,分别执行Layer/Align Linked/Vertical
Center(垂直对齐)和Horizontal
Center(水平对齐),按下Delete键将选区内的灰色删掉,如图(18)。这就是我们先做的灰面。跟着就是要做出亮区和暗区了。

图(18) 图(19)
3.按住Ctrl单击圆环图层,再按Ctrl+Alt+D(羽化选区)20Pixelx,再Ctrl+Shift+I(反选)。
4.执行Select/Transform Selection(转换选区),将选区向右下角拉,如图(19),再按Ctrl+M(曲线),将曲线向上拉就可以得到我们的亮部了。
5.再将选区向左上角拉,如图(20),按Ctrl+M(曲线),将曲线向下拉得到暗部。最后整个圆环制作完成,如(21)。
再用前面作B字母的立体表现方法把反光做出来。

图(20) 图(21)
|
|
6.用上面制作文字的方法可制出圆环的倒影和阴影,但我们还要做出文字在圆环上的阴影,回到Channels下按Ctrl单击Alpha
1再进行羽化,回到RGB模式进行变换选区如(22),选中圆环的图层按Ctrl+M(曲线)将颜色调暗就可得到文字在圆环上的阴影。
图(22)
7.我们看见文字的倒影和圆环的倒影重叠在一起了,所以按住Ctrl单击文字倒影层载入该层选区,选定圆环的倒影层按下Delete就可以让文字的倒影在上面了。最后Ctrl+E合并,终于完成!结果如图(23)。
图(23)
同时我们还可以利用曲线和加杂点,模糊等特技做出各种金属效果,做法差不多,最主要是我们要掌握光影的形成,平时多留意一下我们周围的物体,这会对我们有帮助。 |
|
|