充会员,很划算

如何给幻灯片做出一个漂亮的渐变-跟丑逼渐变说再见

配色·色彩方案2016-03-16
留言 0
如何给幻灯片做出一个漂亮的渐变-跟丑逼渐变说再见
导读

渐变往往比单纯的纯色填充难,因为渐变除了讲究颜色是否合适之外,还涉及到渐变的量、渐变两色之间的颜色融合问题、面积大小、轻重等。

渐变往往比单纯的纯色填充难,因为渐变除了讲究颜色是否合适之外,还涉及到渐变的量、渐变两色之间的颜色融合问题、面积大小、轻重等。好了好了,不要猴急,看看今天的教程怎么说。


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

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

本文PPT源文件下载地址:http://pan.baidu.com/s/1ntTGHOt

 

【一】 渐变的可控变量

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

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

pptfans-eb261286085cb10d6389

渐变方向和渐变角度是一回事,一般调整角度的数值即可,角度和直角坐标系中的的角度是一致的,从x轴正方向开始为0度,然后逆时针旋转即增大角度,方向要注意的一点就是,如果幻灯片描述场景,要注意渐变方向往往和光源的方向和阴影方向是紧密相关的。
一个不是很复杂的渐变效果,影响最大的就是渐变光圈的调节。而渐变光圈又有位置,颜色,透明度和亮度四个可控变量,其中最难把握的就是颜色。对颜色和RGB模式的理解直接很大程度决定了渐变的质量。
而且渐变涉及到两种和两种以上的颜色,所以色卡能提供的帮助也是有限的。看似简单的渐变,实际操作却并未见得容易,下图是我们设置渐变时的渐变光圈的示意图:

pptfans-a51d392e4dcb83d9b9e4

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

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

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

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

[ 2 ] 渐变要过渡自然

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

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

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

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

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

pptfans-a6fd8a83958a2a429581

pptfans-47d1c742edfb956647e5
渐变效果的图片上传会被压缩,所以渐变会显得很粗糙,看大图会好很多。苹果发布会的渐变可以直接在PowerPoint中制作,而小米的渐变就需要借助取色器和PS,我会将源文件分享,但还是建议大家都试一试。低明度渐变经常被用作发布会的背景不是没有理由的。低明度与现场的灯光布置相关,而渐变的使用没有纯色那么死板,渐变经常被用来塑造空间感,光源来的方向明度会稍高,而阴影则出现在背光测。当然,在幻灯片中没有规定必须要这样设定。高明度的线性渐变和中心渐变示例,注意渐变方向和阴影方向之间的关系设置,渐变的停止点之间RGB数值不要相差太大:pptfans-e31e944e7983bc82bb4apptfans-82055fa1cbb8eb3df2ed

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

pptfans-1aa1b333592ddf25dd73

【四】相近色渐变

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

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

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

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

pptfans-4b473bf435991b940dac

【五】用渐变来塑造场景

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

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

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

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

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

作者:公子小菜
来源链接:http://zhuanlan.zhihu.com/zy-cai/20642516

发表回复

移动版关于我们联系我们版权声明

PPTfans.cn (PPT设计教程网) ©2012-2020 · 粤ICP备19137043号 · 基于Wordpress · 由peaterq设计&制作 ·网站标签 · 订阅鄂公网安备 42050602000108号

有困难加站长微信
购买咨询电话15360667849
PPT交流QQ群34597820
iSlide交流QQ群281329348
疑难杂症找站长遇到困难,找站长!