苹果iPhone12发布！产品介绍页上的这组切换动画，PPT小白也能轻松学会
文章图片
今天凌晨 ， 苹果发布了全新的iPhone12系列 。 具体的参数配置想必大家已经被各种文章刷屏 ， 而三顿想给大家分享的 ， 是官网新品介绍页上的这组切换动画 。
文章图片
随意点击按钮 ， 就能切换到按钮对应的不同内容 。 苹果的很多页面都用到了这样的动画：
文章图片
文章图片
看着特别酷炫？其实用PPT就能轻松搞定！具体的制作方法 ， 我给大家写了一篇详细的教程 。 动画制作是的 ， 三顿把这个动画完整的复刻到了PPT中 ， 给你们看一下最终的呈现效果：
文章图片
制作这种效果 ， 用到的是PPT中的平滑切换效果和动作功能 。 主要是这样几个步骤：制作准备在苹果官网上 ， 可以找到现成的镜头素材 。 因此我们可以先处理页面的左半部分 ， 给镜头添加上遮罩效果 。
文章图片
做法特别简单 ， 新建一个矩形覆盖镜头图片 ， 修改颜色为黑色无边框 ， 设置透明度为40%：
文章图片
接着新建一个和镜头大小相同的圆形 ， 选中矩形和圆形 ， 执行合并形状-减除操作：
文章图片
重复上面的操作 ， 给另外两个镜头分别加上遮罩 ， 接着加上相关的文字内容 ， 就能得到这样三个页面 。
文章图片
文章图片
文章图片
对比一下原页面 ， 还缺了点什么？缺了页面右下角的切换模块 ， 而我们接下来 ， 主要调整的就是这个模块 。 制作模块同样简单 ， 使用的是PPT自带形状中的圆角矩形：
文章图片
添加两个圆角矩形 ， 调整样式、颜色 ， 加上文字即可搞定切换模块 。
文章图片
添加平滑完成第一页的模块后 ， 将其复制到另外两页 ， 再调整白色圆角矩形的位置 ， 即可得到这样三个页面：
文章图片
其实看到这里 ， 我们已经完成了绝大部分的工作 。 不信？选中三个页面给它加上位于切换选项卡的平滑切换动画 。
文章图片
这样已经可以做到按顺序对页面进行切换：
文章图片
那点击任意按钮 ， 切换到该按钮对应的页面 ， 是如何实现的呢？添加动作需要用到的是 ， 位于PPT插入选项卡的动作功能：
文章图片
具体的操作是逐个选中文字部分 ， 点击动作按钮 ， 设置超链接到对应的页面 。 在这个案例中 ， 超广角对应页面1 ， 广角对应页面2 ， 长焦对应页面3 。
文章图片
给每页模块内的文字都设置好后 ， 就能实现任意切换的效果：
文章图片
当然大家自己在做的时候 ， 可以先给页面一添加好动作效果 ， 再把页面一的模块复制粘贴到其他页面 ， 避免重复操作 。 应用场景做法是不是还挺简单？不妨自己动手试试模仿开篇的另外两个案例吧！比如这个案例 ， 动作添加在左侧中心位置的颜色模块：
文章图片
而这个案例 ， 动作添加在每栏右下角的X符号：【苹果iPhone12发布！产品介绍页上的这组切换动画，PPT小白也能轻松学会】
文章图片
是的 ， 这个切换动画不仅效果酷炫 ， 而且应用场景超多 。 比如在做APP产品介绍时 ， 点击左侧的按钮就能一键更换背景和产品图片：
文章图片
甚至不用点击！将鼠标滑动到按钮位置就能给车换色：
文章图片
再比如经典的放大镜动画 ， 可以使用动作功能加上一个滑动模块：
文章图片
这种玩法放到PPT目录页中也很好用：
文章图片
还能用到常见的内容页中！只需要滑动到对应位置 ， 就能展开呈现具体内容：
文章图片
其实关于这个功能 ， 三顿早就写过一篇完整的教程文章 。 如果你想获取这个功能的更多玩法 ， 不妨点击这里了解一下~好了 ， 赶快收好这个堪称宝藏的动画效果吧：推荐资源：
推荐阅读
![[东方金钰]市值从300亿跌到20亿，守着百亿存货，东方金钰家里有矿？](http://dayu-img.uc.cn/columbus/img/oc/1002/463e18e8dc8ad647a0a563fd560849fb.webp)
- 苹果蛋挞，香甜中淡淡的酸，香酥诱人！
- 三星堆遗址|直击三星堆发布会｜雷雨：四号坑灰烬中发现纺织品痕迹
- 果园|果园植被多样性对虫害的控制
- 《 苹果燕麦粥》的制作方法
- 新冠疫苗|新冠疫苗需要打几针？哪些人群不能接种？长沙疾控权威发布！
- 高血脂|聚焦2021CROI大会，发布多项关于日常服药引发血脂问题的研究
- 零脂肪超简单苹果蛋糕
- 全靠天然味道的苹果脆片，无油无糖小孩也能吃
- 苹果这样做，孩子咋吃都不够，营养美味，上桌孩子一口一块
- 新冠病毒|新冠病毒联合溯源研究报告发布前，中方专家组组长释放大量信息