看完此文100%掌握图文高逼格排版~附所有设计素材源文件
图文穿插的排版形式,能够使得枯燥无味的二维平面设计,画面层次感更强,立体感更强,因此在PPT设计中经常使用。
先瞄眼几个图文穿插作品
感觉是比常规的二维平面设计要好看一些吧?
所以,图片和文字的组合排版,要想告别土里土气,记得一句秘诀,那就是
下面来具体学习姿势,有几种插法?具体怎么插?
图文穿插分类
图片为PNG免抠图片+图片为JPG高清图片
第一类:图片为PNG免抠图片
PNG高质量图片来源
1.图文叠加层次结构
顾名思义,图文叠加,就是图片和文字形成多层的排列关系,一层文字,一层图片,再加层文字,应该能看懂吧?
如果形象点的话,怎么跟你们形容捏?视觉化实物展示
然后再看艺术化展示,应该就容易的多了
这种图文叠加层次结构是图文穿插中最为简单的插法,只需要把文字和PNG图片分成多个层次进行交叉层次排列即可,最后加上一些文字填充,阴影效果。
2.图文环绕立体结构
首先我们通过一张图来区分下:
什么是叠加层次结构
什么是环绕立体结构
环绕立体结构的立体感,比叠加层次结构要强得多,但制作起来,比叠加层次结构稍微难插一些,我们先看一张案例图
首先,我们来观察下图文环绕立体结构的构成:
由上图结构我们可以看出,其实图文环绕立体结构,本质上也是图文叠加层次结构,只不过设计时通过一些手法,使得叠加后视觉上呈现出图文环绕的效果。
制作教程:
1.首先我们选择一张合适的图片作为背景(此处为红色油漆背景),并单个输入文字“War”,同时插入一张士兵的PNG图片,选择合适位置进行摆放。
2.对字母“W”进行图片填充,文字选项-文本填充选择为一张火焰图片,得到如下效果。然后选中“W”文本框,右键选择另存为图片,将该字母保存为一张PNG图片备用。
3.插入上一步保存的字母“W”PNG图片,然后插入三个矩形,把士兵及枪管部分需要漏出来的画面进行遮盖。之后首先选中“W”PNG图片,然后按住Ctrl再选中三个矩形,点击【格式】-【合并形状】-【剪除】布尔运算,将多余部分进行剪除。
布尔运算的算法详细介绍:
得到如下效果,初步形成图文环绕立体结构效果
4.为了进一步提高画面感,我们把字母W(最底层的文本框),进行阴影设置。选中字母W文本框,点击设置形状格式-文本选项-阴影-设置颜色为黄色,同时对阴影大小和模糊度等进行调整,得到如下效果:
5.最后,对画面进行平衡,添加解说文字
第二类:图片为JPG高清图片
在第一类中我们会发现,其实使用PNG图片制作图文穿插效果并不难。
但是我们总会遇到一些必须使用,但又不是PNG图片,同时也很难进行抠图的JPG图片,比如这种:
要是硬抠,估计这哥们抠出来,人生也不完整了
所以,我们还需要掌握JPG图片,如何制作图文穿插效果。
首先看一下普通图文效果和图文穿插效果对比图
普通图文效果
图文穿插效果
首先从图片库选择合适的高清图片
免费高清图片来源
https://www.pexels.com/
然后选择合适的英文字体(此处是思源宋体),调整文字大小和位置,颜色
之后插入一个矩形形状,同时选中形状和文本框,然后点击【格式】-【合并形状】-【拆分】,将文字拆分成单个文字,效果如下
然后删除多余部分,包括第一个“i”上的点,为下一步制造图文穿插做准备,效果如下
选择第一个“i”形状,点击【设置形状格式】-【填充】选择【渐变填充】,渐变光圈设置为两色均为白色,右侧色块透明度设置为100%,左侧色块不变,调整两个色块的位置和角度(字母“t”同理设置)
得到如下图文穿插效果
对字母“G”进行“图片填充”,图片来源选择【插入图片来自文件】,图片选择“黄金背景”(可自行搜索);同时对字母“G”和“t”进行【阴影设置】,调整阴影大小和颜色,模糊度,得到如下效果
插入形状【直线】,填充选择渐变,原理同字母“i”设置(色块多设置几个),使得直线与字母和人物部分身体交叉部分透明度为100%
得到如下效果
最后,添加其他文字,进行画面平衡即可完成~
如果文章中的参数设置操作起来不够清晰,可查看本文所有制作案例的PPT设计源文件,对各个元素的参数设置进行查看。
最后想问下:
源文件获取方式:
微信公众号幻云PPT回复关键词“图文穿插”
即可获得~