editor 插入图片之后将光标放到右侧_如何排版只有一张图片的PPT?返稿20遍,我才做出领导满意的20个版式!...

本文主要是介绍editor 插入图片之后将光标放到右侧_如何排版只有一张图片的PPT?返稿20遍,我才做出领导满意的20个版式!...,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

57973bbc1084b8c13c8d3a02ccd4a008.png

编按:

前不久,老板喊我为公司做一套PPT,只有一张图片,我熬夜做了两天,发给老板,老板很不满意,一次次喊我修改,在第二十次发给老板,老板终于满意了,今天将这些优秀的版式分享给大家,希望大家以后制作PPT能马到成功(反复修改人会疯的~~~~)

常听人说“一图胜千言”,一张好的图片能够很好地传达出个人的观点,但是有人就想问了,如何用一张优质的图片进行排版呢?

01bb3ef85401ca4ec607cacd087433b3.png

其实有很多方法对一张图片进行排版,这里小白将列举四种类型:全图型、拦腰型、上下型、左右型。

cd237a88afd46c93ba2e986248e3a35e.png

当然啦,在给大家分享案例之前,小白需要给大家强调一下图片使用的三个原则。

一、使用图片的三大原则

制作PPT过程中,使用图片时需要遵循这三个原则,分别是高清、无码、无水印

下面小白将逐一解释。

1.高清图片

简而言之就是图片像素高,插入到PPT页面后进行放大,,图片不会失真或者经过裁剪后图片的质量依旧完好。

举个例子:

e013bfd978da67485461083dde040843.png

这张图片是在百度图片中搜索的图片,插入到PPT页面后进行放大,背景图难以看清并且出现了部分bug从而让整个页面下降一个档次。

e095ea7846231a080b4b5114f27dedac.png

插入高清图片后,添加渐变蒙版遮蔽色彩信息,再将文本进行简单的左对齐后,就会和上面的页面形成鲜明的对比。

2.无码

与图片需要高清像素同样的道理,在制作PPT过程中尽不要出现图片上有马赛克的情况,除非是特殊情况,如新闻等。

举个例子:

b1e03ce563ab3801e106f3449b6adfd1.png

即使图片是高清的,但是有了马赛克之后,观众的眼球会被图片中的马赛克所吸引,从而弱化了文本的作用。

e0098d6427d8cfb9c1a55e98d346a26d.png

寻找一张高清且不带马赛克的图片对整个PPT页面来说是非常有必要的。

3.无水印

如果大家经常去百度图片逛的话,对图片水印就非常熟悉了。有的小伙伴看到了好的图片也不在乎有无水印就直接插入PPT中使用,但是实际上这种做法是不可取的。

举个例子:

b73987a8facdd8b62f9c9671c586fa95.png

图片的清晰度较高,与主题也相符合,但下方的水印会对观众观看PPT造成干扰,分散观众的注意力。所以选择图片时,选择无水印图片或者去除图片水印是非常有必要的(当然也有各种方法去除水印,这个后期再讲)。

b0152128f23655798665935817cfd5b7.png

没有水印或者将水印遮蔽能够很好地解决水印干扰页面信息的问题,或者说突出文本信息。

最后总结一下图片三原则:

(1)图片使用三原则是:高清、无码、无水印;

(2)使用图片需要注意版权问题,想要高清无版权图片可以去pexels、unsplash等图片素材网站英文检索下载。

二、图片排版

讲完使用图片的三原则之后,咱们来进入正题:一张图片在PPT中如何进行排版呢?

1.全图型

按字面意思理解,就是图片填充整个PPT页面,这种类型对图片的像素要求比较高,像素必须比较高。我们来逐一分析:

2b7f10beacd5e4b3ba3475ab362b4ebe.png

留白区域较大的图片直接添加文本排版,通过浅色背景加上深色文字,文本信息一下子就能凸显出来,同时人物视线也引导着标题方向。

8329ac320792983e77f4bd334d6d8323.png

背景较杂的情况可以添加纯色色块。比如上图,操作就比较简单,直接插入矩形,水平居中垂直居中后,添加文本对齐即可。

37a67a4d4f1619ba58ecbdab31226e46.png

同样可以将纯色的大色块缩小,作为某个文本的衬底。

c21454dd8438754a8fb054b5ade9e82d.png

给纯色色块添加透明度,也是一种比较实用的方法,背景若隐若现,文本在色块之上也比较容易突出。

4b627cf37b9e4604f00f93b3fcf3caf4.png

当透明的纯色色块覆盖整个页面时,蒙版就诞生了,之前也讲过很多关于蒙版的知识,这里通过添加蒙版遮蔽背景信息,从而凸显文本。

08c6021fc775539d9d7607d840741282.png

单一的文本如果觉得比较单一,可以考虑添加粗线框,通过线框聚焦文本,使文本更加突出。

总结一下:

(1)全图型页面对图片像素要求较高,页面核心是突出文本;

(2)一些免费可商用的高质量图片网站有:pexels、unsplash,需要英文检索下载。

2.拦腰型

拦腰型,顾名思义,就是重点文本信息放在整个页面的腰间部位,也就是3/4的位置。这个在PPT中比较少见,但是偶尔使用也会为页面加分。

1598cb82dab7cc5b75e739bf90b1ce87.png

透明纯色色块放置于页面的中心偏下区域,突出色块上的文本信息。

dd60dc38549de47f4ec2cf84666953ec.png

中心区域纯色色块,突出文本。

843f15c06d84d7c7296968cf690639a7.png

换成图片也是可以的,通过渐变蒙版或者纯色蒙版作为修饰。

总结一下:

(1)拦腰型PPT是将页面截断,通过图片或者色块的方式,来突出文本;

(2)常用的场合是封面页以及内容页。

3.上下型

一般图片在上方,下方是文字,上下排版的方式突出文本。

f1a9a285833b7d55ca6b5a3e323716d7.png

上面高清图片,裁剪到一半的位置,下面是文本,符合视觉由上到下的规律。

e3ea627aa6b85acd3211303cebdd9128.png

和上面一样的原理,不过将图片上添加了一层蒙版,降低了图片颜色的干扰。

d14a96eb5566852fa83db789f324a419.png

如果将图片再次分割,之后上图下文的格式,这样更有创意感。

57582c5535e91f972a41675bcdaa0a7a.png

或者更换图片与文本的方位,上文下图。

39933376a84fd6b8b695803c28905a6d.png

当然还可以用样机的方式,将图片放置于样机中,进而突出标题。

总结一下:

(1)上下型的通常玩法是上面是图片下面是文本,符合观众一般的视线规律;

(2)不一定所有的图片都需要裁剪为1/2,也可以将图片继续分割,最后上下排版,提升页面的设计感。

4.左右型

左右型的排版方式是上面提到的几种排版方式中运用得最多的,这种排版方式基本都是左图右文或者右图左文。

731a69d0e31cec816a884cab8589e88c.png

图片裁剪为3/4,与页面右对齐,之后添加纯色色块,突出文本。

291a0777f92ccc5b02326d5ab43b1704.png

图片裁剪为1/4,之后右对齐,文本放置于左侧。

3fc0ba5634abb7c47f67eba49132151f.png

裁剪图片为1/4,之后左对齐,文本放置在右侧。

e898bb02d952a90538d666f481014eb1.png

将1/4的图片放置于中侧,文本放置在左侧和右侧,再进行排版,效果也不错。

2d355f92f156696702521d8142a8e59a.png

如果图片像素较小又非用不可时,同样也可以运用左右型的排版方式。

2353358f8b98605ca33c7cdab4d14660.png

最后,还是可以添加样机进行左右型的排版。

总结一下:

(1)左右型排版是图文排版时运用得最多的一种方式,通常出现在内容页的设计中;

(2)左右型排版中可以将图片分割成3/4,1/2,1/4等几种样式,更方便对文本进行编排。

看了那么多案例,下面我们来动手进行实操吧~

91a18b478a075de69ffad6f8dfa1a5ba.gif

第一步:在插入选项卡中选择“形状”,“矩形”,延着左上角放大到整个页面,鼠标左键单击“设置形状格式”,设置其基本属性,“填充”设置为“纯色填充”,“颜色”填充为“灰色”,r29,g39,b59;“线条”设置为“无线条”。

789acff5f1004e1bd2dfe23a4210d748.gif

第二步:在插入选项卡中选择“图片”,将高清图插入到页面中,在“格式”选项卡中选择“裁剪”,裁剪约1/2的大小,点击空白部分完成裁剪,按住ctrl+shift左键拖移,稍微放大图片。

5fb6024607a99c6fa1fb2e6d30571154.gif

第三步:在插入选项卡中选择“形状”,“矩形”,在页面中拖拽出一个如上图演示的矩形,设置其基本属性,“填充”设置为“纯色填充”,“颜色”填充为“红色”,r255,g39,b58;“线条”设置为“无线条”。

fc4e7dc1b258fec9baf35e0a57899ea2.gif

第四步:在插入选项卡中选择“线条”,“直线箭头”,按住shift+左键在页面中拖拽相互一条线条,作为视觉方向的引导,将其颜色更改为白色,磅值修改为2磅。

0284e44e02110cec29b60eacf9c4770d.png

最后,添加文本,左对齐放置于色块之上即可大功告成啦~

好啦,本期教程就到这里,咱们下期再见~

2534cc51fccd660c697255446c153f71.png

扫码加好友,领取海量PPT源文件

PPT教程文章推荐

+

用上这4个PPT实战小技巧,老板叫我做PPT的时候再也不手忙脚乱!

还在眼馋别人做出的双重曝光效果?用PPT你也可以!

如何用PPT展示公司资质?6种方法美观又实用

老板给了一颗油菜,叫我做PPT,怎么办?

看了《乘风破浪的姐姐》,我才知道色块拼接这么牛逼!

115cffae777b7e335d796198e4c643f1.png cbcc1026fffc947b9151ac559b1f3c09.png 月明船笛参差起,风定池莲自在香。 ——《 桥南纳凉 》【宋】陆游

喜欢的话就点个看吧46ad7dc5dee5b0aa215d2871d7aecddb.png46ad7dc5dee5b0aa215d2871d7aecddb.png46ad7dc5dee5b0aa215d2871d7aecddb.png

这篇关于editor 插入图片之后将光标放到右侧_如何排版只有一张图片的PPT?返稿20遍,我才做出领导满意的20个版式!...的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/363733

相关文章

uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)

《uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)》在uni-app开发中,文件上传和图片处理是很常见的需求,但也经常会遇到各种问题,下面:本文主要介绍uni-app小程序项目中实... 目录方式一:使用<canvas>实现图片压缩(推荐,兼容性好)示例代码(小程序平台):方式二:使用uni

Android实现图片浏览功能的示例详解(附带源码)

《Android实现图片浏览功能的示例详解(附带源码)》在许多应用中,都需要展示图片并支持用户进行浏览,本文主要为大家介绍了如何通过Android实现图片浏览功能,感兴趣的小伙伴可以跟随小编一起学习一... 目录一、项目背景详细介绍二、项目需求详细介绍三、相关技术详细介绍四、实现思路详细介绍五、完整实现代码

SpringBoot分段处理List集合多线程批量插入数据方式

《SpringBoot分段处理List集合多线程批量插入数据方式》文章介绍如何处理大数据量List批量插入数据库的优化方案:通过拆分List并分配独立线程处理,结合Spring线程池与异步方法提升效率... 目录项目场景解决方案1.实体类2.Mapper3.spring容器注入线程池bejsan对象4.创建

Java实现将HTML文件与字符串转换为图片

《Java实现将HTML文件与字符串转换为图片》在Java开发中,我们经常会遇到将HTML内容转换为图片的需求,本文小编就来和大家详细讲讲如何使用FreeSpire.DocforJava库来实现这一功... 目录前言核心实现:html 转图片完整代码场景 1:转换本地 HTML 文件为图片场景 2:转换 H

Java实现在Word文档中添加文本水印和图片水印的操作指南

《Java实现在Word文档中添加文本水印和图片水印的操作指南》在当今数字时代,文档的自动化处理与安全防护变得尤为重要,无论是为了保护版权、推广品牌,还是为了在文档中加入特定的标识,为Word文档添加... 目录引言Spire.Doc for Java:高效Word文档处理的利器代码实战:使用Java为Wo

基于C#实现PDF转图片的详细教程

《基于C#实现PDF转图片的详细教程》在数字化办公场景中,PDF文件的可视化处理需求日益增长,本文将围绕Spire.PDFfor.NET这一工具,详解如何通过C#将PDF转换为JPG、PNG等主流图片... 目录引言一、组件部署二、快速入门:PDF 转图片的核心 C# 代码三、分辨率设置 - 清晰度的决定因

Python从Word文档中提取图片并生成PPT的操作代码

《Python从Word文档中提取图片并生成PPT的操作代码》在日常办公场景中,我们经常需要从Word文档中提取图片,并将这些图片整理到PowerPoint幻灯片中,手动完成这一任务既耗时又容易出错,... 目录引言背景与需求解决方案概述代码解析代码核心逻辑说明总结引言在日常办公场景中,我们经常需要从 W

使用Python实现无损放大图片功能

《使用Python实现无损放大图片功能》本文介绍了如何使用Python的Pillow库进行无损图片放大,区分了JPEG和PNG格式在放大过程中的特点,并给出了示例代码,JPEG格式可能受压缩影响,需先... 目录一、什么是无损放大?二、实现方法步骤1:读取图片步骤2:无损放大图片步骤3:保存图片三、示php

Python使用python-pptx自动化操作和生成PPT

《Python使用python-pptx自动化操作和生成PPT》这篇文章主要为大家详细介绍了如何使用python-pptx库实现PPT自动化,并提供实用的代码示例和应用场景,感兴趣的小伙伴可以跟随小编... 目录使用python-pptx操作PPT文档安装python-pptx基础概念创建新的PPT文档查看

Java使用Thumbnailator库实现图片处理与压缩功能

《Java使用Thumbnailator库实现图片处理与压缩功能》Thumbnailator是高性能Java图像处理库,支持缩放、旋转、水印添加、裁剪及格式转换,提供易用API和性能优化,适合Web应... 目录1. 图片处理库Thumbnailator介绍2. 基本和指定大小图片缩放功能2.1 图片缩放的