演示动画——如何规范直线路径

SayHello
SayHello

创作者俱乐部成员

演示的世界中,有这么一种演示方式叫做“滚动图画”,如下图所示。

🔔

简而言之,大体上分为以下三步:

  1. 形状剪除(插入矩形——剪除)
📌

大矩形覆盖演示界面,小矩形等于图片尺寸

设置填充颜色,选择无线条

  1. 选中所有图片,组合并置于底层。
🔔

通过上述两步,便可令图片只在原小矩形区域内显示。

  1. 给图片组合添加动画。(动作路径——直线向上)

如何确定直线动画路径的位置和长度?

💡

为了能够更直观地了解直线动画路径的设置,我做了下面这个简图。

首先要了解两个概念。

  1. 成功添加直线动画后,图组上会出现直线路径。有些版本需要打开动画窗格才能看到。

  1. 绿色的三角形(以下简称为绿标),可以称为起点标,开始默认位置为图组的中心点;红色的三角形(以下简称为红标),可以称为终点标,它是图组经过移动到达终点位置时,图组的中心点。

沿着这个思路,我们可以用红标确定图组位置,自然也可用图组的目的位置来确定红标的位置。

所以,在实际操作中:

  1. 添加直线动画,因为绿标默认放在当前图组位置的中心点,所以在事先调整好图组起始位置的情况下,是不用移动绿标的位置

  1. 至于确定红标的位置。可以复制当前图组,将复制图移到目的位置,添加直线动画,单将原图组红标移动而紧贴复制图上的绿标,即是目的位置上图组的中心点。如图示,在该演示中,目的位置上的图组,即将复制的“猫图”覆盖原始“人图”。

  1. 记得将复制图组删除,然后按照个人需求对原图组进行效果选项即可。

浙江省
浏览 9629
收藏
3
分享
3 +1
3
+1
全部评论 3
 
周叶
看不懂
· 湖北省
回复
 
Jesse
Jesse

KVP | 创作者俱乐部成员

这种动画,平滑切换更方便,复制一页,改个位置就OK了
· 重庆
回复
 
WPS 冲浪队长
WPS 冲浪队长

社区管理员

halo,方便加个企微吗
· 广东省
回复