antd tooltip里面的图片被遮挡_【遮挡】一个PPT大神们都在用的神仙技巧!

d6dd3e38b13b7cc4bd733ab2b60e4671.png

文章 | 跟我学个P(ID:PPTlearning)

作者 | 小木Arvin

编辑 | SsGuanzxX-

嗨,各位木友们好呀,我是小木。 今天,我要给大家介绍一个相当吊的PPT技法——「遮挡法」! 听到遮挡这两个字,也许你以为我又要使出什么花里胡哨的装 P 手法了,骚年们莫慌,其实这个技巧你平时在做 PPT 时肯定已经不知不觉地用过了… 比如最常见的“蒙版”——当你觉得背景太过复杂影响到了内容的辨识度时,你可能会在背景上盖上一个蒙版(也就是半透明的形状),用来降低背景对内容的影响。 before fd4b0aec598f149a5bd269a8420c1702.png c5b096b31eb3241d87d4b6653d20a713.png After e05ac77ea22f575eaed9f9bce63ef0c6.png a654d9ef07004bf1a98c0b4a439dd950.png 还有我逢人就推荐的“多层文字”,也是用到了遮挡的技巧——将多个颜色不同的文本框叠加在一起,你可以做出相当奥利给的抖音风以及立体字效: 447dcb124a76c8c5cd1741c8c6572681.png 96caee1284f538e2cb91178acb7e6079.png 当然了,以上这两种效果,只能算是「遮挡」家族里最不能打的两个弟弟,下面这三种效果才能说是王牌技师般的存在!
  • 形状遮挡
  • 图表遮挡
  • 图片遮挡
01. 形状遮挡 很多人都不理解,为什么有人愿意把大把大把的秀发用到 PPT 这玩意儿身上,认真学学 PS 它不香吗? 对此我只能说…那是因为你没有体验过 PPT 比 PS 还要香的地方… 比如下面这种形状遮挡+动画效果: f3deb4a7c468a93fa53cb56205683ec7.gif c02e4e27ce1b22e86dfa132f874d1e60.gif 像这些效果,你用 PS 要是能做出来的话,我当场就把我脚上的这双假 AJ 给吃了! 那么现在问题来了:这种让“我不管反正 PS 最吊”党无言以怼的效果是怎么用 PPT 做出来的? 1.1 图片局部放大动画 0dc2ff4fb2d928a0783576d4c783d8ef.gif 像上面这张局部放大图片的动画效果,其实只用到了两个技巧: 合并形状+平滑切换。 1)首先,插入一个矩形,让其覆盖住整个 PPT 页面,再插入一个圆形对话框的形状: 4e67b8ecd5d4c0b2e8ab396e546d2c24.png 2)按住【Ctrl】键,先选中矩形再选中圆形(选中的顺序不可变),点击【格式】-【合并形状】-【剪除】: 0da3922e5c9160ae45ab6f6af0bf1a0d.png 现在你就能得到下面这个镂空的形状了: 9299ecf79594d0b9e2a011791d5c791b.png 按照同样的方法再剪多一个形状出来,修改一下颜色,并让二者重叠在一起: 236f14f17cd33a63b6115ba032ce3d76.png 3)插入图片后,右击图片,点击【置于底层】,并将图片调整到合适的尺寸即可: 2478179281ecc7a24e0eaadeaea87bcb.png 4)将这页 PPT 再复制多一张出来: 13dec58f66c01bdf5a8bec46e1dc15e5.png 在新复制出来的这页 PPT 里再把图片的局部放大,并调整好位置: f9d87cdf568a9e0eb52fc8d11a815bcd.png 5)最后,为这张新复制出来的这页 PPT(也就是第二张 PPT )设置【平滑】切换效果: 2e9f3aa52b6cba9e15339427791bcb42.png 现在回到第一张 PPT ,点击放映按钮,见证奇迹的时刻就到了… 0979ade82c2eeae8279e5027ebad3043.gif 要是你觉得这个动画还不够帅,那也不慌,更帅的还有! 1.2 波浪水纹动画 f3deb4a7c468a93fa53cb56205683ec7.gif 像上面这张波浪水纹的动画,也是用到了遮挡的原理,以及【平滑】的切换效果,只不过是把图片换成了 PPT 里自带的波浪形状而已。 15b6929bc5e73de387184d88c2f79e36.png 我把源文件拆解一下,相信机智的你们一看就能明白发生了什么了: f74b08d4737450350db9b9b4fd67c659.gif 看懂了吗? 1)先插入两个形状,盖住整个 PPT 页面,再插入一个水滴形状,放到右侧的形状上方: d566426b6d369dee7fa7f07fdc05961d.png 用【合并形状】里的【剪除】功能,将右侧的形状剪出一个镂空的水滴形状: 37d2d45c04e4af7c073788016bae6686.png 2)插入多个波浪形状,把它们组合到一起后再放在页面左侧,并右击波浪形状将其【置于底层】; 8d86dfaeefd7408712d9bba4f4c9f1cd.png 3)把这页 PPT 再复制多一页出来,在新复制出来的这页 PPT ,将波浪素材移动到页面右侧: 54c49a5fb3a9e81981f611050f573244.png 4)为新复制出来的这页 PPT 设置【平滑】切换效果,搞定! 969de8a58a3fd05d07a70037e2d7aab5.gif 看完了是不是发现这种动画的原理原来这么简单! 这种骗鬼的手段,以前的你居然没有看穿,现在不拔两根腿毛警醒一下自己,你觉得说得过去吗! 不过,很遗憾的是【平滑】功能只有 office 2019 跟 365 才有... 也就是说,还在用低版本的小伙伴是没有机会装这个 P 的… 但是你也不用感到灰心,因为仅仅只是利用这个镂空跟遮挡的原理,你还是可以做出像下面这种帅气的排版效果的: 204ad4a38afa2f456aab0281b8194bc3.png logo展示页 6deed31975b852fa2fd59febe5d41963.png 图片展示页 76368f77c329760f4655d5a9e0563aa2.png 图表展示页 02. 图表遮挡 不久之前,我曾用这样一张 PPT 图表,蛊惑了无数的少女少男跳进 PPT 的大坑里: 851aaf5e3df11998728661e7b299a1a5.png 今天我又给大家带来了这张图表的进阶版: d3cc5ac557c4cf77b4df20ed6dcb501b.png 以上这些看似花里胡哨的图表,其实做起来比倒立吃麻辣烫要简单得多! 因为这种图表的制作其实也只是应用到了遮挡的技巧而已~ 13d59e3c93ca555e714a80fa951b6807.gif 1)首先,去觅元素网下载两张尺寸差不多大的免抠图片,插入到 PPT 中,并各自复制多一张图片出来,将复制出来的图片的颜色改成黑白色,最终得到下面四张图片: 1b8543beed7e5a8fd659457b04d83e3a.png 怎么把图片的颜色改为黑白色? 很简单,选中图片,点击【图片格式】-【颜色】-选择【饱和度】为 0 的图片即可: 56f6bb328c24c1ddd922db6cb9888daa.png 2)接着,点击【插入】-【图表】-【柱形图】,插入一个普通的柱形图: e951d3c6350be5db2cc9bf13a7053853.png 3)右击图表-【编辑数据】-将表格里的数据改成下面这样: 7b5a7d9b5c9f606829f9597ad8aa3e15.png 然后你就能看到图表变成了下面这个样子: 546697b8d2dca2263aa0f4b628fdb606.png 4)现在重点来了,选中一张黑白的图片,按【Ctrl+C】,然后单击那根较高的柱形(也就是蓝色的那根),按【Ctrl+V】,你就能看到图片被“粘贴”进了图表里: f39fa1508a5a5fd77ef47f522dc8e7b0.png 按照同样的方法,将彩色的图片粘贴进旁边的柱形里: 9026ba3b373cc7e7f691aaac67a16dcb.png 5)最后,随便右击一根柱形,点击【设置数据系列格式】-【系列选项】-将【系列重叠】的数值改为 100 %: e16da2ed9a61a3e3a0aa536549f61ea5.png 现在你就能看到图表中的两组柱形都重叠到了一起! b8d6b10c5bf7e13af77b5d0cd73a04ff.png 不过,从上图你可以看到,图片现在都是变形的,该咋办? 6)随便选中某一根柱形,右击该柱形,点击【设置数据点格式】-【填充】-将【伸展】改为【层叠】: 603220a802148a92b23226dcaf005a0d.png 注意:右击的时候注意看你是选中了一根还是两根柱形,这点不能搞错,否则是不会出现【层叠】的菜单的。 点击完【层叠】以后,此时你会看到多张图片层叠了在一起: 30ce7af8684994ee5dc90240f7fbf9ac.png 现在随便右击一根柱形,点击【设置数据系列格式】-【系列选项】-随便调整一下【间隙宽度】的数值,直至只留下一张完整的黑白图片即可: f626981f606e81cf8dc0ba516f81df15.png 动图示范: 5e4e693bdac8035df2ac2e919e9e639f.gif 39a02a6224d293cf955be3ccc416c9a5.png 注意:如果你发现怎么调都没法把多余的图片去掉,你可以试试拉伸一下图表,调整图表的大小。 最后再去掉那些乱七八糟的标题跟坐标轴啥的,稍微美化一下,你就能做出下面这张 PPT 了: d3cc5ac557c4cf77b4df20ed6dcb501b.png 这种图表强的地方不在于长得比较有创意,而在于可编辑性!如果你修改图表里的数据,图表就能跟着数据自动变化: 6c89b8d03da5979b0734db1950219072.gif 好了,我已经准备好了,你可以开始夸我帅了… 03. 图片遮挡 所谓的图片遮挡,指的就是下面这些穿插效果: fbf1b1816482561131db831858caf7a7.png 11b641aca1d11455e5447dbb65b41097.png 4c239742cbdec79c72b9f41d281ebc1d.png 看起来好像很吊的样子有木有! 但是如果我拆解一下源文件给你看的话,你可能就会有一种“又被我这个渣男的障眼法给骗了”的感觉… 05d736a91b24f14a73a7770aa87ab0e3.gif 动图:拆解源文件 就拿那张山峰的图片来讲解一下具体的制作步骤好了~ 1)使用任意多边形绘制形状; 首先,右击文本框,点击【设置形状格式】-【文本选项】-【填充】-给文字设置一点【透明度】: 8144e5d0d03619ce86faedfa2999deed.png d855543a296db7de91825aa4d08d5d1c.png 接着使用 PPT 形状库里面的【任意多边形】,沿着高山的边缘绘制形状,遮挡住文字: 8ce06c59d0c21f8815b44e4276439279.png d9e5963d5e1d24254508b3f380f63085.png 2)将图片与形状相交; 接着,让图片跟我们刚刚画出来的形状【相交】,你就能得到下面这张图片: e067c638723d09100c09fde9969651fd.png 怎么让图片跟形状【相交】? 按住【Ctrl】键,先选中图片再选中形状(选中的顺序不可变),点击【格式】-【合并形状】-【相交】即可: 0da3922e5c9160ae45ab6f6af0bf1a0d.png 最后直接将【相交】出来的图片盖在文字上方,搞定! b0484fb9822b8df33af44395b4075e79.png 现在我们来总结一下「遮挡」技法在 PPT 中的应用:

总结 / Summary

  1. 用于文字中,可制作抖音风字效

  2. 用于形状中,可制作遮挡动画

  3. 用于图表中,可制作创意百分比图表

  4. 用于图片中,可制作图文穿插效果

好了,这篇文章写得我腰都快直不起来了,如果你不给我 32 个在看,我胖虎将会锤死在座的各位… 以上就是本期的全部分享 还不在 PPT 里试试。 关联阅读:
  • 干货 | 如何让平庸的PPT充满科技感?

  • 增强PPT的设计感,我常用的7个技巧~

  • 无论趋势怎么变,掌握了PPT蒙版,就不怕设计过时~

f70bca4a5e06f3ad246bad803a396b70.pngEND - 合作请加微信:goblin123dan iSlide企业版 / PPT资源定制 / 企业培训 480187a55508b7760535d95648cb1bcc.png 每天,全球有超过1,000,000场的商业演示, 专业的设计能更有效的传递和表达信息。 PPT幻灯片也能成为一种力量, 能够说服,能够影响,能够感动!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值