美文网首页PPT形状与渐变
看完此文100%掌握图文高逼格排版~附所有设计素材源文件

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

作者: 幻云PPT动画_大雄董军 | 来源:发表于2019-03-08 20:53 被阅读63次

    图文穿插的排版形式,能够使得枯燥无味的二维平面设计,画面层次感更强,立体感更强,因此在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回复关键词“图文穿插

    即可获得~

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/fzmdpqtx.html