html动态显示多张图片,这两个高级的PPT动画展示,居然都是“平滑”出来的!...
Hello,大家好,这里是一周进步。
我们是硬核PPT。
PPT里,有一个非常出名的切换功能选项,叫做平滑。
熟悉PPT的小伙伴肯定知道,这个功能有多好玩,又有多好用!
我们看到的许多富有高级感的动画效果,其实都是通过各类设计元素的摆放,加上平滑效果完成的。
比如,引得全网竞相模仿的“空间感”PPT设计
而今天,我们就为大家展示两种平滑切换效果的高阶玩法。
非常简单,但却非常有效,强烈推荐你学一学。
01. 照片墙展示
大家在做PPT的时候,是不是经常遇到图片太多,不知道图片怎么放才好看?
领导要求做一个照片展示墙,在网上搜到的教程都是用AE做的。
别慌,今天就来教大家优雅的处理图片展示,让你的PPT“闪亮登场”。
教大家花式玩转平滑切换,介绍两个截然不同的图片展示形式,居然都在用“平滑切换”效果。
▼高级的照片墙展示▼
STEP 01:准备好图片
想要你的图片墙看起来琳琅满目,有个小tips:
把提前准备好的图片插入进来候,缩小,全选,复制三次。
这样得到的图片,就是原来的3倍,看起来多了很多。(是不是很机智
STEP 02:错落有致的排版
这么多图片,还要一张一张调整大小、位置,得排到明年?也不一定能完成。
这里,我们可以利用一个外部的工具,给大家安利一个可以一键排版的插件【onekey插件】。
在【硬核PPT】公众号的后台,回复关键词【OK插件】可以领取安装包。
我来教你,怎么用这个超强的排版功能:
首先,在四个角落各放一张图片,形成一个你想要排版的区域。
接着,选中全部图片,选择插件,在【尺寸递进】中找到【随机位置】,点击之后就一键美化排版完成了 。
你是不是也觉得这个插件很厉害?等等,还有更厉害的一步。
这样的排版,已经满足了我们的需要了,但是我们为了画面更加有层次感,可以多做一个小动作,让图片可以错落有致地排版。
选择一张图片放大到你想要的最大尺寸,再缩小另一张图片为你想要的最小尺寸。
全选之后,还是打开插件的【尺寸递进】选择【随机大小】,这样视觉效果就更丰富了。
STEP 03:让画面上墙
图片的处理工作做完了,我们可以复制这页幻灯片,做个一个图片墙的最终效果。
将图片高度统一调整为3厘米,再用islide插件将图片矩阵布局,这样就生成一面图片墙了。
调整一下图片墙的大小比例,让图片墙覆盖在幻灯片上,添加一个平滑切换效果,持续时间改为1秒。
最后加上文字,这个图片墙的汇聚效果就搞定啦!
不管要做多少图片展示,也不用慌了。
这样的图片墙制作起来,是不是很简单呢?
02. 3D图片切换
除了图片墙,你还可以制作这种3D图片切换效果,让你图片切换更加高级。
▼3D图片切换效果▼
STEP 01:3D图片的建成
你知道,电脑里有一个自带的3D画图工具吗?
有了这个工具,可以让你在一些设计软件中,更加便捷的处理3D图片。
来,我们打开菜单栏,找到它。
在软件上方,可以找到【贴纸】,把图片插入到画图3D中,再选择制作3D对象,软件就会自动把图片变成3D模型。
依次添加其他两张图片,重复以上操作,就可以得到一套立体图片的雏形。
STEP 02:生成立体图片
接着,我们要把这套图片拼接起来,才能成为真正的立体图片。
在3D形状中插入一个立方体,调整大小接近跟图片宽度一致,将图片进行旋转,沿着立方体四周摆放。
(在这里,立方体的作用是作为一个参照物,能让我们更好地将立体图片对齐。
这一步一定要有耐心、且细心地调整图片的大小。
拼接完之后,可以删掉立方体,将所有图片旋转90°,继续调整图片位置,让图片拼成一个无封底的矩形。
再次强调,无缝连接是最好的。
最后,就可以全选模型,导出为fbx格式。
这样一个3D立体图片就生成了。
这个过程可能是比较麻烦,但是当你成功导出一个立体图形的时候,你就会心满意足。
STEP 03:装机
最后,我们回到PPT。
把事前准备好的手机样机插入进来,并且需要为手机界面做个镂空效果,方便我们后面插入3D图片,可以利用布尔运算把中间裁剪掉。
来复习一下布尔运算:新建一个圆角矩形在上层,连选背景的黑色矩形,选择【剪除】,就会得到一个镂空的手机框架。
这时,就可以将刚才做好的3D图形插入进来,并置于底层。
复制幻灯片,修改3D模型的位置,再复制一页重复同样的操作,就会有3张呈现不同画面的PPT。
最后用平滑切换效果,持续时间改为1秒。
这样你的产品展示一下变高级了,是不是很实用?
以上,就是今天的讲学内容,你学会了吗?欢迎在评论区里留下你的问题,我们一起解答。
这两个图片展示技巧的核心就在于切换效果,掌握了这个动画的应用技巧,相信大家可以应用在更多不同的场合里。
如果你也喜欢这样的案例,那就点点赞 ,我们下期见。
对了,最近我们开了一个硬核PPT的交流学习群。
你遇到有关PPT的问题都可以在群里提问,讲师们还会不定期分享干货知识。
一起进群学习,硬核起来吧。
据说好看的人都点了「在看」▽
html动态显示多张图片,这两个高级的PPT动画展示,居然都是“平滑”出来的!...相关推荐
- android用户界面组件都是放置在,Android开发工程师第十章 节 用户界面高级组件.ppt...
Android开发工程师第十章 节 用户界面高级组件.ppt 电子相册的设计与实现 4.图片放大与缩小显示的实现 在触摸ImageSwitcher中显示的图片后,全屏显示该图片,要全屏显示该图片,只要 ...
- 计算机网络隧道技术,隧道技术-高级计算机网络.ppt
<隧道技术-高级计算机网络.ppt>由会员分享,可在线阅读,更多相关<隧道技术-高级计算机网络.ppt(24页珍藏版)>请在装配图网上搜索. 1.l基本原理l网状隧道机制l主机 ...
- 收集了两年多的PPT技巧,演示人员必看
一大群与会人员正襟危坐,你豪情满怀地进行着某个新产品的演示或介绍,却不小心由于鼠标左键的误操作导致幻灯片跳到了本不应该出现的位置,或者本应按下鼠标左键切换到下一张,却由于按下了右键而出现一个快捷菜单. ...
- 收集了两年多的PPT技巧PowerPoint幻灯片演示技巧
一大群与会人员正襟危坐,你豪情满怀地进行着某个新产品的演示或介绍,却不小心由于鼠标左键的误操作导致幻灯片跳到了本不应该出现的位置,或者本应按下鼠标左键切换到下一张,却由于按下了右键而出现一个快捷菜单. ...
- php编写网络应用程序,网络应用程序设计--PHP导论(高级篇).ppt
<网络应用程序设计--PHP导论(高级篇).ppt>由会员分享,可在线阅读,更多相关<网络应用程序设计--PHP导论(高级篇).ppt(21页珍藏版)>请在人人文库网上搜索. ...
- 一个整型数组里除了两个数字之外,其他的数字都出现了两次
题目: 一个整型数组里除了两个数字之外,其他的数字都出现了两次 解答: 我们从头到尾异或数组中的每个数字,那么最终的结果是两个只出现一次数字的异或的结果,由于两个数字不一样,那么异或的结果肯定不为0, ...
- 面试问了这两个问题,很多人的回答都自相矛盾
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试文章 来源 | hsm_computer @ https://urlif ...
- ##(两个井号)和#(一个井号)都是什么意思C and C++ 2008-09-23 21:18:27 阅读1106 评论0 字号:大中小 订阅 .
##(两个井号)和#(一个井号)都是什么意思 C and C++ 2008-09-23 21:18:27 阅读1106 评论0 字号:大中小 订阅 连接符 ##(两个井号) 不知道什么符 #(一个 ...
- 北大青鸟组建与维护企业网络高级技术PPT课件
北大青鸟组建与维护企业网络高级技术PPT课件 主要是思科技术和一些协议 又OSPF STP VTP NAT ACL ××× PPP 三层交换等 记住一定要一起解压 ...
最新文章
- Python+OpenCV 图像处理系列(4)—— 图像像素的读写、算术运算、逻辑运算及像素的统计
- ICO流程,casestudy
- python语言解释器的全部代码都是开源的_Python IDE和解释器的区别是什么?
- 010_Spring Data JPA一对多关系
- SolidEdge如何自动标注尺寸
- 最新版Scrum指南已发布
- java程序员_哪些书是不可错过的?Java程序员书单分享
- 浅谈Scala 2.8的包对象(package object)
- 读书:我编程我快乐(一.4)
- ❤️《分布式 Dubbo+Zookenper+SpringBoot》(建议收藏)❤️
- CactiEZ中文版说明
- [19/03/12-星期二] 数组_遍历(for-each)复制java.util.Arrays类
- autocad.net QQ群:193522571 判断string中是否包含集合中所有的字符串
- 【华人学者风采】聂飞平 西北工业大学
- 专用计算机房属于中危险等级,普通住宅属哪种危险等级的灭火器配置场所
- 负载均衡(四层) LVS(看完就能去上班)
- 机器学习-朴素贝叶斯(高斯、多项式、伯努利)
- 8 NoSQL数据库有哪些?
- bochs镜像java模拟器_【 bochs win7镜像完整版 】bochs win7镜像完整版(bochs win7 img文件)新版下载 - U大师...
- 计算机在多媒体技术中的应用研究,计算机技术在图形图像处理中的应用研究