找回密码
 注册

扫一扫,访问微社区

QQ登录

只需一步,快速开始

查看: 654|回复: 4
打印 上一主题 下一主题

[美化设计] 高端实用!让字叠图时更加清晰易读的七个技巧!

[复制链接]

8

主题

42

帖子

1119

锐币

积分
243
QQ
跳转到指定楼层
楼主
本帖最后由 ShadowZPPT 于 2019-3-12 22:40 编辑



Hello大家好哇,我是小Z。

这几天小Z在指导一些小伙伴PPT时发现一个问题:
当我们选好背景图后,发现在上面叠字时,会因为背景图里的人、景过杂、颜色太多或是背景太亮而导致效果不佳。(如下图)



经过整理,小Z提供给大家七种解决办法,其中包括对图片的处理和对文字的处理。
(以下所有案例均为小Z原创,文末附案例源文件可供大家下载套用)

1.  图片添加蒙版
2.  图片模糊处理
3.  图片黑白处理
4.  文字镂空处理
5.  加大文字字号并突出色彩对比
6.  文字设置投影
7.  文字设置背景色


一、 图片添加蒙版

咱们给底图加了蒙版就会好很多,无论是识别性还是气质都蹭蹭蹭的上去了:



那么,小Z在这里就先介绍下蒙版的概念。

PPT中蒙版就是一层用于视觉统一或是为了突出上层对象,弱化底层背景,渲染氛围、区分对象层级的半透明色块

咳咳,小Z 说的好像有点学术…那咱们看个栗子就能一目了然了:



由上到下依次为文字层、蒙版层与底图层。蒙版层恰到好处地分隔了底图层与文字层,更好地加强了页面间的层次关系。

而其实蒙版从大小上来分能分为全屏蒙版区域蒙版;而从形式上来分则能分为渐变蒙版纯色蒙版






上面的第一张图也属于纯色蒙版,颜色是黑色。下面是洋红色的纯色蒙版。




一般来说,当你想要突出上层内容且想要表现出视觉冲击力,建议采用全屏蒙版;而若背景也重要且信息较多,作解释说明作用的,则可以采用区域蒙版;
如果想要更加具有现代感或是图文过渡,可以使用渐变蒙版;而相比之下,纯色蒙版则是比较通用的。


优点
1. 适合表现叠在满屏图片的大标题的视觉冲击力
2. 能强化文字部分(当文字部分优先级高于图片)

缺点
1. 会降低/提高整张图片的亮度,影响图片可视性
2. 若图片作用是为了表现图的美感,那么这会影响图片表现力的传达

蒙版制作方法(以全屏纯黑色蒙版为例)




二、图片模糊处理

对图片模糊处理能够表现出朦胧的意境,达到虚实结合的效果,能弱化底层对象,突出清晰的部分。但是这也会牺牲图片在页面的整体可视性

这种处理手法大家在手机锁屏上较常见:
(比如请允许我在此处强行秀一波自己的锁屏)





但模糊处理在PPT中实现只能通过形状选项里的“艺术效果”——虚化实现,而且虚化程度也不高。所以较为专业的处理手法是通过Photoshop的模糊滤镜效果。



优点:
1.当背景图较乱,能很好减少图片的杂乱性
2.文字信息能够很好的在虚化的背景上被凸显出来

缺点:
1.为文本信息完全牺牲了图片
2.当背景图趋于同色时,模糊处理还是无法解决上面如果文本信息也是近似色的可视性问题
3.风格上不通用,多用在ios风格上



三、图片黑白处理

图片黑白处理也是种统一图片风格的方法。当图片色彩太多,或是一张页面上有好几张图片,色彩都过于跳跃的时候,就可以尝试黑白处理。

黑白处理过的图片,能拥有年代感、高级感或是忧伤感等,所以也要斟酌使用。





优点
1.更能表现出图片的格调
2.能够统一图片色彩

缺点
1.会让图片失去原来的色彩(对于需要表现色彩信息的图片不适用)
2.会让图片失去生机
3.当一页上使用多图黑白化处理时,亮度、对比度等信息难以统一

图片黑白处理操作步骤:




当然如果一张页面存在多张图片进行黑白处理后,肯定会出现图片亮度和对比度不一致的情况,这种情况下就得再分别调整每张图片的亮度、对比度来让它们统一。



四、文字镂空处理

你已经习惯了上面的那些图片处理方式,那么镂空字的处理方式一定能让你眼前一亮。镂空字将字与背景融合,通过明暗对比强化了视觉冲击力。



优点:
1.明暗对比能突出文字和文字下方亮部图片
2.能让文字与背景更好的融合为一个整体

缺点:
1.操作一次性,镂空后无法再编辑修改文字
2.当背景存在暗部时,此时如果镂空字有部分在暗部上,则那部分文字可视性差

镂空字实现步骤:




先选中蒙版,再按住Shift同时选中上面的文字,再点击格式中的合并形状里的“剪除”



五、加大文字字号并突出色彩对比

加大文字字号绝对是能突出文字信息最简单粗暴的方法,但是单纯增大字号并不能达到文字可视性的提升,这时我们再改变文字的颜色,使其与背景颜色拉开层次。




优点
1.能够强化版面的视觉冲击力
2.能够大程度强化文本信息

缺点
1.会让版面显得厚重,不适合轻柔、文艺等主题风格的传达
2.文本信息占用空间过大,阻挡背景图片的可视性
3.文字信息的颜色难以把控,可能会影响整个版面的美观



六、文字设置投影

给文字设置投影,也是一个能区分文字与背景层级的方法,能瞬间提升字体的立体感。但小Z 建议还是在当背景比较亮的时候使用,而且不要投影颜色直接使用纯黑色,同时还得降低不透明度使阴影轻盈,自然。因为完全的纯黑色会给人压抑感与厚重感



优点:
1.能够和底图拉开层次,提升文字可视性与层次性

缺点:
1.阴影的度不易把控,容易弄巧成拙
2.只适用于亮背景,暗背景无法使用投影



七、文字设置背景色
文字设置背景色和文字放在区域蒙版上有些类似,但是背景色的区域是根据文字长度和大小来的,所以是小块不规则区域。给文字设置背景色的方法可以起到强调文字的作用。但小Z建议,采用文字设置背景色这种方式时,只适用于标题或者短句。同时不建议用太多,不然会有廉价感。



优点:
1.能够在凸显文字部分时还保留图片原本大部分可视性

缺点:
1.不适用大段文本
2.文字的背景色可能会让文本与背景有分离感
3.文本背景色部分会完全遮挡这部分下面的图片信息


好啦,那小Z今天就讲到这里~剩下的内容靠大家自己消化啦
后台回复“字叠图”可以获取本篇文章所有案例源文件与所用字体文件包(下面有二维码可扫)



内容:ShadowZ
编辑:六一


推荐阅读:
极致美学:黄金分割在PPT中的应用:forum.php?mod=viewthread&tid=292366

国际范!如何做出高大上的英文PPT?:forum.php?mod=viewthread&tid=292366



图20.png (163.52 KB, 下载次数: 0)

图20.png
分享到:  微信微信 QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏1 转播转播 分享分享 分享淘帖 顶 踩
新晋演示设计师。公众号:ShadowZPPT
回复

使用道具 举报

0

主题

12

帖子

653

锐币

积分
63
沙发
听息 发表于 2019-3-13 17:18:45 | 只看该作者
学习了,看来有些名词还是需要与时俱进的哈,否则连说的什么都听不懂。。。哈哈
回复 支持 反对

使用道具 举报

8

主题

42

帖子

1119

锐币

积分
243
QQ
板凳
 楼主| ShadowZPPT 发表于 2019-3-13 20:44:47 | 只看该作者
听息 发表于 2019-3-13 17:18
学习了,看来有些名词还是需要与时俱进的哈,否则连说的什么都听不懂。。。哈哈

哈哈 哪些名词开始不太理解呢?
新晋演示设计师。公众号:ShadowZPPT
回复 支持 反对

使用道具 举报

0

主题

35

帖子

702

锐币

积分
189
报纸
adfgjk 发表于 2019-3-15 22:40:57 | 只看该作者
好!!!顶一个
回复

使用道具 举报

0

主题

1029

帖子

9859

锐币

积分
5275
地板
bjwx 发表于 6 天前 | 只看该作者
学习了,谢谢分享!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

展开
快速回复 返回顶部 返回列表
展开
博聚网