2d教程:利用Photoshop制作文字破碎效果

修改
鏉ユ簮: 爷⑤-缺德 浏览 3316 日期 2011-10-27 0

第一步

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

图01

第二步

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

[next]

图02

图03

接下来,选择编辑->剪切(ctrl+x),然后再选择编辑->粘贴(ctrl+v),这时被剪切的字母a的另一半会出现在新图层上。现在我们使用移动工具将另一半a挪动到你觉得合适的地方。(图04)

图04

第三步

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

图05

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

[next]

图06

第四步

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

图07

第五步

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

[next]

下来我们要做一些集中,你要按住ctrl+shift在右侧的图层列表中依次选取每个图层。(图08)

图08

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

图09

图10

第六步

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

图11

第七步

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

[next]

图12

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

图13

第八步

现在我们将图片素材smashed glass by ryan cooley放置在最上一个图层,设置图层样式为线性减淡,并且将图片去色。到这里就结束了。(图14)

图14

评论

{{ username ? username.charAt(0).toUpperCase() : '?' }}
Ctrl+Enter 发布
{{ (c.username || c.author_name || '?').charAt(0).toUpperCase() }}
{{ c.username || c.author_name }} {{ Utils.formatDate(c.created_at) }}