flash 不显示 旋转 补间动画_你一定会收藏本文:超厉害的补间动画,都有哪些玩法?...

fe3187f8f0835ff48fa8386fdf139502.png

首先跟各位请个假
由于下周整个周我有事要出远门可能无法及时推送,所以本周加班加点赶出了新的教程,这是本周第二篇教程,希望能对你提升PPT技能有所帮助哦

07dfbb7ed133a9f4590aecabb559b0be.png


大家千万不要再问我iSlide是什么了哦,因为我已经过跟大家推荐过无数次了

49f044dd427e61b4e9d9b8c2e4971997.png

b51baec0ca9c3be3c4c33bd9d4562c3c.png

49f044dd427e61b4e9d9b8c2e4971997.png

9475d48a1f280143045bce6342d6b8d0.png

49f044dd427e61b4e9d9b8c2e4971997.png


由于iSlide功能太多,太过强大,所以今天就着重为大家介绍众多功能中的其中一种

74f45fda5d14eaf8bf05e62022da5e31.png

49f044dd427e61b4e9d9b8c2e4971997.png


老规矩,在烹(补)饪(间)牛(动)排(画)前,先给大家听一下牛排的滋滋声

296ca16354f0b155d56e8ce01479b6a0.png


补间动画作品的部分展示

c1fc027713fac5fe1780b05da46c73e0.png

0e577ada69f5e62631974a82406f8bfa.gif

49f044dd427e61b4e9d9b8c2e4971997.png

808daaa23f67a32098ad4eec36b6ce19.png

4b70983d9b1ff6f31652f2b2be598519.gif

85994df4cada95b1f7d504b2bbc57e23.gif

49f044dd427e61b4e9d9b8c2e4971997.png

bf108ecec2c327ded3254ca4cc53f288.png

dcbdde03447b1641e5f07deb5b5f7585.gif

8cb6ac205079bebe2b7155bd4ed6c863.gif

f290c45213ac3904d43c68b84a17fcf1.gif

49f044dd427e61b4e9d9b8c2e4971997.png


上述的几种动画效果,看起来复杂,其实用好iSlide的补间动画,再熟悉一些平滑切换,三维旋转,动画设置,制作起来非常简单。

49f044dd427e61b4e9d9b8c2e4971997.png


由于之前对平滑切换和动画设置,三维旋转等进行过详细的介绍了,所以

296ca16354f0b155d56e8ce01479b6a0.png

3a0d50ac5d5b628e9307b694094fc38e.png


首先,你需要安装iSlide插件网址:https://www.islide.cc/

4aac947a05f5c99dd5ec81f4e014925d.png

f772be28d4ba873ae28e19a8cbe3ebe4.png

49f044dd427e61b4e9d9b8c2e4971997.png


下载完成后,双击运行,然后打开Office,在PPT工具栏中,就可以看到该插件

49f044dd427e61b4e9d9b8c2e4971997.png

da4e9f919c08f5356e569818ca33ea64.png

49f044dd427e61b4e9d9b8c2e4971997.png


每一个按钮下,都暗藏着强大的功能,后续我们会介绍更多功能的使用技巧

49f044dd427e61b4e9d9b8c2e4971997.png

260b2ca90b9ff56611696505498f9fc8.png


学习一门技能,首先要掌握原理

faba134fa4270b131db7e01445b98cbc.png

补间动画的原理:从元素A—元素B的完美平滑转换可以补间转换的内容:颜色,大小,形状,旋转,透明度,模糊,阴影,3D旋转等等一切格式

4aac947a05f5c99dd5ec81f4e014925d.png

e57e1c7c6ab16cb156858b266e2922b5.gif

c249356018bfc4e0b50fec560b7072b6.png

49f044dd427e61b4e9d9b8c2e4971997.png

365f643cfb6527c83f13efa8245f81c3.gif

166c72a99ff4bed5cb63c6f220708f33.png

49f044dd427e61b4e9d9b8c2e4971997.png


简直是没有平滑切换功能版本的福音啊

4aac947a05f5c99dd5ec81f4e014925d.png

79c6678a1602792621efaf73ac750697.png

补间动画的设置前提:两个元素之间
首先选中两个要进行补间的元素
然后点击【补间动画】按钮,弹出如下窗口

4aac947a05f5c99dd5ec81f4e014925d.png

f3591cf9b46a63137aa7745a5c3ab131.png

49f044dd427e61b4e9d9b8c2e4971997.png


我们以效果图1为例,设置补间数量为4,不添加动画

296ca16354f0b155d56e8ce01479b6a0.png

d7db7d4c33f314603d3fb79d73a790af.gif

49f044dd427e61b4e9d9b8c2e4971997.png


然后添加文字,为各个元素添加动画即可

296ca16354f0b155d56e8ce01479b6a0.png

0e577ada69f5e62631974a82406f8bfa.gif

49f044dd427e61b4e9d9b8c2e4971997.png

92c27b97011d3498611524452cc567de.png


补间动画生成的多层补间元素,形成的立体感,可以实现数据可视化,比如下图
平面数据不够形象,柱状图又太过普通

296ca16354f0b155d56e8ce01479b6a0.png

f290c45213ac3904d43c68b84a17fcf1.gif

49f044dd427e61b4e9d9b8c2e4971997.png

制作方法
插入文本框,调整三维旋转,复制一层,对其中一个文本框的文本选项设置透明度,两个文本框垂直方向对齐,并留出适当距离,之后添加补间动画,数量设置为50,不添加动画

296ca16354f0b155d56e8ce01479b6a0.png

fe6695d312c1198c3a1ac0a73f6289f6.gif

49f044dd427e61b4e9d9b8c2e4971997.png


其他文本框同理

296ca16354f0b155d56e8ce01479b6a0.png

0dd20d68271cd95673e9bb757892464f.png

49f044dd427e61b4e9d9b8c2e4971997.png


接下来制作另一页
全选75%所有文本框,执行水平+垂直方向对齐,形成平面感,其他文本框同理

296ca16354f0b155d56e8ce01479b6a0.png

8be5c4223d87442d5c7d94efb00c7596.gif

296ca16354f0b155d56e8ce01479b6a0.png

683e3b014d24597a23fcd56521bcf02e.png

49f044dd427e61b4e9d9b8c2e4971997.png


之后把文本框平面状态的页面放在立体状态页面前,为立体状态的页面添加平滑切换,即可得到

296ca16354f0b155d56e8ce01479b6a0.png

f290c45213ac3904d43c68b84a17fcf1.gif

49f044dd427e61b4e9d9b8c2e4971997.png


下图同理

dcbdde03447b1641e5f07deb5b5f7585.gif

49f044dd427e61b4e9d9b8c2e4971997.png


附补间动画制作的其他效果图

e91a60f267dc50d39934105b7f184381.png

58a7854e5e807a0236459571e7b5a757.png

429a75724c3b7ce50fad73f62af90a64.png

ce4aa9421ee725eb3f072838b6f34abd.png


最后给大家留一个练手参考,请自行思考如何制作
(Tips:补间动画后,多个页面元素变形+平滑切换)

8cb6ac205079bebe2b7155bd4ed6c863.gif

49f044dd427e61b4e9d9b8c2e4971997.png

本文所有素材源文件+细节问答,云友圈成员永久专享

49f044dd427e61b4e9d9b8c2e4971997.png

想提升PPT技能?云友圈你一定要了解一下微信公众号幻云PPT回复关键词:云友圈带你进入一个PPT新世界~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值