跟PPT中的丑逼渐变说再见

beatppt第030期 | 如何给幻灯片做出一个漂亮的渐变

看过一些朋友做的渐变,说实话,不少渐变都让我想到两个字——巨丑。虽然不管是在PS还是在PowerPoint中,渐变都很容易实现,但是,渐变的质量足够反映一个人的美学功底。

对于某一个元素的应用,我一直有一个观点,用不好继续调整改进,实在用不好这次就先不用。用的不好还用,那叫强行装逼,容易让人怀疑你的审美水平。

声明:转载无限欢迎,但是请保留以下信息:作者 & 文章出处(请使用有效超链接)& 尽量先联系作者 & 图片请保留水印:




一】 渐变的可控变量

在幻灯片中,大多数的效果都是通过控制一些参数来实现,我将其称为可控变量。渐变效果的可控变量主要有三个。渐变类型,渐变方向和渐变光圈。

渐变的可控变量

三个可控变量都在几何形状属性栏中,比如选中形状,然后右键单击选择设置形状格式,在右侧属性栏中就可以看到这些可控变量。同样设置背景格式和文本选项中也都有渐变选项。

不同元素渐变设置

渐变方向和渐变角度是一回事,一般调整角度的数值即可,角度和直角坐标系中的的角度是一致的,从x轴正方向开始为0度,然后逆时针旋转即增大角度,方向要注意的一点就是,如果幻灯片描述场景,要注意渐变方向往往和光源的方向和阴影方向是紧密相关的。

一个不是很复杂的渐变效果,影响最大的就是渐变光圈的调节。而渐变光圈又有位置,颜色,透明度和亮度四个可控变量,其中最难把握的就是颜色。对颜色和RGB模式的理解直接很大程度决定了渐变的质量。

而且渐变涉及到两种和两种以上的颜色,所以色卡能提供的帮助也是有限的。看似简单的渐变,实际操作却并未见得容易,下图是我们设置渐变时的渐变光圈的示意图:

渐变光圈


二】幻灯片中漂亮渐变的几个特点

利用搜索引擎可以找到很多渐变,但是其中很多渐变不适宜用在幻灯片上使用,特别是用于投影的幻灯片,因为会影响到信息的输出。用于幻灯片的渐变往往有以下的特点。

[ 1 ] 背景的渐变非明即暗

这一点对于用于投影的所有幻灯片几乎都是成立的。这里的明和暗是个什么概念呢?暗是渐变光圈的所有停止点的RGB的数值控制在72附近及以下,明是渐变光圈的所有停止点的RGB的数值控制在200附近及以上。

[ 2 ] 渐变要过渡自然

渐变用得不好会给人错误的卷曲感,而这种卷曲感是没有什么道理而且很难看,正确的利用这种卷曲感的情况比如卷纸,就需要用渐变展现出卷曲的感觉。

另外,渐变不要出现突变,突然变亮,突然变暗,突然色相改变很多都属于这一范畴,错误示例见下图:

不当渐变示例

渐变自然还有一点要注意就是避免出现脏色,学过水粉就会知道,色彩混合不当会出现很难看的脏色,如果渐变的本意是明度和纯度都较高的颜色,而中间出现了明度和纯度都较低的颜色,可以将其视为脏色。


三】线性渐变与非线性渐变

线性渐变与非线性渐变的区分很简单,苹果发布会用得就是线性,而小米不少发布会用的是非线性,见下面的图片,图片的渐变都是我自己做的,与发布会的渐变近似程度很高。

苹果发布会渐变示例
小米发布会渐变示例

渐变效果的图片上传会被压缩,所以渐变会显得很粗糙,看大图会好很多。苹果发布会的渐变可以直接在PowerPoint中制作,而小米的渐变就需要借助取色器和PS,我会将源文件分享,但还是建议大家都试一试。

低明度渐变经常被用作发布会的背景不是没有理由的。低明度与现场的灯光布置相关,而渐变的使用没有纯色那么死板,渐变经常被用来塑造空间感,光源来的方向明度会稍高,而阴影则出现在背光测。当然,在幻灯片中没有规定必须要这样设定。

高明度的线性渐变和中心渐变示例,注意渐变方向和阴影方向之间的关系设置,渐变的停止点之间RGB数值不要相差太大:

渐变方向与阴影


渐变方向与阴影

另外,《时间的朋友》中的幻灯片提供了另一种渐变方向效果参考,但我个人不太建议采用这种方向,它的颜色重心偏向了右边:

《时间的朋友》演讲渐变示例


四】相近色渐变

前面的苹果和小米的发布会用得渐变跨度主要是明度,色相的变化很少,夸色相的渐变往往使用相近色比较多,如下图是一个线性相近色渐变,数字代表三个停止点的RGB数值,数值都在控制在72附近及以下,且最大的数值都在蓝色上,这意味者是相近色。从上到下注意数值变化,红色数值慢慢地在增大,绿色数值在慢慢减小。

渐变与RGB

上面是低明度的相近色渐变,当然,稍高明度的相近色也可以实现渐变,具体数值就不分析,大家下载源文件可以看RGB的数值,同样,渐变要做到过渡自然,纯度较高时不出现脏色:

纯度较高颜色的渐变示例

非线性的渐变也可以借助PS来实现,颜色的设置和线性大致相同,但非线性渐变较难控制一些,需要尝试多次,以IOS9模板中出现的页面为例,参见文章链接:独自一人跨年为你准备了一份礼物

PS渐变示例

相近色渐变还可以与图片结合到一起,因为渐变光圈的透明度是可以调整的,所以相当于半透明蒙版,不过填充方式是渐变,下面两张图分别是高明度和低明度的半透明渐变:

半透明渐变与图片配合
半透明渐变与图片配合


五】用渐变来塑造场景

这一点用得比较少,当光线照在一面墙上,墙体可以用渐变来近似处理,阴影的设置也应该与光源方向保持对应关系,看一个不是很精致的例子:

用渐变来塑造场景


六】用高斯模糊和羽化制作渐变

高斯模糊制作渐变就不受线性和非线性的限制,直接用色块就可以做出很漂亮的渐变,步骤也很简单,多尝试几次就好了,如下图所示:

高斯模糊前的色块


高斯模糊后

所以,之前一篇文章中出现的图片的背景就是用的这种方法,这里用的颜色都是高纯度高明度的颜色,虽然很大面积高纯度,但是将明度提高后也不会很刺眼,很柔和:

高斯模糊渐变示例

如果还会选区和羽化操作,就可以做出下面这种不像渐变的渐变,好像太粉嫩了一点:

羽化+选取渐变示例


网盘专辑链接:内有源文件下载

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容