平滑切换——PPT动画的全新玩法(原理篇)/04/O365智能系列(二)

简介: 平滑切换——PPT动画的全新玩法(原理篇)/04/O365智能系列(二)

平滑切换 VS Prezi

image.png

图注:Prezi软件

Prezi 比 PowerPoint 晚了近20年,采用了一种截然不同的演示方法。Prezi 不是基于 2D 页面构建的,而是提供了无限大小的 3D 画布。这与 PowerPoint 一张白纸的初始状态完全不同,因此可能需要一些时间来适应。

这个非常聪明的软件正是采用了一种更为平滑,更有吸引力的方式导航和展示他的平面图。缩放和平移功能允许演示者在演示期间在画布上移动,从而将观众的注意力集中在特定点上,同时允许演示者显示"大图"。

随着 PowerPoint 推出平滑切换。这个新功能为观众提供了一个无限画布(类似于 Prezi)的外观,尽管实际上它是由许多幻灯片构建的。通过平滑切换,你同样可以在一个无缝过渡中移动,放大或更改众多对象的外观。Prezi 中的经验可以运作到平滑切换之中,需要一些技巧来处理,比如用更多的幻灯片来模拟无限画布。

创作基础思路(上)

准备阶断

变形可以以多种方式使用,你可以更改一个或多个参数:对象的位置,颜色,大小或形状,以创建引人注目的效果。可以轻松显示动作,放大和缩小以及更改形状。

  1. 选中一张含对象的幻灯片;
  2. 选中并复制该幻灯片(Ctrl-D);
  3. 在复制幻灯片更改原始对象,将对象以最终状态来显示;
  4. 放置到位后,将"平滑"切换应用于第二张幻灯片。

对象出现以下三种情况:

  • 两个对象匹配成功:两个对象在转场时完成字体、颜色、大小、位置、角度等多种属性的的渐变(可以叠加)。
  • 对象在前张幻灯片:成为过渡的一部分,与淡出动画效果类似,逐渐消失。
  • 对象在后张幻灯片:成为过渡的一部分,与淡入动画效果类似,逐渐出现。

形状中心点进行位置平移;形状大小则进行拉伸。以上渐变过程均按照插值算法。

处理技巧

平滑的玩法很多,但是如果想要达成一些相对特殊的效果,那还是需要一点调校手法。

  • 指定顺序:如果存在多个对应的可能,平滑切换将优先采取近似原则,其次采取就近原则进行变换。但有时我们想打破这个规则,方法是:在每个形状上标注序号,这样一来就可以按照指定的顺序进行平滑切换。文字可以设置为无文本填充以免影响视觉效果。
  • 矢量化:不同形状之间,比如矩形和三角开属于不同种类元素,无法形成匹配。这时就需要事先进行矢量化,使"转换为任意多边形"一键将形状转换为曲线就可以使用平滑功能了。不同文字之间的匹配,可以使用相同的思路,使用"布尔运算"来进行矢量化操作。
  • 调节点:带有调节点的形状,通过改变调节点的参数,也能形成变形。比如方形和圆形的变化可以使用圆角矩形,改变唯一的调节点,就可以愉快变变变了。同样的玩法适用于一切可以调参的图形。
  • 翻转:在渐变的过程中,角度将以形状中心点进行旋转(Z轴),但是翻转是在 XY 轴上进行的。将元素进行翻转,会得到意想不到的效果。你还能激活XYZ轴,如果要保持平面(提高动画平滑效果)则设置:材料(特殊效果-平面)、光源(特殊格式-平面)。
  • 分组:平滑不能完美支持组合类的元素,因此需要解散分组。SMART形状、图表、SVG图形、形状组合,需要先打散(或转换)。
  • 裁剪:平滑与裁剪,将两个简单的功能结合在一起,就能有非常实用的效果。
  • 填充:图片要实现变形效果,需要将图片填充在矢量形状中。

移动对象

使用变形,你可以比使用熟悉的运动路径更快地更改对象在幻灯片上的位置。当幻灯片上有多个对象并为每个对象设置运动路径需要数小时时,它可以节省时间。可以采取多个幻灯片,连续变换。例如,你可以移动拼图。

可替代动画效果:直接动作路径

文字变化

可以编辑文字的对象(形状、图形)既可以进行对象变体也可以进行字数和字符数的变体。对象、字数、字符数的变体,不可同时进行。一旦你有了字母(字符),只需重新格式它们,平滑切换将自动配对变形。比如将单词中的字符重新排列以创建字谜效果。

改更属性:

并不局限于运动、大小、旋转等,你还可以更改对象的颜色,形状效果等。

  • 换颜色:如果两个幻灯片上有两个不同颜色的对象,变形会逐渐将颜色从一个变为另一个。颜色将按RGB和透明的属性进行分别插值变化。
  • 放大和缩小:平滑切换可以成为缩放效果的绝佳替代品。你可以平滑地缩小或切换到特写视图以强调演示文稿中的对象。

效果和动画的建议

  • 创建动作和强调动画
  • 创建进入和退出动画
  • 为文字添加动画效果
  • 创建回文造词效果
  • 放大、滚动并裁剪图像
  • 创建三维旋转
  • 将一个形状平滑切换到另一个形状

创作基础思路(下)

相同形状之间变形

默认情况下,只有同一类型的形状之间才可以实现平滑切换效果,比如五角星和五角星之间,矩形和矩形之间等等,通过更改第二页形状的大小、位置、填充颜色,可以实现页面间的平滑过渡。

不同形状之间变形

不同类型的形状之间,该如何实现平滑切换效果呢?这里需要做一点小处理,将它们首先都转为任意多边形,借助任意多边形这个中间桥梁,实现平滑切换效果。

图片之间的变形

  • 默认情况下,平滑切换只能用于图形之间。如果想对图片进行平滑切换,需要用到填充技巧。
  • 在开始幻灯片中,对图片A进行抠图,使用工具(AI)得到剪影样式的矢量图形,在 PPT 中会显示为曲线多边形(Freeform);
  • 对该图形进行图片填充,也就是贴图,这样外观看起来是一张图片而实际上是一个形状;
  • 在终止幻灯片中,对另一个图片B重复以上步骤;
  • 在终止幻灯片中,设置平滑切换即可。

或使用小编的 Office 插件(HST,寒树工具箱)一键生成。

图表对象

根据平滑切换的使用方法,两张幻灯片里有同一个图表对象(比如柱状图),正常情况下,更改图表的数据后,并没有长方形变短变长的平滑效果,仅仅只有渐变效果。

图表需要解组后打散,线和图形框成为独立的原素,正常情况下会自动匹配。如果有必要,还可以调整标题、备注等内容,平滑切换的效果就完美实现了。

3D 模型的平滑效果

使用 3D 模型增加文档、工作簿、演示文稿和邮件中的视觉效果和创意效果。轻松插入 3D 模型,然后 360 度全方位旋转。利用平滑切换功能,让 3D 模型在 PPT 中栩栩如生,该功能可在幻灯片之间产生影视动画效果。

与设计灵感配合

平滑切换与设计灵感搭配,形成整体的页面变化效果。

平滑切换的局限性

虽然平滑切换可以很好地应用于工作中,一个物体只需移动它的位置或改变它的外观就可以使用平滑起切换。但平滑切换始终也有一些不足:

不能控制对象:平滑切换是一个切换功能,而不是真正意义上的动画,所以在使用平滑切换时需要前后两张幻灯片配合使用;

没有控制权:易用性是有代价的,我们不能去操控两张幻灯片之间的切换。虽然大部分情况下能实现想要的效果,但是并不能完全控制;

配对的局限性:只能在同类对象之间形成动画,对象之间的配对规则比较复杂。虽然可以通过一些小技巧来完成配对,但无形中增加了工作量;

路径局限性:移动对象时,平滑切换始终选择两个对象之间的最短路径。如果你希望对象遵循从 A 点到 B 点的特定路径,则最佳选择仍是使用"运动路径" 动画;

多对象局限性:如果你更改了多个对象,则平滑切换页将同时应用于所有对象。如果你希望多个对象逐个更改其位置,则可以将序列分解为多个幻灯片并将变形应用于所有对象;

增加重复性:它会导致幻灯片数量增加,自然也会增加文件大小;

无法重复:在此转换中只能更改持续时间,2秒是默认持续时间,无法像自定义动画那样设置重复。

图形局限性:PPT里的图形即SVG图像,仅支持极个别的图标可以匹配,男人与女人(或包含)。通过转换为曲线来解决,但是破坏了SVG的完整性;

不能向上兼容:不支持2016之前的版本,虽然采用兼容性方法也可以达到完美播放效果,但是破坏了文件的一致性,操作上也较麻烦。


相关文章
|
前端开发 定位技术
高德地图进阶开发实战案例(9):涟漪动画标注的实现方案
高德地图进阶开发实战案例(9):涟漪动画标注的实现方案
155 0
Threejs实现相机视角切换,平滑过渡,点击模型切换到查看模型视角
Threejs实现相机视角切换,平滑过渡,点击模型切换到查看模型视角
2068 0
Threejs实现相机视角切换,平滑过渡,点击模型切换到查看模型视角
|
移动开发 算法 JavaScript
平滑切换——PPT动画的全新玩法(原理篇)/04/O365智能系列(一)
平滑切换——PPT动画的全新玩法(原理篇)/04/O365智能系列(一)
2614 1
平滑切换——PPT动画的全新玩法(原理篇)/04/O365智能系列(一)
|
5天前
|
数据可视化 搜索推荐
如何利用动画效果来提高用户对产品的记忆度?
利用动画效果提高用户对产品的记忆度,需要从多个方面入手
11 1
|
2月前
|
前端开发
前端web入门第四天】03 显示模式+综合案例热词与banner效果
本文档介绍了HTML中标签的三种显示模式:块级元素、行内元素与行内块元素,并详细解释了各自的特性和应用场景。块级元素独占一行,宽度默认为父级100%,可设置宽高;行内元素在同一行显示,尺寸由内容决定,设置宽高无效;行内块元素在同一行显示,尺寸由内容决定,可设置宽高。此外,还提供了两个综合案例,包括热词展示和banner效果实现,帮助读者更好地理解和应用这些显示模式。
|
3月前
|
图形学 C#
超实用!深度解析Unity引擎,手把手教你从零开始构建精美的2D平面冒险游戏,涵盖资源导入、角色控制与动画、碰撞检测等核心技巧,打造沉浸式游戏体验完全指南
【8月更文挑战第31天】本文是 Unity 2D 游戏开发的全面指南,手把手教你从零开始构建精美的平面冒险游戏。首先,通过 Unity Hub 创建 2D 项目并导入游戏资源。接着,编写 `PlayerController` 脚本来实现角色移动,并添加动画以增强视觉效果。最后,通过 Collider 2D 组件实现碰撞检测等游戏机制。每一步均展示 Unity 在 2D 游戏开发中的强大功能。
172 6
|
3月前
|
API
【threejs教程】场景视角切换的神器:轨道控制器
【8月更文挑战第5天】threejs教程:场景视角切换的神器,轨道控制器
192 1
【threejs教程】场景视角切换的神器:轨道控制器
|
3月前
|
C# UED 开发者
WPF与性能优化:掌握这些核心技巧,让你的应用从卡顿到丝滑,彻底告别延迟,实现响应速度质的飞跃——从布局到动画全面剖析与实例演示
【8月更文挑战第31天】本文通过对比优化前后的方法,详细探讨了提升WPF应用响应速度的策略。文章首先分析了常见的性能瓶颈,如复杂的XAML布局、耗时的事件处理、不当的数据绑定及繁重的动画效果。接着,通过具体示例展示了如何简化XAML结构、使用后台线程处理事件、调整数据绑定设置以及利用DirectX优化动画,从而有效提升应用性能。通过这些优化措施,WPF应用将更加流畅,用户体验也将得到显著改善。
220 1
|
3月前
|
开发者 图形学 C#
深度解密:Unity游戏开发中的动画艺术——Mecanim状态机如何让游戏角色栩栩如生:从基础设置到高级状态切换的全面指南,助你打造流畅自然的游戏动画体验
【8月更文挑战第31天】Unity动画系统是游戏开发的关键部分,尤其适用于复杂角色动画。本文通过具体案例讲解Mecanim动画状态机的使用方法及原理。我们创建一个游戏角色并设计行走、奔跑和攻击动画,详细介绍动画状态机设置及脚本控制。首先导入动画资源并添加Animator组件,然后创建Animator Controller并设置状态间的转换条件。通过编写C#脚本(如PlayerMovement)控制动画状态切换,实现基于玩家输入的动画过渡。此方法不仅适用于游戏角色,还可用于任何需动态动画响应的对象,增强游戏的真实感与互动性。
94 0
|
3月前
PPT 做出动态路线动画
PPT 做出动态路线动画
36 0