[PS字体] Photoshop制作游戏风格蓝色立体字教程.pdf

[ P S 字 体 ] Photoshop 制作游 戏 风 格 的 蓝 色 立 体字教程 第一步： 我们先从最简单的形状入手，一开始就添加细节是毫 无意义的。首先，创建最基本的形状。如果在没有添 加任何效果时，你创建的形状都很漂亮，那么这是一 个非常好的开始。就像建筑一样，需要有一个好的地 基，这样以后才不容易垮掉。 打开 Photoshop，Ctrl+N 新建画布。选择你需要的大 小和分辨率。尺寸不要太小，这样我们会看清细节。 第 2 步： 在这次设计中，我们想要创建一种星际争霸文字的效果。首 先下载并安装 StarCraft 字体。我们将背景色填充为浅灰色来 代替默认的白色，这样不至于白色背景与文字对比过于强烈。 第 3 步： 为文字添加斜面和浮雕效果。默认的数值效果肯定不是我们 想要的，我们需要更加强烈的效果，那样会更有冲击力。增 大“大小”的数值，注意观察字体的棱角是怎么变得清晰起 来的。大小选择 20px 左右比较合适。( 字体大小不同，需要 设置的数字也会不同，具体情况自己掌握。) 我们需要锐利的 边缘和棱角，将 “方法”设置为雕刻清晰即可。继续调整阴 影的角度和高度，这项数值会决定棱角边缘的对比度。 所有数值调整后的效果： 第 4 步： 接下来我们会用到一种生锈的纹理。下载纹理素材，将其在 Photoshop 中打开，我们只需要铁锈斑驳的纹理，而用不到颜 色，因此执行菜单图像 调整 去色。我们继续调整素材图 像的对比度。Ctrl+L 打开色阶命令，调整亮部与暗部以增强 对比。 我们需要将纹理保存起来用在文字效果上。Ctrl+A 全选，执 行菜单编辑 定义图案，重命名图案。 第 5 步： 是时候将纹理应用到我们的文字效果上了。双击图层样式，打开纹理叠加选项，选择我们上 一步定义好的铁锈纹理。效果看上去过于强烈，将混合模式设置为“点光”，不透明度设置 为 20%。 第 6 步： 现在颜色只有黑色和白色，这一步我们来添加一些颜色。打开图层样式面板，进行颜色叠加。 这里我们选择的颜色为 #5288a4，将不透明度设置为 70%。 看一下整体效果。 这样我们有了一个基本的色调。默认的斜面和浮雕中的阴影 和高光仍然达不到我们想要的效果，我们来调整一下高光和 阴影的颜色。将色值分别设置为 #13fffc 和 #005780。 第 7 步： 现在整体看起来还是比较扁平，没有非常强烈的立体感。我 们需要再创建一层斜面和浮雕效果来增强这种感觉。选中文 字层，Ctrl+J 复制一层，删掉复制层的图层样式效果。并将其 填充度设置为 0。 由于我们下一步要将颜色叠加的不透明度修改为 100%，因此 要将下面一层的图案叠加效果拖动到复制的层上，不然颜色 会遮盖图案的效果。 调整图层样式后的效果： 第 8 步： 将下面图层的颜色叠加不透明度修改为 100%。 第 9 步： 为上面的文字图层添加斜面和浮雕的纹理。这样会使纹理有 略微凸起的效果。 然后调整斜面和浮雕。这样使得文字的立体感更加突出。 第 10 步 : 为了增加文字上下部分的明暗对比，我们为其添加渐变叠加， 将混合模式设置为正片叠底。 此时的文字效果。 第 11 步： 选中最下面的文字图层，为其添加投影效果。 这里我们使用等高线，使投影内部暗一些，外部更加虚化， 符合真实投影的样式。 添加投影后的文字效果。 第 12 步： 到目前为止，我们只为文字添加了暗部，这一步来添加高光 部分。Ctrl+J 将文字复制一层，去掉图层样式，并将填充度设 置为 0。 为文字添加渐变样式。其中白色部分就是我们需要调亮的区 域，注意此时的混合模式为颜色减淡。 添加高光后的效果。 第 13 步： 下面我们创建描边，是文字的轮廓更加清晰。比较亮的轮廓 可以区分文字与阴影，从而更加凸显文字。我们选择的颜色 为 #32c3ff。 第 14 步： 不要满足与上一步的样式，我们的文字还可以继续优化。来 为文字添加一些内部的发光效果试试，此处我们使用内阴影 来实现这种效果。记住，内阴影并不是只能做阴影效果，我 们还可以使用这个功能来模拟发光的效果。看看下图是不是 漂亮了很多。 第 15 步： 再稍微调整一下背景，我们的效果就做好了。Cheers!