2.1 数码方块字的制作
知识提要:
文字的输入及编辑
自定义方块效果
图案填充
图层的操作及混合模式设置
效果预览:我们会在一些数码产品的显示屏中发现一些由很多个小方块拼合组成的文字效果,这种数码方块字的效果很酷吧?效果如下图所示。
图 2-1-1 数码方块字的最终效果
怎么样,准备好了吗?我们马上动手吧!
提示:字体特效的处理是Photoshop的一个强项,我们将在这一章学习各种文字处理效果的制作方法。
操作步骤:
1、输入文字
步骤1 新建一个文件
首先我们要新建一个空白的文件。执行【文件】菜单中的【新建…】命令,或者按快捷键Ctrl+N,打开【新建】对话框,在“名称”一栏内输入图像的名称为“数码方块字”,然后把图像的“宽度”设置为500像素;“高度”设置为150像素;图像“模式”设置为“RGB颜色”。完成后按【好】按钮就行了,如图2-1-2所示。
图 2-1-2 创建图像文件 此图中的“名称”应为“数码方块字”
步骤2 设置文字的背景
接下来我们为图像填充一层深色的背景以衬托文字的效果。用鼠标点击【图层面板】上的【创建新图层】按钮新建【图层1】,然后找到工具箱中的【默认前景和背景色】按钮,在上面点击鼠标左键,使“前景色”变为默认的“黑色”。颜色设置好之后,直接按组合键Alt+Backspace就可以将【图层1】填充为黑色了。效果如图2-1-5所示。
小技巧:在一些需要突出图像发光效果的情况下,我们通常会把背景填上一层较深的颜色,这样最终的效果看起来会更加明显。
图 2-1-3 创建新图层
图 2-1-4 设置默认的前景和背景颜色
图 2-1-5 用前景色填充图层
步骤3 输入文字
跟着开始输入文字。用鼠标点击工具箱中的【文字工具】按钮,或者按快捷键T选择【文字工具】,这时候Photoshop的工具选项会变为如图2-1-6所示的样子。在这里我们为文字选择一种笔划较粗的字体,并将文字颜色设置为“白色”,这样可以使最后的效果更加明显。设置完用鼠标在图像中适当的位置点击开始输入文字,这里大家可以自由发挥,根据自己的需要输入不同的文字。完成后按组合键Ctrl+Enter结束文字的编辑状态,效果如图2-1-7所示。
图 2-1-6 设置文字属性
图 2-1-7 输入文字
2、制作数码方块效果
步骤1 新建一个图层
新建一个图层(如图2-1-8所示),然后用白色填充图层,如图2-1-9所示。下一步我们将在这里制作数码方块效果。
提示:使用不同的图层,可以对某个层上的某种效果进行单独控制,而不需担心操作中对其它图层上的内容产生影响。
图 2-1-8 创建新图层
图 2-1-9 用白色填充图层
[NextPage]
步骤2 定义图案
首先我们执行【文件】|【新建…】命令创建一个“宽度”和“高度”都为4像素的图像,用【放大镜工具】将图像放至最大显示。然后用【矩形选框工具】建立一个2像素×2像素的选区,如图2-1-10所示。再执行【选择】|【反选】命令将选区反选,用“黑色”填充选区后我们会看到如图2-1-11所示的效果。
图 2-1-10 建立2×2的选区
图 2-1-11 反选并填充后的效果
提示:使用【放大镜工具】将图像放大显示,可以更精确地对图像进行细部处理,在对图像作细微调整的时候这一招很管用的喔!
执行【选择】|【全选】命令选取整个图案,然后执行【编辑】|【定义图案】命令,在弹出的【图案名称】对话框中填入“方块”(如图2-1-12所示),然后按【好】按钮。这样我们就完成了定义图案的操作了。
图 2-1-12 输入图案名称
步骤3 填充图案
跟着返回数码方块字图像窗口,执行【编辑】|【填充…】命令打开【填充】对话框,在这里选择我们刚刚定义的图案(如图2-1-13所示)。随后按【好】按钮完成图案填充的操作。完成后效果如图2-1-14所示。
提示:图案填充是我们用来处理规律排布图形的常用方法,方格线、扫描线等,我们都可以用图案填充的方法来实现。
图 2-1-13
图 2-1-14
3、制作数码方块文字
步骤1 设置图层的混合模式
小方块怎么把文字给遮住了?大家不用着急,跟我来完成以下的操作:打开【图层面板】,然后用鼠标点击面板左上角的下拉菜单按钮,随后在弹出的下拉菜单中选择“正片叠底”命令(如图2-1-15)。怎么样?文字又出来了吧。这里用到的就是我们经常说的“图层混合模式”的功能,利用它我们还可以制作出许多更酷的效果,这些我们还会在以后的例子中学习!这一步完成后,图像的效果如图2-1-16所示。
图 2-1-15 改变图层混合模式
图 2-1-16 改变混合模式后的图像效果
提示:“图层混合模式”的应用十分广泛,大至图像的混合叠加处理,小至图像上色,我们都用得上它!
[NextPage]
步骤2 合并图层
细心的读者可能会发现,经过上面的处理后在文字的边缘出现了一些不完整的方块,而这些方块在数码产品的显示屏中是不会出现的,我们可以用下面所说的方法除去这些瑕疵。首先在【图层面板】中,用鼠标把刚才建立的所有图层左边的链接框勾上(如图2-1-17所示),然后执行【图层】|【合并链接图层】命令,把它们合并为一个图层。效果如图2-1-18所示。
图 2-1-17 链接图层
图 2-1-18 合并图层
步骤3 调整“色阶”
执行【图像】|【调整】|【色阶…】命令,或者按快捷键Ctrl+L打开【色阶】对话框。把输入色阶参数分别设置为253,1.00和255(如图2-1-19所示),完成后按【好】按钮。这样我们就把那些难看的缺块去除掉了。效果如图2-1-20所示。
提示:色阶功能可以帮助我们对图像色彩的明暗分布进行细微的调整,以达到理想的效果。
图 2-1-19 调整色阶参数
图 2-1-20 改变色阶参数后的效果
步骤4 选中文字轮廓外的背景
现在,方块字的效果已经基本上做出来了。为了作进一步的处理,我们需要把方块字的轮廓从背景中分离出来。于是执行以下操作:选择【魔术棒工具】(如图2-1-21所示),然后用鼠标在图像的黑色部分点击,将图像中的黑色部分载入选区。效果如图2-1-22所示。为什么要这么做呢?跟着完成下一步操作后大家就明白了。
图 2-1-21 选择【魔术棒工具】
图 2-1-22 使用【魔术棒工具】制作选区
提示:【魔术棒工具】无处不在,只要是边缘对比明显的地方我们都可以用它来制作选区。
步骤5 复制图层
执行【选择】|【反选】命令把选区反转,然后再执行【图层】|【新建】|【通过拷贝的图层】命令。这时候我们再看看【图层面板】,知道怎么回事了吧?是的,通过刚才的操作,我们已经将文字从它的背景中分离出来了!这样,我们就可以自由的对分离出来的文字进行各种处理,而不用担心背景对它的影响了。这样的方法我们以后还会经常用到。现在的图像和图层分别如图2-1-23和图2-1-24所示。
图 2-1-23 处理后的图像效果
图 2-1-24 当前的图层结构
[NextPage]
步骤6 改编文字的颜色
用鼠标将【图层面板】中的“锁定透明像素”按钮按下(如图2-1-25所示),这样我们就可以随意改变文字的颜色而不会影响图像背景中的东西了。我们一起来试试看。首先选择一种自己喜欢的颜色,这里由于背景的颜色较深,我们可以选择如橙黄或者绿色之类的较为明亮的颜色。设好颜色之后,按组合键Alt+Backspace就可以改变文字的颜色了,怎么样,挺容易的吧?现在的效果如图2-1-26。
图 2-1-25 选择“锁定透明象素”选项
图 2-1-26 改变文字的颜色
4、为文字添加方格背底
步骤1 为文字添加黑色背底
现在,我们在背景上再做一些修饰,使数码文字的效果看起来更加逼真。新建一个图层(如图2-1-27所示),然后用鼠标在【图层面板】中将新建的图层拖到文字图层(【图层3】)的下方,如图2-1-28所示。
图 2-1-27 创建新图层
图 2-1-28 改变图层叠放顺序
在新建的图层上,我们用【矩形选框工具】(如图2-1-29所示)制作一个紧贴图像两边的矩形选区。然后用黑色填充选区。效果如图2-1-30所示。这里的选区范围即是我们将要制作背景的范围。
图 2-1-29 选择【矩形选框工具】
图 2-1-30 制作矩形选区
步骤2 填充
在这一步中,我们再次运用图案填充的方法,利用我们刚才建立好的图案把图像处理成如图2-1-31所示的效果。完成后执行【选择】|【取消选择】命令取消当前的选区。
提示:在刚开始学习Photoshop的时候,我们经常会忘记进行取消选择的操作,在未取消选区之前,我们所做的一切处理都只对选区内的图像起作用。
图 2-1-31 建立方格填充效果
[NextPage]
步骤3 调整背景的不透明度
是不是感觉有点不对劲呢?对,背景的颜色好像太亮了,以至把我们的主角都给遮盖住了!打开【图层面板】,选中刚刚处理的背景图层(该例中的图层4),然后用鼠标调节不透明度滑杆(如图2-1-32所示),将图层的“不透明度”设置为20%。完成后效果如图2-1-33所示,现在的效果看起来舒服多了。
图 2-1-32 调整图层的不透明度
图 2-1-33 改变不透明度参数后的图像效果
至此,数码方块字的制作就全部完成了,感觉不错吧?
举一反三:我们这里所介绍的图案填充的方法还可以用在很多方面,比如作文纸的制作、TV扫描线的制作等等,只要开动我们的脑筋,没有什么是做不到的!