WEB开发网
开发学院图形图像PhotoShop Photoshop教程:三维立体字实例说光影透视 阅读

Photoshop教程:三维立体字实例说光影透视

 2008-11-29 16:46:49 来源:WEB开发网   
核心提示:九、现在你可以看到,刚才做出来的小小白线为文字图层添加了如同高光的效果,Photoshop教程:三维立体字实例说光影透视(2),物体面向光源的一面会有高光出现,这样的效果使得我们的文字更为立体,逼真的效果相信能吸引到许多人的目光,这就是最基本的立体感营造,图9十、接下来我们要模拟自然光创造一些光线,在所有图层之上新建一

  九、现在你可以看到,刚才做出来的小小白线为文字图层添加了如同高光的效果。物体面向光源的一面会有高光出现,这样的效果使得我们的文字更为立体。

Photoshop教程:三维立体字实例说光影透视
图9

十、接下来我们要模拟自然光创造一些光线。在所有图层之上新建一个图层,用矩形工具画4~5道长方形,颜色为白色,如下图(越下方的矩形越粗)。

Photoshop教程:三维立体字实例说光影透视
图10

  十一、按下Ctrl+T进行自由变换,旋转和放大到如下图的效果,然后按下右键呼出菜单,选择透视。把左方的两个变换点拉得靠近一些,使白色矩形看起来是从左上方发散出来的。

Photoshop教程:三维立体字实例说光影透视
图11

  十二、现在我们得到如下图的四道虚拟“光线”,设置该图层混合模式为叠加,不透明度20%,然后使用滤镜>模糊>高斯模糊,半径为6像素。

Photoshop教程:三维立体字实例说光影透视
图12

十三、现在你应该如下图的效果。

Photoshop教程:三维立体字实例说光影透视
图13

  十四、既然我们刚才创造出来的白色矩形是用来模拟光线的,那么我们的高光是不是只应该出现在光线照到的位置呢?Ctrl+左键点击矩形图层载入选区,添加图层蒙版。这样会得到一个蒙版,使得“高光”只在“光线”照到的位置出现。

Photoshop教程:三维立体字实例说光影透视
图14

  十五、现在停下来看看,这样的效果看起来已经十分不错了,不过我们会需要为画面添加一些温暖的阳光感。

Photoshop教程:三维立体字实例说光影透视
图15

十六、在背景图层之上新建一个图层,使用粉红色#9d506c进行填充。

Photoshop教程:三维立体字实例说光影透视
图16

  十七、设置粉红图层的混合模式为颜色,不透明度20%,这会使得我们的背景有一种偏红的暖色调。因为接下来我们需要混合一些黄光,如果现在不在背景上添加一些粉红色调,那么之后我们得到的最终结果将会显得不够真实。

Photoshop教程:三维立体字实例说光影透视
图17

  十八、在粉红图层之上新建一个图层,填充整个为白色,然后使用滤镜>渲染>灯光效果。作者并不是经常使用灯光效果,但其中的2点钟聚光(Two O'clock Spotlight)效果十分酷。在灯光效果面板选择刚才提到的Two O'clock Spotlight,你可以直接使用默认设置的效果,但为了更好地实现我们的想法,最好稍微拉长光效的椭圆形(这会使光源效果延长一些)。

Photoshop教程:三维立体字实例说光影透视
图18

十九、设置灯光图层为叠加,你会得到如下图的效果。复制一次灯光图层,移动到所有图层之上,设置不透明度为40%。这样会令你作出的暖调光效果不止影响背景,更会影响整幅画面。

Photoshop教程:三维立体字实例说光影透视
图19

  最后,我们复制最上面的灯光图层多一次,设置不透明度为65%,然后添加图层蒙版,在蒙版中用渐变工具画一个从左上到右下、从白色到黑色的线性渐变,这会使光效拥有平滑的渐隐过渡。

Photoshop教程:三维立体字实例说光影透视
图20

  总结

  教程里总结了阴影、高光、光渐变和色调的做法,最后得到一幅相当精致的立体文字图片,逼真的效果相信能吸引到许多人的目光。这就是最基本的立体感营造,之后我们会陆续介绍更多的立体文字特效教程给大家。

上一页  1 2 

Tags:Photoshop 教程 三维

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接