那最后一个动画 , 就是页面加载动画以及转场动画 , 这一页动画的制作同样运用到了「遮罩」 , 它在动画当中是非常常见的 。
具体的制作方法是 , 插入一个与屏幕大小的矩形和一个小的圆形 , 放在矩形的正中间 , 之后让圆形与矩形进行形状组合 。
组合后的图形中间的圆是镂空的 , 可以漏出底部的元素 , 如下图所示 。
之后我们要做的 , 就是制作动态的水效果 , 我们需要插入一个矩形或者一个波浪的图形 , 放在这个遮罩图层的底层 。
注意 , 底层的含义是指这个遮罩的背后 , 而不是像下图这样放在遮罩的下方 。
然后我们就会这个波浪图形添加动画 , 动画的效果要根据自然规律来进行设定 。
水添加到容器当中会晃荡 , 对于PPT动画里面我们可以用跷跷板来实现 , 水一直加 , 水位会往上深 , 所以可以同时用向上的路径动画来实现 。
所以这个水位的动画就由两部分构成 , 一个是跷跷板动画 , 一个是向上移动的路径动画 。
另外 , 水的晃荡不是晃荡一下子就会停止的 , 会不停的晃荡 , 所以跷跷板的动画我们要在动画效果上设置重复 。
如上图所示 , 制作出来的效果就是波浪图形一直抖动着往上移动 , 非常的滑稽和搞笑哈 。
之后就很简单了 , 把这个抖动的小家伙放在我们的遮罩后面 , 就形成了我们加水的动画效果 。
如果我们需要切换场面 , 让动画效果过渡更加自然 , 我们就要利用页面当中原本存在的元素 , 来进行切换和过渡 。
比如上图当中存在的一个元素就是蓝色的圆形 , 那我就可以把这个圆形进行放大 , 覆盖掉页面上其他的元素 , 从而起到自然换场的效果 。
总结 以上就是今天案例分享要给大家介绍的四个创意小动画 , 最后盘点一下今天我们运用了那些小技巧 。
第一个是咱们频繁使用的平滑切换动画 , 可以让两个页面的元素进行自然过渡 。
第二个是遮罩 , 可以让我们动画当中不想让别人看到的部分被遮住 。
第三个是缩放定位动画 , 使用它我们可以实现页面之间的跳转 。
无论是制作什么动画都好 , 要想动画呈现出来的效果好 , 都要遵循自然界的运动规律 , 这样呈现出来的效果才真实 。
而动画的运用 , 只是将这样自然界当中理所当中的运动状态重新呈现出来 。
猜你喜欢
- 自动挡的车为什么没有离合器? 自动档有哪几种类型
- 怎么分辨翡翠有没有黑和白的真货 如何分辨翡翠有没有黑和白的真货
- 喝隔夜茶有好处吗 喝隔夜茶有没有好处
- 配电房有辐射吗 关于配电房有没有辐射解答
- 洗牙对牙齿有伤害吗? 洗牙对牙齿有没有伤害
- 植树节吃什么 植树节有什么食物
- 没有尽处没有结束歌词 没有尽头没有结束歌词原文
- 刚买的Y470P,linux系统,重装win7之后右键没有“配置可切换显卡”选项。
- 台式电脑键盘功能基础知识 台式机键盘没有反应
- DOTA6.61AI下载了,但是魔兽里没有图
