上周末,我给大家分享了一批撕纸与胶带素材,如果有小伙伴错过了,可以回顾一下:
光看一篇文章,可能很多人还是不了解能怎么用,导致素材在收藏夹里吃灰。
今天咱们就围绕撕纸与贴纸,给大家解析一下相关的设计思路与技法。
01. 撕纸素材的使用
撕纸风格在 PPT 中是比较小众的风格,一方面比较受限于素材,另一方面对内容与受众都有一定的要求。
撕纸素材,通常有如下几种作用:
作用一,在完整的画面中插入文字,展示了文字内容又不会太突兀
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-91a71d7e898ee289201e28dbde012883.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-65042ba3290c9a485f184ec6c0a2512c.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-ca479cb21fc50ad3b5e927abd362269e.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
作用二,表现出元素之间的对比关系,通常是色彩与画面的对比
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-365429e573616574e7c7b60293d9203b.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-cc75a2bcad1fce5ecbe59e0e6ef5b88a.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-12d58ae6a5c7e61b0dc28d81705ff0db.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
作用三,使用破格排版的思路,丰富页面的层次感
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-dd230e5c7efbd65264158c3ef3f8e175.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-19250ffed1ba7f2c634d7608dfb7ba7f.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-3e50055ba0e30ee773c43346a33e13da.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
以上几种使用思路,如果你觉得启发还不够,也可以去找更多的作品参考,思考归纳其中的共通点。
如果直接搜索撕纸风格,能找到的参考不多,建议使用关键词“拼贴风”搜索,能得到相对更准确的结果:
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-3b060313f3db62b254873b424e5c41c2.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-b28932464edcc59af11033172e37f0c6.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
需要注意的是,在 PPT 中使用撕纸风格,要尽可能考虑主题内容以及受众的喜好。
有些客户并不说你做的不好,也许只是单纯的不喜欢这风格。
在 PPT 里更适合体育、娱乐或者潮流时尚一些的主题,一般每页的内容不会太多。
往往是大字大图,否则处理之后撕纸效果会干扰内容,不利于阅读与识别。
02. 撕纸素材的来源
如果上周分享的撕纸样式不够用,也可以通过一些英文关键词,搜索找到更多素材资源:
torn papers, tear papers, ripped papers, paper rip, seamless paper 等
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-60a9f7b1779f4f64a36d7b62f9ee25c9.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
不过素材再怎么找,有时候也很难满足我们的需求。
如何改造素材,或者说有办法根据自己的需求制作素材,那就更贴心了!
接下来,咱们要进入稍微难一丁点的操作了,请坐稳扶好哦。
首先,你的电脑上需要有 Adobe Illustrator 这款软件,这是一款矢量图制作软件。
和 PPT 差不多,先新建一个文档
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-10b510e3609fa914c959ffeee8d73f45.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
之后,在窗口-画笔库中选择其他库
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-6603008292084cce48973f9a543cdb1e.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
打开我为大家准备好的矢量笔刷文件,公众号后台回复【撕纸笔刷】获取
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-26fe56c838446c586a408b2ce095015e.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
接下来,我们选择画笔工具,点击选择一个画笔,随意绘制:
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-ff5bcb5807ef6538f02232634be94fea.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
如果觉得形态不合适,按住 Shift+W 使用宽度工具调整宽度即可。
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-b582a72de11b5528083e8b286837922a.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
通过笔刷的方法,我们就能得到任意路径的定制撕纸效果了。
除了使用画笔直接画,也可以在 PPT 里画一个矢量形状,或者把文字转成矢量图,再复制到 AI 中应用画笔。
比如上周的封面图,里面沿着文字的撕纸效果,就是通过这种方法制作的。
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-1ebd7bf7cf6bc578d60054fb327e185f.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
学会自己造撕纸素材后,接下来就是相对比较简单的操作了。
我们先把撕纸素材摆放好,拼成自己所需的形状,可以通过修改图片亮度或重新着色来统一色彩。
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-9f678cbbd5bf53739247333a6a2c7534.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
接下来,使用任意多边形工具,沿着撕纸覆盖的区域绘制一个闭合形状。
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-5d670d2346c113f342f20dcf194e634f.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
填充颜色后,把撕纸图片放到色块的上方,就能形成撕纸效果了。
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-b8f1512358e09ef8a34cbd4890775003.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
最后,我们再放一张免抠 PNG 图,调整下面的撕纸置于最顶层,就变成了了这样:
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-0597e97d1eeceba4b16de2447e7d8d4e.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
这种看起来还可以的穿插效果,是不是很简单?
03. 贴纸效果的做法
贴纸效果,其实也比较好理解,边缘不规则的就是撕纸,边缘看起来比较平滑的就是贴纸啦。
举个例子,比如下图这样的,通常使用关键词 Stickers 能搜到海量素材。
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-ac39f36a35ba50592c6d469d491fa005.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
那我们如何在 PPT 中快速制作贴纸效果呢?
咱们用之前分享过的免费可商用插画为例吧,比如原图素材是这样的:
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-e7faa36a98b0d819daefedc8ae75655c.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
选中图片,我们把图片亮度调整到最低,变成纯黑色。
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-a3cef3f590bc937a6a200a21a9d51a2d.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
接下来,使用口袋动画插件-创意图形-矢量素描功能
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-229b0d90b64e64512528d0bd2e925c16.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-896bf4746c00b82e2e09895da0300f80.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
点击生成矢量形状,就能得到多个矢量图形:
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-a91ebc7bea6b183ccefb412e4e9cbbce.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
我们使用布尔运算中的结合,就能得到与原图等大的形状了。
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-826c457d336f76cb713a317d0c97111b.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
接下来,我们选中这个形状,加粗形状的线条宽度,比如这张图我们改成16:
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-5fb1523e606276aa6886934247fbb2e4.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
增加线条宽度后,再使用一次矢量素描功能,再次布尔运算结合。
为了对比明显,我把填充颜色改成黑色,看一下效果:
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-8220e6b5239856ff248c5fa5eefcf398.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
最后,我们只需要把得到的形状,改成白底,加上阴影,就能得到贴纸风格的素材了。
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-1a8d34e7cd39051bd07b27372dbea9b4.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
掌握了加粗线宽转矢量形状的思路,咱们不如再换个玩法?
比如,把得到的形状放在图片上方,再使用 OKPlus 插件的毛玻璃功能:
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-5c56afef48f93471f98ca649cbae32b6.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
看起来好像怪怪的,那要不咱们把毛玻璃效果放图片下面试试:
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-b34710801ab12ea54eca9732618a66a6.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
![关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!](https://tu.aboutppt.com/2021/04/frc-5d1d86cb4d2b52940166ec91e569472e.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
这样的稍微通透的贴纸效果,颜色稍稍会往外扩散,看起来是不是还不错?
背后的技法究竟如何,并不是那么重要,关键是,我们要学习掌握举一反三的思路。
最后问一句:无忌,我这套太极剑法,你记住了多少?
——
公众号:自律的音律
原文链接:关于PPT中的撕纸与贴纸效果,我想教你一些处理手法!