http://www.pptjcw.com

ppt表格制作教程:幻灯片中的图片动态展示-君陵的PPT小院杂谈8

    ppt表格制作教程:幻灯片中的图片动态展示-君陵的PPT小院杂谈8


    在上一篇文章的最后,即幻灯片中的占位逻辑,介绍了两种图片排版方式,想了想还是把它们放到这篇文字中做一个小结。本篇文字和上一篇文字联系较紧密,关于怎么使用基本几何图形进行更改填充为实际的图片,上篇文字有所涉及,这里就不再详述。关于图片动态展示,应用场景多是演示动画、活动图片展示等。动态即为使用动画来实现向观众展示的过程,这里介绍几种展示类设计思路。

    1 瀑布流

    在网页图片加载或者应用图片加载过程中,为了兼容性能和交互,图片的瀑布流加载显示方式较为常见。每一张图片作为一个单独的个体,滚动的展现方式,在图片展示中效果较佳。

    需要说明的是,因为PC的机器性能限制,这种动画方式的流畅性会随着单页幻灯片图片加载数量增加、单张图片的体积较大等客观因素而降低。自己的笔记本测试:单张150kb,图片超过20张就会稍微出现卡顿。大家可以根据自己机器情况自行决定展示的图片数量。

    1.1 3×n的版式

    这种版式是三列排版,根据图片排布整齐美观与否,部分会设置为两列版式。

    ppt表格制作教程:幻灯片中的图片动态展示-君陵的PPT小院杂谈8


    使用几何形状的填充占位,这样的好处就是,这里把一些基本的动画设计完毕,然后每次使用只需要更改需要的图片即可。

    ppt表格制作教程:幻灯片中的图片动态展示-君陵的PPT小院杂谈8


    下图是将几何图形填充变换成图片之后的整体排版,并且使用几何图形占位载替换每一张图片时,可以对图片进行参数调整,使每一张图片能够满足显示要求。

    ppt表格制作教程:幻灯片中的图片动态展示-君陵的PPT小院杂谈8

    1.2 2×n的版式

    这里示例所列取的版式图片,每张图片均是16:9的比例,当然可以根据实际需要改变成其他的尺寸。具体的展示原理都是一样,主要是显示图片尺寸和数量有所区别。

    ppt表格制作教程:幻灯片中的图片动态展示-君陵的PPT小院杂谈8

    1.3 瀑布流动画实现

    如果对动画不太熟悉或者不了解,可跳过该小节。使用的时候可以将此页拷贝到你的幻灯片之中,然后将图片替换即可,不需要去关心这些动画。

    该效果主要使用长路径动画+淡出动画实现。所有对象均使用同一个长路径动画,这样能够保证每一张图片移动的速度一致,使用淡出动画是为了体现瀑布流中图片的延迟显示视觉效果。

    ppt表格制作教程:幻灯片中的图片动态展示-君陵的PPT小院杂谈8


    小结:瀑布流排版的列数,可以是2×n3×n,还可以是4×n,5×n。当然大于5之后,显示的效果会受影响,2或3是比较合适的列数选择

    场景:罗子雄大神在TEDx Chongqing开场图片演示,演讲视频地址 【TEDx】如何成为一名优秀的设计师:罗子雄

    ppt表格制作教程:幻灯片中的图片动态展示-君陵的PPT小院杂谈8

    2 缩放/路径动画 2.1 3图路径动画法

    使用短路径动画,中间使用细长矩形填充作为图片和图片的分隔。使用场景多用于图形展示中,三张图的对比/并列。

    提示:如果您觉得本文不错,请点击分享给您的好友!谢谢

    上一篇:ppt教学:做好PPT文字排版的2项基本原则 下一篇:ppt课程教学:美化一套关于艺术的历史课件-「整容计划」PPT美化教程第27期

    郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。