火星网校
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
上一篇 国外广告合成过程(二)
下一篇 单反相机图标制作过程
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
本文主要介绍和对比了几所知名的交互设计师培训机构，专业、全面、详细的解析帮助你选择更适合自己的培训路径。
-
在这篇文章中，我们为你介绍一些优质的UI设计培训机构，让你从众多选择中找出一条适合自己的学习道路。
-
深入探讨UE5可视化的学习路径，分享如何掌握关键技能和策略，帮助你领略UE5可视化制作的魅力。
-
探索UE5智慧城市师培训课程为设计师和开发者描绘智慧城市的技术引擎，利用UE5技术创造更加智能高效的城市
-
本文介绍了UE5模拟仿真师的培训课程，为零基础的学员详解UE5的使用方法和实战技巧，助力学员蜕变成为专业的模拟仿真师。
-
本文详细介绍了UE5设计入门培训班的相关内容，帮助你更好地理解和认识UE5设计，并为你解锁游戏设计的新视觉。
