Photoshop制作游戏字体教程
如果你是一位十足的游戏玩家,相信你一定在Diablo III中见过如此震惊的文字效果。今天强档推出ps教程,如何创建暗黑风格魔幻炫光金属感文字效果。让我们开始吧。教程素材:http://pan.baidu.com/s/1eQxhpmy
最终效果图
http://pic.16xx8.com/allimg/140702/05431a319-0.jpg
提示:教程详细步骤在二楼,不用回复也能看到!想下载该教程的可以回复获取下载网址:点击进入下载页教程编号:133805 作者:南辰 出处:PS梦工场
Photoshop制作游戏字体教程
Step 1 — 场景设置
在开始PS工具之前,我们需要进行前期文字排版设计工作。打开illustrator,新建文件,尺寸设置为20 x 7 英寸。
http://pic.16xx8.com/allimg/140702/0543194511-1.jpg
Photoshop制作游戏字体教程
字体:我们需要是单独设计的,当然你也可以用Blade 2 这种字体进行作业。打开字体工具,设置文字大小500,自定义文件名。
http://pic.16xx8.com/allimg/140702/0543191X9-2.jpg
Photoshop制作游戏字体教程
编辑字体。我们需要将文字矢量化,使之变成可编辑的矢量形状。在你的字体上单击右键选择”创建轮廓”,执行”取消组合”。
http://pic.16xx8.com/allimg/140702/05431a5I-3.jpg
Photoshop制作游戏字体教程
选择除第一个和最后一个字母以外的其他字母,执行对象>变换>缩放,然后选择工具V,使之和首尾字母之前产生间隔。
http://pic.16xx8.com/allimg/140702/05431a254-4.jpg
Photoshop制作游戏字体教程
Step 2 —字母修饰
为了达到字母最终效果,我们需要三个版本:一个常规版本、一个纤细版本、一个粗体版本。
http://pic.16xx8.com/allimg/140702/05431930T-5.jpg
Photoshop制作游戏字体教程
如何得到纤细版本呢 ?我们可以简单复制和粘帖图层,或同时按住ALT键拖动它,执行对象>路径>偏移路径,并输入以下数值。
http://pic.16xx8.com/allimg/140702/0543191405-6.jpg
Photoshop制作游戏字体教程
我们可以用同样的方法创建粗体版本,但是我们会发现,放大的版本细节处理的不理想,就像下面图片中我们看到的。
http://pic.16xx8.com/allimg/140702/0543191394-7.jpg
Photoshop制作游戏字体教程
要避免出现这样的问题我们需要使用描边工具,选取文本,并在描边面板上输入数值10.
http://pic.16xx8.com/allimg/140702/0543195395-8.jpg
Photoshop制作游戏字体教程
现在执行对象>路径>轮廓描边,点击路径寻找按钮来合并原始文本描边路径。
http://pic.16xx8.com/allimg/140702/0543195005-9.jpg
Photoshop制作游戏字体教程
Step 3 — 创建PS文本文件
现在我们有三个版本文本素材。打开PS工具,创建新图层。
http://pic.16xx8.com/allimg/140702/05431931T-10.jpg
Photoshop制作游戏字体教程
背景图层执行编辑>填充,填充黑色背景。复制Illustrator工具中文字文本,粘帖,弹出框选择”智能对象”。请注意,这是非常重要的导入方式。导入三个版本的文本之后,将它们对齐。
http://pic.16xx8.com/allimg/140702/0543196237-11.jpg
Photoshop制作游戏字体教程
为了区分三个版本,我们可以使用图层样式,用不同的颜色区分开。
http://pic.16xx8.com/allimg/140702/0543192145-12.jpg
Photoshop制作游戏字体教程
Step 4 — 创建红色背光
新建图层,选取颜色#6d0100,执行画笔工具,硬度为0%,在画布中间画一个红色圆。执行命令ctrl+T进入自由变换模式,水平拉伸。图层命名为红点。
http://pic.16xx8.com/allimg/140702/0543193039-13.jpg
Photoshop制作游戏字体教程
给红点图层添加蒙板,在通道面板中,隐藏RGB通道,显示蒙板通道。执行滤镜>渲染>云彩,再执行去滤镜>扭曲>极坐标,选择矩形极地。最后,再执行滤镜>模糊>径向模糊,模糊数值大约为80.
http://pic.16xx8.com/allimg/140702/0543194A3-14.jpg