季枫红 发表于 2016-3-7 21:12:11

撕裂的文本效果字体教程

今天这个教程很简单，主要考验你钢笔工具的熟练度和蒙版的运用，30分钟就可以学会特别流行的纸边撕裂效果，素材已打包，新手来收！素材链接：
http://pan.baidu.com/s/1i3Vcx0p
密码：1ydj效果图：
http://pic.16xx8.com/allimg/160223/0252525956-0.jpg

http://pic.16xx8.com/allimg/160223/025252H35-1.jpg

http://pic.16xx8.com/allimg/160223/025252L37-2.jpg
作者：ChloeRowe林雅诺 出处：优设

季枫红 发表于 2016-3-7 21:12:11

步骤1我们要新建600*400的图层，具体设置如图所示哦"
http://pic.16xx8.com/allimg/160223/0252522340-3.jpg
步骤2

季枫红 发表于 2016-3-7 21:12:11

然后打上“Wirte”，设置文字的颜色为#FFE5CD，大小为140px"
http://pic.16xx8.com/allimg/160223/0252524322-4.jpg

http://pic.16xx8.com/allimg/160223/0252522932-5.jpg
步骤3

季枫红 发表于 2016-3-7 21:12:11

现在我们打开图层样式，参数设置如下图所示：投影，正常，透明度20%，角度90°，距离2px，大小1px内发光，正常，透明度7%，颜色#000000，柔软，边缘，大小：15px
http://pic.16xx8.com/allimg/160223/0252525464-6.jpg

http://pic.16xx8.com/allimg/160223/0252521513-7.jpg

http://pic.16xx8.com/allimg/160223/0252522522-8.jpg

季枫红 发表于 2016-3-7 21:12:11

步骤4然后捏，我们用“Ctrl+J”来复制一层文本，并把填充改变成0%"再打开图层样式设置参数"=W=投影，正常，透明度25%，角度90°，距离3px，大小8px
http://pic.16xx8.com/allimg/160223/0252522L3-9.jpg

http://pic.16xx8.com/allimg/160223/02525254b-10.jpg

季枫红 发表于 2016-3-7 21:12:11

步骤5这一步我们要将前景色改变成#804C1C哦，使用矩形工具，创建一个522*15px大小的长条矩形，如图所示。然后选出文字选区，再在长条矩形图层添加蒙版，效果就如图3所示那样啦"
http://pic.16xx8.com/allimg/160223/0252524E4-11.jpg

http://pic.16xx8.com/allimg/160223/025252F18-12.jpg

http://pic.16xx8.com/allimg/160223/025252CV-13.jpg

季枫红 发表于 2016-3-7 21:12:11

步骤6打开图层样式，参数设置如下：
http://pic.16xx8.com/allimg/160223/025252O24-14.jpg

季枫红 发表于 2016-3-7 21:12:11

投影，正常，透明度40%，角度90°，距离2px，大小1px
http://pic.16xx8.com/allimg/160223/0252521061-15.jpg

季枫红 发表于 2016-3-7 21:12:11

渐变叠加，透明度100%，线性，角度90°，全局光，颜色#734418，#804c1c
http://pic.16xx8.com/allimg/160223/0252522D3-16.jpg

季枫红 发表于 2016-3-7 21:12:11

内发光，柔光，透明度15%，颜色#000000，柔和，边缘，大小10px
http://pic.16xx8.com/allimg/160223/02525240B-17.jpg

季枫红 发表于 2016-3-7 21:12:11

步骤7接下来呢再来复制一层你的文字，然后清除图层样式，右键转换为形状，改变颜色为绿色#389149
http://pic.16xx8.com/allimg/160223/0252523011-18.jpg

季枫红 发表于 2016-3-7 21:12:11

步骤8这一步一定要确保绿色字图层是被选中的哦！然后我们就来使用钢笔工具来添加锚点啦！具体在哪里添加，如下一系列图所示哟"O(∩_∩)O哈哈"
http://pic.16xx8.com/allimg/160223/0252523F3-19.jpg

http://pic.16xx8.com/allimg/160223/0252526426-20.jpg

http://pic.16xx8.com/allimg/160223/0252523541-21.jpg

http://pic.16xx8.com/allimg/160223/0252523H4-22.jpg

http://pic.16xx8.com/allimg/160223/0252523Y3-23.jpg

季枫红 发表于 2016-3-7 21:12:11

步骤9现在我们来运用路径选择工具，在绿色字上选择我们刚用钢笔工具画好的形状，然后选择减去顶层图层"制作出底边撕碎纸张的效果哦"
http://pic.16xx8.com/allimg/160223/0252525013-24.jpg

http://pic.16xx8.com/allimg/160223/025252E36-25.jpg

季枫红 发表于 2016-3-7 21:12:11

步骤10选择添加锚点公开，确保你的绿色字图层是被选中的"然后我们在绿色文字上添加锚点，如图1所示。现在我们再来用直接选择工具选择如图3所示的锚点，向右移动2-3次！
http://pic.16xx8.com/allimg/160223/025252A51-26.jpg

http://pic.16xx8.com/allimg/160223/0252524427-27.jpg

http://pic.16xx8.com/allimg/160223/0252522123-28.jpg

季枫红 发表于 2016-3-7 21:12:11

步骤11导入纸张素材，然后改变其大小为500*308px，选中我们的绿色文字，然后添加一个蒙版，回到图层，我们将绿色字体的填充改变成0%，将纸张图层放置在棕色形状的下方就可以了"
http://pic.16xx8.com/allimg/160223/0252523326-29.jpg

http://pic.16xx8.com/allimg/160223/0252521R8-30.jpg

http://pic.16xx8.com/allimg/160223/0252523607-31.jpg
页: [1] 2 3
查看完整版本: 撕裂的文本效果字体教程