Photoshop制作文字破碎效果

导言：

这个教程中包含了一些相对简单的技术，并不是很难。在制作过程中你会发现只要有足够耐心，完成这个教程是相当容易的。当然了，所学是要用到实际工作中的，这个教程还是可以利用在一些设计项目中的，希望能给各位来带一定的启发作用。

第一步

打开Photoshop并新建文件，尺寸大小为1500x720像素，并填充为黑色。完成之后，我们来选择一个比较好看的字体输入文字，在这个教程中我选择的是Myriad Pro这个字体，颜色为白色，大小根据输入的字数来定。然后，将文字居中并栅格化。（图01）

图01

第二步

现在，我们已经有了一个栅格化的图层，在这里我将该图层取名为：ANIMO。现在是时候做一些编辑了，选择钢笔工具并确定是“路径模式”，因为在本次教程中我们并不是在“形状图层”模式下工作。接下来，在ANIMO图层上使用钢笔工具在字母上绘制线条，我们这里选择字母A，当路径闭合后点击鼠标右键建立选区，在弹出的对话框中将半径设置为0，然后确定。（图02、03）

图02

图03

接下来，选择编辑->剪切（Ctrl+X），然后再选择编辑->粘贴（Ctrl+V），这时被剪切的字母A的另一半会出现在新图层上。现在我们使用移动工具将另一半A挪动到你觉得合适的地方。（图04）

图04

第三步

在这一步，我们要让第二个字母有一个伸展的效果。首先，复制ANIMO图层，产生了一个ANIMO副本图层，我们将该图层隐藏显示。然后在ANIMO副本下新建一个图层并使用钢笔工具，在第二个字母上绘制一个三角形并填充为黑色。要确定的是将黑色填充在刚才新建的图层上哦。（图05）

图05

现在，这个黑色的三角就覆盖在了第二个字母之上，然后取消ANIMO副本图层的隐藏显示并在该图层上点击右键，创建剪贴蒙版（Ctrl+Alt+G）。现在你还看不到什么变化，当你使用移动工具来移动ANIMO副本图层时，你将会看到第二个字母产生的变化。接下来，就根据你的喜好来放置它的位置了。（图06）

图06

第四步

现在我们解决了第二个字母。用之前同样的方法对后面几个字母进行移动删除等工作。再简短地贯穿一下步骤：确定是在ANIMO图层上使用钢笔工具，选择是你想移动的部分，并通过剪切（Ctrl+X）然后粘贴（Ctrl+V）创建新图层，然后使用移动工具去转变形状的分布。接下来的时间就交给自己去慢慢移动这些字母吧。下面的图是我自己随意移动的，当然你也可以有不同的改变。现在我们已经将所有字母完全切片了。（图07）

图07

第五步

我们要进入此次教程中相对困难的一步，我们要导入素材图片让碎块增添一点趣味。首先我们要给文字增添混凝土类型的材质，我使用的是24 High-Res Concrete Textures，在Photoshop中打开一张你认为可以的图片，然后拖入到我们工作的画布中，将该图层置于最上一层，再将混合选项改为变暗。

下来我们要做一些集中，你要按住Ctrl+Shift在右侧的图层列表中依次选取每个图层。（图08）

图08

现在点选素材图片的那个图层，然后在图层列表的下方点击 添加矢量蒙版。（图09、10）

图09

图10

第六步

现在这些碎片看起来不怎么吸引人，但是我们要来将它们做一些改变。还是在素材图片的图层，然后选择加深工具，将曝光度调整为50%，将各个字母的边缘部分做相应的加深。程度根据个人喜好以及整体视觉效果最佳为主要依据。（图11）

图11

第七步

现在选择图层->新建调整图层->亮度/对比度，设置的亮度和对比度根据情况适当调节。然后，我们选择任意一个字母碎片的图层，进入图层混合模式，按照下图的参数来设置。（图12）

图12

现在复制该图层的图层样式，多选所有的碎片字母图层。然后在任意一个图层点击右键粘贴图层样式。（图13）

图13

第八步

现在我们将图片素材Smashed Glass by Ryan Cooley放置在最上一个图层，设置图层样式为线性减淡，并且将图片去色。到这里就结束了。（图14）

图14