博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
elementui展示多张图片_多张图片的PPT,如何排版的更有创意?
阅读量:5254 次
发布时间:2019-06-14

本文共 953 字,大约阅读时间需要 3 分钟。

fb19b130f67e0aef3e219ec6afb26990.png

在制作PPT的过程中,我们经常会遇到图片排版的问题,尤其是多张图片排版的问题。

通常情况下,遇到多张图片,我们会采用矩阵排版,也就是将图片进行并列的排布。

一组,两组,三组这样,就像下图这样。

9ca5baeba261b29e7cee4ff956670838.png

4daa3f0cb67a289de56908f0a250b38a.png

8e00ba73e169ecd44badea1d853513c0.png

f70bf9462f4d239aa22dad1f22c823a0.png

只需要将每一组图片裁剪成大小一致,然后并列布局就可以了,他们之间有一种秩序的美感。

除此之外,还有没有更有新意的排版方式吗?

Tip 1 改变形状

我们可以给图片斜切一下,变成平行四边形,这样看起来就更有运动感。

3a9f2d575cac74da191ec044ccf8ccf0.png

它的制作很简单,先裁剪成长宽一致的矩形,然后全选,裁剪为平行四边形的形状。

4c26bc4358620976e38ed562cbf54af1.gif

类似的案例~

609be80efdae3fa8391276a69ef64684.png

Tip 2 倾斜平铺布局

这一点类似于样机,将图片旋转倾斜,然后铺满屏幕。这是一种PPT包装的技巧。

0c769969e90d76707e660440edddbca9.png

我们每次在展示PPT作品的时候,也可以这样使用。

3bdbdd77d22c903e8e29cc7e7ea65d17.png

2acd511250abe10cf851823b83264770.png

其实它的操作非常之简单,先将图片并列排版在PPT里面,然后全选,按Ctrl+G组合在一起。

37fc20fdafd24ea080569178f97c4b42.png

然后旋转一下,就可以实现了,非常轻松。

8b7343acb11f4815893978581ca05c5d.gif

Tip 3 三维旋转法

这是第三种方法,三维旋转法,利用效果选项里面的三维旋转和透视来实现。

三维旋转的图片,有一种很强的立体感。

7b93e6f56f0e00b9e8c93d811439bc95.png

16d3f598dd0b03ad8fdbe90877530322.png

这种图片处理方法,之前介绍过,这里就不多说了。可以看一下动图。

9b5825b1eb7559207b3fc1e5c24711ad.gif

再看两个案例哈。

9c92f7e8515912ff903b7c0c5e094829.png

将三维旋转和三维格式结合在一起,还可以得到下图这样的效果。

04b181610cce9ebffa09b43391ac43e5.png

Tip 4 样机法

当我们的图片是截图的时候,可以考虑用手机或者电脑样机来展示。

这是给截图做一个形象包装。

2e40821c19b3c782401fe9ff8b074f8d.png

当截图特别多的时候,那么手机样机的排布,也可以有些新意,比如像下图这样错开排版。

70537d92f19983e83615a6db3b65cedf.png

大家可以看一下,我之前做的一个案例,加上动画之后,效果非常不错。

a26ee4fb66894d485503773e9680414a.gif

Tip 5 利用神器collagelt拼接图片

这是一款多图排版的神器,可以将多张图片拼接在一起,而且效果非常好。

就像下图这样。

5c37d6a470cf19f87ac30c73fd102b6d.png

或者是作为背景墙,我们加一个蒙版上去,然后输入文字。

a9c8ec6ad763eda7fe3e66ad238d5ce3.png

它的制作非常简单,就是通过collagelt这个神器。我们将图片导入进去就可以自动生成。

1eb076d1a8d4bef634d6addd0ab8024c.png

这个软件可以设置页面的大小,分辨率,使用起来又快捷又方便。

类似这样的效果,用图片墙做背景的PPT案例,还有下面这个。

c03f7d2bad30bad197f4a10570bd8902.png

以上就是我给大家分享的内容,希望大家喜欢。

以上就是我的分享。

PS:我是利兄,一名PPT设计师,利兄日志(lixiongppt)是我的自留地,每周我都会在这里分享原创的PPT教程,希望大家喜欢。

6ebf7ae1e917c32ca0be08751c0337e0.png

转载地址:http://yeeav.baihongyu.com/

你可能感兴趣的文章
box-sizing属性
查看>>
微信小程序——<radio></radio>大小改变
查看>>
private继承如何转换
查看>>
求π【VB代码实现】
查看>>
VNC 登录上去灰屏,没有shell脚本,鼠标变成X
查看>>
jquery选择器demo
查看>>
javascript 函数和作用域(函数,this)(六)
查看>>
前台JSP页面独立化
查看>>
Meet Solr
查看>>
前端知识——Django
查看>>
cookie、session、sessionid的理解
查看>>
(C/C++) Interview in English - Class
查看>>
UOJ Round #15 [构造 | 计数 | 异或哈希 kmp]
查看>>
Countdown项目UML用例图
查看>>
struts2文件上传大小限制问题小结
查看>>
actor运行报错:java.lang.ClassNotFoundException
查看>>
Eclipse PHPEclipse 配置
查看>>
关于BigDecimal的四舍五入和截断 (转)
查看>>
VB刷网页程序(VB+DOS)
查看>>
LeetCode 153. Find Minimum in Rotated Sorted Array
查看>>