我们本次使用破损的纸张形状和纸张纹理来创作这个纸质文字效果,看上去像个有皮套的笔记本。最终结果将是一个矢量形状,这样你可以随意拉伸到任意大小而不至于失真。希望这个字体设计的PS教程会让你熟悉常见的样式操作和字体创意设计:)
本教程所用到的素材及最终文件打包下载
【破损的纸张形状+皮革图案+纸张图案+胶带装饰+污渍效果+最终文件】打包下载
具体的制作步骤如下:
第1步:
新建一个PSD文档,输入你想要的文字,这里我使用的是Impact字体。你可以根据自己的喜好来定义画布与字体的尺寸。将文字图层命名为纸文字1。
第2步:
将纸文字1图层复制一层,命名为纸文字2。回到纸文字1图层,对其添加阴影,参数设置如下:
将纸文字1图层隐藏,点击纸文字2图层,右键点击,将文本转换为形状。
第3步:
使用路径选择工具选取所有字母形状,点击合并形状组件(CS6版本,其他版本点击合并按钮),将所有形状合并。将纸文字2图层复制一层备用,命名为纸文字3。
第4步:
接下来我们来创建撕裂的纸张效果,你需要下载这些破损的纸张形状。安装上之后,先用路径选择工具选择文字2图层中所有文字形状,然后选择自定义形状工具,在画布上右键点击,在弹出的菜单中选择合适形状。
将路径操作设置为"与形状区域相交",这样所绘制的自定义形状与文字形状相交的区域会被保留,其他区域被隐藏。
第5步:
为纸文字2图层添加渐变叠加图层样式,参数设置如下图:
然后为其添加阴影。
第6步:
利用备份的纸文字3图层,使用相同的方式,为其添加撕裂的效果。
再复制一层,命名为阴影层。将阴影层放到文字3图层的下方。为阴影层添加渐变叠加。
将阴影层栅格化,并执行滤镜>模糊>高斯模糊。
同样为纸文字3图层添加渐变叠加,按Ctrl+T,点击右键选择变形,调整好角度。
将文字3图层复制一层,命名为颜色图层,将其填充设置为0,为其添加渐变叠加图层样式。
第7步:
利用相同的方法在字母上部创建出撕纸的效果。
第8步:
创建笔记本皮革图层。先将文字形状图层复制一层,然后使用矩形工具将下部减去。
为其添加图层样式。
先添加斜面和浮雕样式。
添加颜色叠加:
添加图案叠加,此处用到的是皮革图案:
添加投影:
此时的结果:
第9步:
为字母添加纸张图案填充。
第10步:
添加胶带装饰(这里用的是自定义形状)。
第11步:
添加污渍效果及纹理背景,并调整光感。最终效果图。
原文地址: www.pspsd.com
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:15335158)分享实战经验。
设计微博:拥有粉丝量27万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
这么设计才好玩
已累计诞生 671 位幸运星
发表评论 已发布4条
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓