各位亲爱的小婊贝们
我回来了
如果没有什么事儿的话
请允许我涤荡一会心灵
上期推完之后
有很多伙伴在后台问了同一个问题
「那个翻页的效果怎么做」
效果一
效果二
不晓得大家想问哪一个
不过我一个都不想聊
………………
…………
………
……
…
= =
你们不要闹了
来认真一点吧
这一期
先来聊聊这两种效果的制作方法
然后再谈谈那些上手快却被忽略的动画技法
先说说效果二
基于「变体」制作
![](http://pubimage.360doc.com/wz/default.gif)
要翻的页面排在第一页
翻过的页面排在第二页
第一页设计动作的内页正面朝上
第二页将该内页沿着最左边拉到右边位置
注意不是平移
![](http://pubimage.360doc.com/wz/default.gif)
为了满足变体的法布尔原则
该页面不能单独存在
需要与任意元素组在一起
变成一个组合
一般情况下
这页和需要添加的元素组合在一起
效果一制作方法
相对来说简单的多
设计好页面之后
在切换效果里面找到「页面卷曲」即可
![](http://pubimage.360doc.com/wz/default.gif)
重点在于方便
不用考虑要插入的文本框、图片等元素
与动画结合的情况
个人比较推荐使用第一种效果
简单、便捷
如果你对于PPT的动画比较感兴趣
但是对于动画的研究又不是很深的话
非常建议研究下切换方式
只要PPT排版设计
能够抓住切页动画的点
就能做出很不错的效果
我们来举几个例子
页面卷曲 — 单左 — 左阴影
切换效果是将整个页面向左边翻
不妨将页面设计成一张书页
![](http://pubimage.360doc.com/wz/default.gif)
左边添加印象
就好像装订线带来的凹陷感一样
![](http://pubimage.360doc.com/wz/default.gif)
动画展示
![](http://pubimage.360doc.com/wz/default.gif)
右单同理
剥离 — 向左 — 左角阴影
效果是从左下角翻起整个页面
所以给左下角添加阴影
做出一点折角的感觉
![](http://pubimage.360doc.com/wz/default.gif)
动画效果
![](http://pubimage.360doc.com/wz/default.gif)
有些切换方式
能通过页面设计
让这些效果加深
比如 压碎
带边的页面设计
可以让压碎的感觉更为明显
有些切换方式
可以尝试着和一些实物相结合
比如百叶窗
百叶窗里出现「百叶窗」效果
设定一个动画场景
墙上一扇百叶窗
放大充满整个屏幕
百叶窗打开
看到外面的风景
![](http://pubimage.360doc.com/wz/default.gif)
为什么要充满整个屏幕
因为切换效果是全屏的
当然还有很多与切换效果结合的方式
比如之前讲过的
帘式
![](http://pubimage.360doc.com/wz/default.gif)
飞机
![](http://pubimage.360doc.com/wz/default.gif)
等等等等
这样巧妙结合还有很多
讲到这里
……
![](http://pubimage.360doc.com/wz/default.gif)
其实对于PPT
伙伴们千万不要误以为
自己都没有学完
就不能做出漂亮的演示设计
从某种方面来说
更注重的是深度
而不是广度
只要对于一个操作功能的理解足够深
再结合一些不错的想法
就可以做出70分+的效果了
不妨试试看
从「切换效果」入手
开始研究
![](http://pubimage.360doc.com/wz/default.gif)