PPT形状与渐变

看完此文100%掌握图文高逼格排版~附所有设计素材源文件

2019-03-08  本文已影响63人  幻云PPT动画_大雄董军

图文穿插的排版形式,能够使得枯燥无味的二维平面设计,画面层次感更强,立体感更强,因此在PPT设计中经常使用。

先瞄眼几个图文穿插作品

感觉是比常规的二维平面设计要好看一些吧?

所以,图片和文字的组合排版,要想告别土里土气,记得一句秘诀,那就是

下面来具体学习姿势,有几种插法?具体怎么插?

图文穿插分类

图片为PNG免抠图片+图片为JPG高清图片

第一类:图片为PNG免抠图片

PNG高质量图片来源

第42招:PNG图片素材哪里找?这11个高质量来源需收藏~

1.图文叠加层次结构

顾名思义,图文叠加,就是图片和文字形成多层的排列关系,一层文字,一层图片,再加层文字,应该能看懂吧?

如果形象点的话,怎么跟你们形容捏?视觉化实物展示

然后再看艺术化展示,应该就容易的多了

这种图文叠加层次结构是图文穿插中最为简单的插法,只需要把文字和PNG图片分成多个层次进行交叉层次排列即可,最后加上一些文字填充,阴影效果。

2.图文环绕立体结构

首先我们通过一张图来区分下:

什么是叠加层次结构

什么是环绕立体结构

环绕立体结构的立体感,比叠加层次结构要强得多,但制作起来,比叠加层次结构稍微难插一些,我们先看一张案例图

首先,我们来观察下图文环绕立体结构的构成:

由上图结构我们可以看出,其实图文环绕立体结构,本质上也是图文叠加层次结构,只不过设计时通过一些手法,使得叠加后视觉上呈现出图文环绕的效果。

制作教程:

1.首先我们选择一张合适的图片作为背景(此处为红色油漆背景),并单个输入文字“War”,同时插入一张士兵的PNG图片,选择合适位置进行摆放。

2.对字母“W”进行图片填充,文字选项-文本填充选择为一张火焰图片,得到如下效果。然后选中“W”文本框,右键选择另存为图片,将该字母保存为一张PNG图片备用。

3.插入上一步保存的字母“W”PNG图片,然后插入三个矩形,把士兵及枪管部分需要漏出来的画面进行遮盖。之后首先选中“W”PNG图片,然后按住Ctrl再选中三个矩形,点击【格式】-【合并形状】-【剪除】布尔运算,将多余部分进行剪除。

布尔运算的算法详细介绍:

第28招:布尔运算详解

得到如下效果,初步形成图文环绕立体结构效果

4.为了进一步提高画面感,我们把字母W(最底层的文本框),进行阴影设置。选中字母W文本框,点击设置形状格式-文本选项-阴影-设置颜色为黄色,同时对阴影大小和模糊度等进行调整,得到如下效果:

5.最后,对画面进行平衡,添加解说文字

第二类:图片为JPG高清图片

在第一类中我们会发现,其实使用PNG图片制作图文穿插效果并不难。

但是我们总会遇到一些必须使用,但又不是PNG图片,同时也很难进行抠图的JPG图片,比如这种:

要是硬抠,估计这哥们抠出来,人生也不完整了

所以,我们还需要掌握JPG图片,如何制作图文穿插效果。

首先看一下普通图文效果和图文穿插效果对比图

普通图文效果

图文穿插效果

首先从图片库选择合适的高清图片

免费高清图片来源

https://www.pexels.com/

然后选择合适的英文字体(此处是思源宋体),调整文字大小和位置,颜色

之后插入一个矩形形状,同时选中形状和文本框,然后点击【格式】-【合并形状】-【拆分】,将文字拆分成单个文字,效果如下

然后删除多余部分,包括第一个“i”上的点,为下一步制造图文穿插做准备,效果如下

选择第一个“i”形状,点击【设置形状格式】-【填充】选择【渐变填充】,渐变光圈设置为两色均为白色,右侧色块透明度设置为100%,左侧色块不变,调整两个色块的位置和角度(字母“t”同理设置)

得到如下图文穿插效果

对字母“G”进行“图片填充”,图片来源选择【插入图片来自文件】,图片选择“黄金背景”(可自行搜索);同时对字母“G”和“t”进行【阴影设置】,调整阴影大小和颜色,模糊度,得到如下效果

插入形状【直线】,填充选择渐变,原理同字母“i”设置(色块多设置几个),使得直线与字母和人物部分身体交叉部分透明度为100%

得到如下效果

最后,添加其他文字,进行画面平衡即可完成~

如果文章中的参数设置操作起来不够清晰,可查看本文所有制作案例的PPT设计源文件,对各个元素的参数设置进行查看。

最后想问下:

源文件获取方式:

微信公众号幻云PPT回复关键词“图文穿插

即可获得~

上一篇下一篇

猜你喜欢

热点阅读