PS教程！手把手教你绘制酷炫的石刻立体字效

编者按：有同学问魔兽海报中的这种酷炫的立体字效果是怎么做出来的，其实临摹起来不难，今天刘远航同学就从头开始带大家做一遍，8个步骤轻松搞定。源文件已打包，学起来！

源文件打包  百度云下载：http://pan.baidu.com

1. 建个文件背景黑色，第一步当然是打字，电影里的这个字体我没找到一模一样的，找个近似的吧，这个字体：LifeCraft，原版的魔兽世界貌似用的就是这个。

2. 观察一下原图中的立体部分，高光光源是在右上方，左下是有点橙色的反光。

所以我们在先随便叠加一个“纹理”之后，（这个是PS自带的岩石纹理，看起来也还可以，你也可以使用其他金属的纹理）先来给他做这样的斜面浮雕，浅黄色滤色的高光，暗橙色的阴影。

3. 然后复制放大，按住快捷键Ctrl+alt+T，等比放大一个像素，然后双击确定后就是直接复制出来一个放大后的图层，

4. 下面就可以使用Ctrl+Shift+Alt+T这个快捷键来重复刚刚的变形操作了，按个几下看看差不多是你想要的厚度就可以了，我这里按了9个图层差不多，看下效果

5. 最上面的那层，我们主要来修改下他的斜面浮雕方式，观察原图，前面的部分是蓝灰色的，高光在左下，而且字体整体是中间字母R那里比较亮，所以等下我们还要做一个渐变的叠加。

好，渐变叠加这里看下，我们通过一个径向的黑白渐变，注意图层对齐那里的选项，调整缩放来达到我们要的渐变效果，然后上面的混合模式改成叠加。

然后是斜面浮雕，选择雕刻清晰，注意深度，大小，光照角度选了一个过度柔和的曲线，阴影部分修改为深灰蓝的正片叠底。里面这些参数仅供参考，主要还是看着图调你要的感觉。

好咧效果是这样的：

6. 别急，还早呢，看原图的边缘是有一个细小的倒角边，我们把最上一层再复制一层，来做这个小倒角填充改为0，渐变叠加和图案叠加统统去掉，只要一个浮雕效果。

做一个像素的，光源反向的浮雕效果：

7. 我们把这一层”拷贝10“也再复制一层，添加一点文字表面的纹理，悬着斜面浮雕的纹理加一个杂色的纹理，让他稍微有点凹凸感然后降一下整体的不透明度。

8.原图中，立体部分有一道疑是分层的分界线，前面W那是一道阴影，在后面字母T那好像是一道亮光。

我们从刚才的几个图层中间挑一个，比如说”拷贝5“给他做个投影和内发光就会有这样的效果了，这样也显得稍微有点层次。

8. 其实做到这一步就差不多了，但是细节还是很不到位的，尤其是光影的变化通过这样的方法做出来的不够细腻，单纯的使用图层模式是很难表现，来吧，再回到刚刚参数多的那层”拷贝9“来进行精雕细作，选择菜单上面的图层——图层样式——创建图层。

把我们刚刚做的效果都拆解成一个个的图层，用图层剪切蒙版的形式分离出来了。

现在我们可以按照每一层用画笔来刷了，渐变填充这一层。

高光和阴影我们可以用蒙版来调整那些区域的高光阴影强弱了。好，最终效果，看看差不多了吧

什么，没效果？放进海报里去就帅了啊。

【优设四月人气过万的好文】

使用素材站：
《实用干货！11个人气超高的设计素材汇总网站》

自学UI设计的正确姿势：
《别着急学软件！先掌握科学有效的UI设计自学姿势（超全面）》

幽默有趣的前端小课堂：
《零基础也能看懂！写给设计师的前端小知识之网页排版（附实战）》

原文地址：zhihu

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量112万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com