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

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

 2008-11-29 16:46:49 来源:WEB开发网   
核心提示:文字特效是photoshop中一个重要的应用,各路高手都有大量讲述打造特色效果字体的教程,Photoshop教程:三维立体字实例说光影透视,其中不少都是以3D立体为主的,要在平面的图像中表现出立体效果,然后按下“DELETE”删除选区内容, 现在留下的是小小的白线,其实并不是一件很难的事情,重要的是用户自己要对立体感有

文字特效是photoshop中一个重要的应用,各路高手都有大量讲述打造特色效果字体的教程,其中不少都是以3D立体为主的,要在平面的图像中表现出立体效果,其实并不是一件很难的事情,重要的是用户自己要对立体感有认识,本教程旨在帮助大家建立基本的立体感,为大家学习其他3D效果打下基础。教程比较简单,但扩展应用非常广泛,适合 PS新手举一反三。

光源

  在我们开始教程之前,先来看看一个光源是怎样对物体产生影响的。如图,画面中间有个正方体,它的左上方有一个明亮的光源。当光照射到正方体,就会在另一边产生阴影。这种阴影和Photoshop中的阴影(指图层样式)有截然不同的效果,看上去能够令物体跃然纸上。如果我们想令一个物体具有三维立体感,不需翻看沉闷的教科书,这里的光与影就是答案。

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

  一、我们的教程从一道微妙的线性渐变开始,是从深灰色到灰黑色的。注意到画面左上方比右下方光亮了吗?因为作者想把光源放置在左上角。

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

  二、现在我们开始放置文字,作者习惯使用一种名为“Agency FB”的字体,它们看起来紧凑而且硬朗,设置前景色为灰蓝色#c2c8d4。

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

  三、按住Ctrl用鼠标左键点击刚才的文字图层载入选区,然后新建一个图层。在新图层,保持选区被选状态,用渐变工具画一个从#495a79到透明、从右下到左上的线性渐变。你会得到如下图的效果。

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

四、按下键盘上“D”回复默认前背景色,按住Ctrl点击文字图层载入选区,在文字图层之下新建一个图层。现在按下键盘上的下箭头一次,再按右箭头一次(即向下向右各移动1像素),使用Alt+Backspace(退格键)填充黑色。重复这组动作30次。

  注意移动的只是选区而不是填充的黑色块,最好保持选择着选区工具。如果你选择了移动工具,就会在操作键盘的时候同时移动黑色填充色块和选区,你只会不断重复填充同一个位置。

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

  五、下图是你现在应该得到的效果。取消阴影图层的选区,然后使用滤镜>模糊>动感模糊,角度为-45度,距离30像素。

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

  六、设置阴影图层为正片叠底,不透明度40%,接着按住Shift键按下键盘的右箭头和下箭头各一次,这会使得每次移动变为10像素。现在你可能还会看见字母的上方和左方有一些模糊的阴影,使用一个柔软的橡皮擦擦掉那些不该出现阴影(还记得文章开头对阴影的分析吗?)。

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

七、复制阴影图层一次,再次按住Shift向下和向右移动。使用动感模糊滤镜,设置距离为50像素,设置这个图层的混合模式为正片叠底,不透明度20%。这会使得阴影的过渡更为顺滑。

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

  八、在所有图层之上新建一个图层,按住Ctrl点击文字图层载入选区,在新图层中填充白色。先不要取消选区范围,按下键盘的“↓”、“→”各一次,然后按下“DELETE”删除选区内容。

  现在留下的是小小的白线,设置图层不透明度为80%。

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

1 2  下一页

Tags:Photoshop 教程 三维

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