我们本次使用破损的纸张形状和纸张纹理来创作这个纸质文字效果,看上去像个有皮套的笔记本。最终结果将是一个矢量形状,这样你可以随意拉伸到任意大小而不至于失真。希望这个字体设计PS教程会让你熟悉常见的样式操作和字体创意设计:)

PS教程:制作贴纸效果的创意字体

本教程所用到的素材及最终文件打包下载

【破损的纸张形状+皮革图案+纸张图案+胶带装饰+污渍效果+最终文件】打包下载

具体的制作步骤如下:

第1步:
新建一个PSD文档,输入你想要的文字,这里我使用的是Impact字体。你可以根据自己的喜好来定义画布与字体的尺寸。将文字图层命名为纸文字1。

PS教程:制作贴纸效果的创意字体

第2步:
将纸文字1图层复制一层,命名为纸文字2。回到纸文字1图层,对其添加阴影,参数设置如下:

PS教程:制作贴纸效果的创意字体

将纸文字1图层隐藏,点击纸文字2图层,右键点击,将文本转换为形状。

PS教程:制作贴纸效果的创意字体

第3步:
使用路径选择工具选取所有字母形状,点击合并形状组件(CS6版本,其他版本点击合并按钮),将所有形状合并。将纸文字2图层复制一层备用,命名为纸文字3。

PS教程:制作贴纸效果的创意字体

第4步:
接下来我们来创建撕裂的纸张效果,你需要下载这些破损的纸张形状。安装上之后,先用路径选择工具选择文字2图层中所有文字形状,然后选择自定义形状工具,在画布上右键点击,在弹出的菜单中选择合适形状。

PS教程:制作贴纸效果的创意字体

将路径操作设置为"与形状区域相交",这样所绘制的自定义形状与文字形状相交的区域会被保留,其他区域被隐藏。

PS教程:制作贴纸效果的创意字体
PS教程:制作贴纸效果的创意字体
PS教程:制作贴纸效果的创意字体

第5步:
为纸文字2图层添加渐变叠加图层样式,参数设置如下图:

PS教程:制作贴纸效果的创意字体

然后为其添加阴影。

PS教程:制作贴纸效果的创意字体

第6步:
利用备份的纸文字3图层,使用相同的方式,为其添加撕裂的效果。

PS教程:制作贴纸效果的创意字体

再复制一层,命名为阴影层。将阴影层放到文字3图层的下方。为阴影层添加渐变叠加。

PS教程:制作贴纸效果的创意字体

将阴影层栅格化,并执行滤镜>模糊>高斯模糊。

PS教程:制作贴纸效果的创意字体

同样为纸文字3图层添加渐变叠加,按Ctrl+T,点击右键选择变形,调整好角度。

PS教程:制作贴纸效果的创意字体

将文字3图层复制一层,命名为颜色图层,将其填充设置为0,为其添加渐变叠加图层样式。

PS教程:制作贴纸效果的创意字体

第7步:
利用相同的方法在字母上部创建出撕纸的效果。

PS教程:制作贴纸效果的创意字体

第8步:
创建笔记本皮革图层。先将文字形状图层复制一层,然后使用矩形工具将下部减去。

PS教程:制作贴纸效果的创意字体

为其添加图层样式。
先添加斜面和浮雕样式。

PS教程:制作贴纸效果的创意字体

添加颜色叠加:

PS教程:制作贴纸效果的创意字体

添加图案叠加,此处用到的是皮革图案:

PS教程:制作贴纸效果的创意字体

添加投影:

PS教程:制作贴纸效果的创意字体

此时的结果:

PS教程:制作贴纸效果的创意字体

第9步:
为字母添加纸张图案填充。

PS教程:制作贴纸效果的创意字体

第10步:
添加胶带装饰(这里用的是自定义形状)。

PS教程:制作贴纸效果的创意字体

第11步:
添加污渍效果及纹理背景,并调整光感。最终效果图。

PS教程:制作贴纸效果的创意字体

原文地址: www.pspsd.com
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。

【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:15335158)分享实战经验。
设计微博:拥有粉丝量27万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

PS教程:制作贴纸效果的创意字体

收藏 4
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。