当前位置:首页>ps入门教程>ps文字教程>普通字效>教程内容

纸张效果,类似纸张撕裂的文本字文字效果(8)

来源:优设 作者:ChloeRowe林雅诺 学习:7566人次

今天这个教程很简单,主要考验你钢笔工具的熟练度和蒙版的运用,30分钟就可以学会特别流行的纸边撕裂效果,素材已打包,新手来收!

素材链接:http://pan.baidu.com/s/1i3Vcx0p 密码:1ydj

效果图:

www.16xx8.com_0252525956-0.jpg

www.16xx8.com_025252H35-1.jpg

www.16xx8.com_025252L37-2.jpg

步骤1

我们要新建600*400的图层,具体设置如图所示哦~

www.16xx8.com_0252522340-3.jpg

步骤2

然后打上“Wirte”,设置文字的颜色为#FFE5CD,大小为140px~

www.16xx8.com_0252524322-4.jpg

www.16xx8.com_0252522932-5.jpg

步骤3

现在我们打开图层样式,参数设置如下图所示:

投影,正常,透明度20%,角度90°,距离2px,大小1px

内发光,正常,透明度7%,颜色#000000,柔软,边缘,大小:15px

www.16xx8.com_0252525464-6.jpg

www.16xx8.com_0252521513-7.jpg

www.16xx8.com_0252522522-8.jpg

步骤4

然后捏,我们用“Ctrl+J”来复制一层文本,并把填充改变成0%~再打开图层样式设置参数~=W=

投影,正常,透明度25%,角度90°,距离3px,大小8px

www.16xx8.com_0252522L3-9.jpg

www.16xx8.com_02525254b-10.jpg

步骤5

这一步我们要将前景色改变成#804C1C哦,使用矩形工具,创建一个522*15px大小的长条矩形,如图所示。然后选出文字选区,再在长条矩形图层添加蒙版,效果就如图3所示那样啦~

www.16xx8.com_0252524E4-11.jpg

www.16xx8.com_025252F18-12.jpg

www.16xx8.com_025252CV-13.jpg

步骤6

打开图层样式,参数设置如下:

www.16xx8.com_025252O24-14.jpg

投影,正常,透明度40%,角度90°,距离2px,大小1px

www.16xx8.com_0252521061-15.jpg

渐变叠加,透明度100%,线性,角度90°,全局光,颜色#734418,#804c1c

www.16xx8.com_0252522D3-16.jpg

内发光,柔光,透明度15%,颜色#000000,柔和,边缘,大小10px

www.16xx8.com_02525240B-17.jpg

步骤7

接下来呢再来复制一层你的文字,然后清除图层样式,右键转换为形状,改变颜色为绿色#389149

www.16xx8.com_0252523011-18.jpg

步骤8

这一步一定要确保绿色字图层是被选中的哦!然后我们就来使用钢笔工具来添加锚点啦!具体在哪里添加,如下一系列图所示哟~O(∩_∩)O哈哈~

www.16xx8.com_0252523F3-19.jpg

www.16xx8.com_0252526426-20.jpg

www.16xx8.com_0252523541-21.jpg

www.16xx8.com_0252523H4-22.jpg

www.16xx8.com_0252523Y3-23.jpg

步骤9

现在我们来运用路径选择工具,在绿色字上选择我们刚用钢笔工具画好的形状,然后选择减去顶层图层~制作出底边撕碎纸张的效果哦~

www.16xx8.com_0252525013-24.jpg

www.16xx8.com_025252E36-25.jpg

步骤10

选择添加锚点公开,确保你的绿色字图层是被选中的~然后我们在绿色文字上添加锚点,如图1所示。

现在我们再来用直接选择工具选择如图3所示的锚点,向右移动2-3次!

www.16xx8.com_025252A51-26.jpg

www.16xx8.com_0252524427-27.jpg

www.16xx8.com_0252522123-28.jpg

步骤11

导入纸张素材,然后改变其大小为500*308px,选中我们的绿色文字,然后添加一个蒙版,

回到图层,我们将绿色字体的填充改变成0%,将纸张图层放置在棕色形状的下方就可以了~

www.16xx8.com_0252523326-29.jpg

www.16xx8.com_0252521R8-30.jpg

www.16xx8.com_0252523607-31.jpg

步骤12

现在我们就来打开图层样式,参数如下图所示:

www.16xx8.com_0252521Q8-32.jpg

投影,正常,颜色#000000,透明度30%,角度90°,距离1px,大小2px

www.16xx8.com_02525225E-33.jpg

光泽,柔光,颜色#000000,透明度55%,角度0°,距离11px,大小14px,反相。

www.16xx8.com_0252524164-34.jpg

步骤13

之后我们把前景色改变为#E4F8FF,使用钢笔工具画出如图所示的形状~该图层一定要在棕色形状之下哦!

www.16xx8.com_025252E44-35.jpg

www.16xx8.com_0252524M3-36.jpg

www.16xx8.com_02525244R-37.jpg

www.16xx8.com_0252524P6-38.jpg

www.16xx8.com_0252525T6-39.jpg

www.16xx8.com_0252524G4-40.jpg

步骤14

选出绿色字体的选区,然后添加蒙版~?(^?^*)

www.16xx8.com_0252522a1-41.jpg

www.16xx8.com_0252521249-42.jpg

步骤15

打开图层样式,参数设置如下~

www.16xx8.com_025252N21-43.jpg

投影,正常,透明度30%,角度90°,距离1px,大小1px

www.16xx8.com_025252I21-44.jpg

内发光,正常,透明度5%,颜色#000000,柔和,边缘,大小8px

www.16xx8.com_0252523024-45.jpg

步骤16

然后我们把前景色改变成黑色#000000,使用矩形工具新建50*80px、30*80px、60*70px和22*44px的矩形~

然后改变角度,和如图2所示一样!

www.16xx8.com_025252E51-46.jpg

www.16xx8.com_02525243E-47.jpg

步骤17

现在我们回到图层面板,将所有的黑色图形合并后再将其转化成智能对象,再去滤镜>扭曲>波纹,数量为100%,大小选择大,然后确定就可以了~

www.16xx8.com_02525235G-48.jpg

www.16xx8.com_025252J54-49.jpg

步骤18

这里我们再来导入一次纸张素材,改变 其大小为522*351px~

选出黑色图形的选区,添加蒙版,再把黑色图形的填充改为0%~

www.16xx8.com_025252HS-50.jpg

www.16xx8.com_025252FA-51.jpg

www.16xx8.com_0252523L4-52.jpg

步骤19

打开图层 样式,然后参数设置如下 :

www.16xx8.com_0252524M2-53.jpg

投影,正常,颜色#000000,角度90°,距离1px,大小2px

www.16xx8.com_0252521626-54.jpg

内发光,柔光,透明度100%,颜色#000000,柔和,边缘,大小2px

www.16xx8.com_02525213b-55.jpg

步骤20

最后我们来添加背景色就完工啦!

填充 #678F84,打开图层样式,参数设置如下:

www.16xx8.com_0252524563-56.jpg

图案叠加,纸张颜色,选择蓝色的图案!

www.16xx8.com_025252J61-57.jpg

内发光,柔光,透明度70%,颜色#000000,柔光,边缘,大小140px

www.16xx8.com_0252522227-58.jpg

步骤21

你可以设置不同背景图,可以设置成#D3C2B4,再改变图层样式就可以啦!

www.16xx8.com_025252DP-59.jpg

www.16xx8.com_0252522K0-60.jpg

内发光,叠加,透明度90%,柔和,边缘,阻塞10%,大小140px

www.16xx8.com_025252H59-61.jpg

步骤22

这个背景图层的颜色为#AECCE6,打开图层样式,参数设置改改~

www.16xx8.com_02525253U-62.jpg

柔光,透明度70%

www.16xx8.com_0252524214-63.jpg

www.16xx8.com_02525251D-64.jpg

最终效果:

www.16xx8.com_025252H35-1.jpg

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!