你好,我是陈西。
本次我们来设计一个高级翻页动画创意PPT页,总之就是很厉害的嗦!
看下视频教程如下:
点击观看本次PPT教程详细视频版
手机屏幕太小学习观看体验不好,可以发送到电脑端观看,体验更好!
接下来我们进行一下文字版教程分析讲解。不方便看视频的可以看下方文字版教程。真是贴心的帅西!
先来看下设计好的PPT页面效果。如下:

这种的画册翻书效果,完全是使用PPT进行设计的,是不是很新颖,很哇塞!
再添加一个页面卷曲的翻页切换动画,效果就更好了。
动态翻页可以看最上方的视频效果哦。
老规矩,我们进行具体的分析讲解,本次的核心知识点很多哦。
首先要准备一张高清大图,这里已经准备好了。如下:

将这个图片调整大小,铺满整个幻灯片的页面,作为一个PPT的背景。
接着就是不同形状效果的设计制作。如下:

我们在PPT自带的形状里面,找到这种半个圆角矩形的形状,然后旋转角度,再给它压扁拉长。
这样就得到了一个基础形状,我们再多复制一个,然后结合上一个矩形来合成所需的形状。
如下:

看这个图应该很清楚啦,就是这三个基础形状合成一个新的形状。
我们排列好,调整对齐以及位置关系,继续设计。如下:

全部选中这三个形状,在形状格式里面,点击合并形状里的结合,注意是结合不是组合。
这样就可以得到一个完整的不可拆分的形状。
然后在这个形状的上方,再绘制一个矩形。如下:

绘制的矩形需要调节好大小和位置,可以参考上图。
然后先选中底部的形状,再选中矩形,使用合并形状里的剪除。
这样我们就可以得到一个上部镂空的形状了。如下:

到这里,这个形状的创造基本就做好了。
接着给这个形状添加阴影的效果。如下:

在形状选项的效果里面,使用偏移为中的外阴影效果,具体参数可以参考上图。
现在把这个做好的形状结合上一开始的图片背景,进行居中排版。
如下:

一个大概的轮廓就制作好了。
接下来需要进行细节的设计和创作。如下:

我们再复制一下背景的图片。
然后使用形状里面的任意多边形,沿着图片中建筑的轮廓,绘制一个形状。
绘制好形状之后,我们继续使用合并形状里面的相交功能,这样就可以将图片中建筑的部分抠出来了。
将抠出来的建筑部分的图片,再叠加到原始图片的位置。如下:

这样就可以得到这种穿插的效果了。
注意叠加的时候,要做好对齐,和之前的建筑部分重合就可以。如下:

接下来还需要制作一个阴影的效果,书籍中间翻页的那种阴影。
如下:

我们将之前做好的形状再复制一个,然后在中间左侧部分再绘制一个矩形。
矩形的大小以及位置关系可以参考上图。
使用合并形状里的相交,这样可以得到一个新的形状,这个形状就是我们用来制作阴影效果的。
如下:

这里的阴影效果并不是真的阴影,而是通过渐变的设置调节从而得出的更适合的类似阴影的效果。
注意这里渐变效果的设置,渐变滑块的颜色,位置,透明度的调节都是很重要的。
调节好之后,我们将这个渐变效果制作成的阴影形状,排版到页面中。
如下:

现在,整个的背景效果以及细节就都设计好了。
最后一步就是,添加上文案,调节一下文案排版就可以。
如下:

这样,页面的一个整体效果就制作好啦。
我们可以在切换里面添加上页面卷曲的切换效果,这样就有书籍翻页的动画效果啦。
更加详细的操作,参数设置,技巧都可以看最上方对应的PPT视频教程,非常详细哦!
◎源文件下载:查看个人主页右侧签名关注下载即可
陈西推荐好文:
END
网友评论