PPT图片变体深度应用

发表于 讨论求助 2022-06-23 09:31:00


hi大家好,我是好圆

欢迎来到演示新世界

本月的动画专栏

我们解析锐普宣传片《变》

作者:陈立波

如果对变体还没有系统基础的了解

请先回看这一篇内容回顾

PPT高机动化进阶——变体


 01 动画聚焦 

第一场要打的就是攻坚战

看起来普通的这一帧动画

太阳转流水

实际上是整部动画的制作巅峰

也是将变体运用到极致精髓的一段


难度首先在于变体的不可拆解性

变体作为切换动画

我们在动画窗格中一片空白无迹可寻

很多尝试拆解学习的朋友

都跪在了这一帧动画上

上下两页里面的图看起来风马牛不相及

太阳光的直线和水波的曲线完全迥异

我们在之前的分享中已经深入了解

“变体动画”只能针对同一对象

直线与曲线之间的连接点到底是什么

就成了这一帧动画拆解的关键所在


我们尝试从选择窗格来破解属性

结果发现页面里所有的元素竟然全部都是

图片

初接触的确让人感到匪夷所思

这其中就涉及到了变体中的进阶应用

图片变体动画



 02 案例探讨 

我们先用浅显点的动画案例来感受

图示的动画呈现可以说是发布会的经典

移动放大镜效果呈现产品细节

制作方法其实出奇的简单


— 01 —

先将图片复制一份后完全叠合


— 02 —

插入一个圆形,同其中一张图片布尔运算

得到一张圆形的图片

新的图片因为和背景图片完全叠合

所以几乎看不出来


— 03 —

给这张图片添加一下线条轮廓

同背景图片区分开来

把这个圆形图片拉大一下

模仿出放大镜的效果


— 04 —

如法炮制

在图片的另一侧也做一个圆

— 05 —

两个页面之间添加变体

即可实现放大镜移动的效果



 03 效果聚焦 

从上面这个案例的分析其实不难看出

图片一样遵循着变体动画的基础逻辑

同一对象

即便整张图片被裁剪成若干个碎片

这些碎片的的本体还是同一张图

所以碎片之间可以自然平滑过渡

实现了上述放大镜聚焦移动效果


回顾我们的宣传片《变》

这一帧动画的对象都是图片

我们选择其中一根波浪线条图来看

进行图片裁剪会发现

这张线条图片的部分被裁剪掉了

而我们回到上一张太阳的页面

会发现被裁减掉的部分正是太阳的光线!

这就是《变》中这一帧动画的奥秘

强大的图片变体功能!


演示改变世界,精彩成就未来

我是好圆,下篇推文见


► 关于作者:倪浩元 锐普PPT培训师兼设计师,暨全国演讲大赛优秀指导师,,企业培训师及PPT设计顾问。

微信公众号:演示新视界(ID:haoyuanppt)


据调查,80%的职场人士都花费不少于100小时来制作PPT,但最后展现的成果收效甚微,白白浪费了时间。

锐普的PPT超神课,带你从PPT设计、审美、排版、图表多方面全方位的学习PPT技能,告别加班做PPT,把时间留给家人朋友和游戏吧!

点击“阅读原文”来跟锐普学点厉害的吧!


发表
26906人 签到看排名