如果您喜欢『PS学习网』,请推荐给您身边的朋友!本站永久域名:www.ps-xxw.cn
当前位置 : PS学习网 > 文字效果 > 正文

制作碎边方格纸张文字图片的PS教程

来源:网络作者:网络时间:2016-3-18 21:55:43点击:

效果图制作思路有点类似日历,分为多层,都是由不同的纸张构成;纸张部分直接用图层样式或纸张素材做出来,局部用钢笔勾出碎边,并用蒙版控制好范围即可。最终效果

制作碎边方格纸张文字图片的PS教程 

制作碎边方格纸张文字图片的PS教程 

制作碎边方格纸张文字图片的PS教程 

 

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

制作碎边方格纸张文字图片的PS教程

 

二、然后打上“Write”,设置文字的颜色为#FFE5CD,大小为140px。

制作碎边方格纸张文字图片的PS教程

制作碎边方格纸张文字图片的PS教程

 

三、现在我们打开图层样式,参数设置如下图所示: 投影:正常,透明度20%,角度90°,距离2px,大小1px。

制作碎边方格纸张文字图片的PS教程

 

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

制作碎边方格纸张文字图片的PS教程

制作碎边方格纸张文字图片的PS教程

 

四、然后捏,我们用“Ctrl+J”来复制一层文本,并把填充改变成0%~再打开图层样式设置参数~ 投影,正常,透明度25%,角度90°,距离3px,大小8px。

制作碎边方格纸张文字图片的PS教程

制作碎边方格纸张文字图片的PS教程

 

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

制作碎边方格纸张文字图片的PS教程

制作碎边方格纸张文字图片的PS教程

制作碎边方格纸张文字图片的PS教程

 

六、打开图层样式,参数设置如下。 投影,正常,透明度40%,角度90°,距离2px,大小1px。

制作碎边方格纸张文字图片的PS教程

 

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

制作碎边方格纸张文字图片的PS教程

 

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

制作碎边方格纸张文字图片的PS教程

制作碎边方格纸张文字图片的PS教程

 

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

制作碎边方格纸张文字图片的PS教程

 

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

制作碎边方格纸张文字图片的PS教程

制作碎边方格纸张文字图片的PS教程

制作碎边方格纸张文字图片的PS教程

制作碎边方格纸张文字图片的PS教程

制作碎边方格纸张文字图片的PS教程

 

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

制作碎边方格纸张文字图片的PS教程

制作碎边方格纸张文字图片的PS教程

 

十、选择添加锚点公开,确保你的绿色字图层是被选中的~然后我们在绿色文字上添加锚点,如图1所示。现在我们再来用直接选择工具选择如图3所示的锚点,向右移动2-3次。

制作碎边方格纸张文字图片的PS教程

制作碎边方格纸张文字图片的PS教程

制作碎边方格纸张文字图片的PS教程

 

十一、导入纸张素材,然后改变其大小为500*308px,选中我们的绿色文字,然后添加一个蒙版,回到图层,我们将绿色字体的填充改变成0%,将纸张图层放置在棕色形状的下方就可以了。

制作碎边方格纸张文字图片的PS教程

制作碎边方格纸张文字图片的PS教程

制作碎边方格纸张文字图片的PS教程

制作碎边方格纸张文字图片的PS教程

 

十二、现在我们就来打开图层样式,参数如下图所示。 投影,正常,颜色#000000,透明度30%,角度90°,距离1px,大小2px。

制作碎边方格纸张文字图片的PS教程

 

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

制作碎边方格纸张文字图片的PS教程

制作碎边方格纸张文字图片的PS教程

本站公告
  PS学习网是一个专业的学习交流Photoshop的网站,本站致力于向广大PS爱好者提供一个学习与交流的平台,想要学习提高自己的PS水平,马上从这里开始吧…
  Photoshop 8.0免费下载地址
  Photoshop CS2免费下载地址
  Photoshop CS3免费下载地址
  Photoshop基础入门视频教程
  Photoshop CS5软件视频教程