在PPT中,要做出好看的页面动画效果,常常需要用很多图片和装饰元素。

而如果你手头的素材只有一张照片,如何才能快速做出好看的PPT背景效果呢?本期内容,我们就来一起挑战,使用一张照片,制作PPT动态背景。

如上图这样非常实用的PPT一图流动态背景,它制作方法不难,整个页面仅呈现了一张照片内容,却产生了富有层次感的动画效果。而最重要的是,它还可以保存模板反复使用。

下面将具体介绍如何制作。


1、绘制静态场景

首先,我们需要制作静态效果。

将一张你选择的照片,设置为PPT页面填充背景。

然后利用矩形绘制工具,有规律的绘制几个方块。调整这些矩形的大小和角度,让它们组成有序的叠层。放置时注意要让矩形超出PPT页面边缘,不要怕超出过多,播放多出的部分都不会显示。

这里我们设计了左右各3个矩形互相遮挡,然后左右对称摆放。

另外,我们还需要一个与页面等大的矩形,放置在最底层。

接着我们为这些矩形统一设置格式如下:

1、填充方式为“幻灯片背景填充”2、无线条。3、设置居中偏移的阴影效果。根据最终效果,可适当调整阴影的透明度和模糊属性。

在画面中心,插入文字内容,并适当美化。

然后将内容排列层次,放置于最底层的底图之上。

静态场景到这里就准备好了。


2、添加动画

我们需要为页面中的三个部分分别添加动画。

1、遮挡形状——路径动画(视差动画)

首先给遮挡的几个矩形制作动画,这也是最核心的部分:

为所有矩形添加分别向两侧移动的路径动画。

为了产生更好的视觉效果,我们运用“视差动画”技巧,组织各动画的时间。

在之前的推文中,我们讲解过,视差动画的关键点是:离画面越远的元素,动得越慢(越早开始动画)。

如上图所示,我们分别设置三块形状不同的开始时间,并设置同时结束。

我们可以看到动画已初具效果。

2、背景形状——放大

为了配合两侧展开,我们给背景图适当添加放大效果。

这里我们在动画的效果选项中,调整放大尺寸为120%,平滑结束。

3、内容——淡出+放大

而文字内容,我们也同样设置放大效果,在放大的同时,添加同等时长的“淡出”动画。即可做出逐渐淡出放大的效果:

上述动画制作好后,根据最终整体播放效果,对整体时间进行细节调整。在本案例中,我们设置整体动画总时长为2.8秒。


3、模板使用

在我们完成了一图动态模板后,我们可以反复使用这个页面。只需要更换背景图片,就可以做出许多PPT页面了。

而模板的使用方法很简单。

由于我们所有形状,都使用了“幻灯片背景填充”功能,所以只需要替换PPT的背景图片即可。替换的方法如下:

1、在PPT中插入你想要作为背景的图片。剪裁、调整它的大小匹配幻灯片页面。

2、选择图片,然后剪切掉该图片(不用粘贴)。

3、右击PPT操作界面空白处,选择“设置背景格式”。屏幕右侧将会弹出设置窗格。

4、在设置窗格中,我们看到此时填充方式已经选择了“图片或纹理填充”,这里不需要修改。直接点击选择插入图片来自【剪贴板】。

5、上述步骤完成后,即可更换图片。再根据自己的需要,对文字进行修改即可。

下面是我们替换的一些案例:


求关注、点赞、分享,我们将在未来分享更多关于PPT的精彩内容。

datagridview 动态插入图片_挑战一张照片制作动态PPT背景相关推荐

  1. 如何给二维码动态插入图片

    很多用户在制作二维码时,会在二维码中嵌入Logo图片,以突显一些标志性信息.如果是批量制作的二维码,需要给每个二维码嵌入不同的图片,这种情况该如何实现呢?下面,小编就给大家演示二维码动态插入图片的操作 ...

  2. 在html中怎么插入动态图片,如何在gif中插入图片 动态图片某1帧插入图片并控制显示时间|动态图片中插入图片...

    大家还记得我以前的一个教程嘛?就是如何在视频中插入图片并控制其显示时间,有印象的话就太棒了,没印象的或就点击上边的文字自己做一下功课吧!! 今天的教程内容和上边所讲到的教程有点相似,都是插入图片,但是 ...

  3. Java实现PDF动态插入图片复选框

    文章目录 (一)需求描述 (二)制作模板 (三)代码开发 (一)需求描述 构建PDF模板,对其中部分数据实现动态插入,主要分为三个组件:普通文本,复选框,二维码图片的动态插入 (二)制作模板 因为PD ...

  4. html5文字中加图片,5、手写HTML语言代码之《在文字中加条横线、插入图片》学习网页制作的心得体会...

    千里之堤始于足下!! 学习网页制作的心得体会5.........手写HTML语言代码之<在文字中加条横线.插入图片> 一.运用 给网页加条横线 在以下"教师自制教学软件的背景&q ...

  5. mysql数据库插入图片_向MySql数据库插入与读取图片文件

    1.插入图片 import java.io.FileInputStream; import java.io.InputStream; import java.sql.Connection; impor ...

  6. java插入图片_如何在java窗体程序中添加图片

    打开eclipse,创建一个java工程项目,创建完后在src下新建一个类Window,由于要插入图片,所以还在工程目录下创建一个文件夹imgs,里面放了一张60*60的图片,创建后的工程目录和图片, ...

  7. python表格中插入图片_运维(1)python操作excel插入图片

    worksheet.insert_image() insert_image****(row, col, image[, options]) 在工作表单元格中插入一张图片. 参数: row(int) - ...

  8. vue渲染动态渲染图片_动态/动态渲染视频和音频

    vue渲染动态渲染图片 Vue-Viaudio (vue-viaudio) Dynamically/Reactively render videos and audios. 动态/动态渲染视频和音频. ...

  9. ArcGis如何插入图片_在Word中批量插入多张图片,如何让图片统一缩小且清晰度不变?...

    在Word文档中,如果一个文档插入很多张照片,而且图片大小不一,这时候如果你想让插入的图片统一大小你会怎么做? 今天小编用Word 2016来教大家怎样统一让图片缩小又不会降低图片的质量的详细教程! ...

最新文章

  1. mysql ef6 事务_使用事务-EF6 | Microsoft Docs
  2. JavaScript 对象中this的指向问题
  3. Windows Mobile 技术开发黄金周系列课程
  4. springboot1.5.10兼容高版本6.1.1elasticsearch
  5. Nuxt(一) Nuxt初步认识
  6. MySQL Binlog Mixed模式记录成Row格式
  7. flask mysql项目模板渲染_21. Flask 模板 - 宏、继承、包含
  8. python几种括号表示的类型
  9. spark mysql 交互_Spark - 直接操作数据源 MySQL
  10. 基于注解方式@AspectJ的AOP
  11. 顺序表操作集 (20 分)
  12. 华硕Android原始密码,华硕(ASUS)路由器默认密码是多少? | 192路由网
  13. Java多线程实现多用户与服务端Socket通信
  14. mysql 加锁 索引_一条简单的更新语句,MySQL是如何加锁的?
  15. java网络爬虫电影数据,Java豆瓣电影爬虫——减少与数据库交互实现批量插入
  16. 扫描仪扫描器的功用和原理
  17. 火焰传感器的简单使用
  18. 电驴服务器更新的作用,[转载]【强烈推荐更新】最新电驴服务器列表(2013.7.11)...
  19. 正点原子stmf103zet6代码移植为stm32f103c8t6(库函数版)
  20. useLocalStorage

热门文章

  1. iconsvg image怎么变为path_昆凌是怎么收服天王周杰伦的?这几招太高明了
  2. php copy array,ES6中Array.copyWithin()函数用法的详解
  3. 当年年仅18岁韩寒舌战群儒,受尽冷嘲热讽!
  4. Runtime消息动态解析与转发流程
  5. 【Flask模板】include标签
  6. 逆向知识第十讲,循环在汇编中的表现形式,以及代码还原
  7. python 中main函数总结
  8. 采用contentprivider扫描手机SD卡的图片资源
  9. PostgreSQL参数学习:vacuum_defer_clean_age
  10. JCP执行委员会新成员选举结果揭晓:Hologic未获通过