前两天收到一个朋友的留言,问我下图这种渐变色是如何制作的?
看来大家对于渐变色还是有很多不懂的地方,所以今天,我打算系统的说一说PPT中的渐变色。
虽然在PPT中渐变的实现特别简单,但是说句不好听的,很多人做的渐变并不好看,甚至可以说巨丑。
01
渐变色的三个可控变量
在PPT中,要想设置渐变色,只需要打开设置形状格式的属性栏就可以,操作也很简单,选中形状,然后右键设置形状格式,在右侧可以看到设置形状格式中的填充选项里就有一个渐变填充。
渐变色的设置主要通过三个变量的调整,分别是渐变类型,渐变方向还有渐变光圈。
渐变类型主要有四种,分别是线性渐变、射性渐变、矩形渐变、路径渐变。
线性渐变:从起点到终点颜色从内到外进行圆形渐变。
射线渐变:从起点到终点颜色进行顺序渐变,也就是一条直线。
这是在PPT中使用较广的两种渐变类型,除此之外,还有矩形渐变和路径渐变。
渐变方向和渐变角度其实是一个意思,这个在操作上很简单,直接调整角度的数值就可以了。
渐变光圈是渐变最重要的部分,它包含渐变的颜色、位置、透明度和亮度。我们可以在渐变光圈上增加和减少颜色的控点,以此来影响渐变的效果。
02
相近色渐变
如果我们想要制作出高品质的渐变色,那么在颜色的选择上就要非常谨慎了,最好选取相近的颜色,或者同一色系的颜色。
通过这种方法,我们调制出的配色给人的感觉就非常舒服,赏心悦目。
下面几个案例,一个是蓝色单色系的渐变,一个是紫色单色系的渐变,还有一个是绿色和黄色的相近色渐变。
03
渐变蒙版
蒙版我们都知道,就是半透明的色块,那么渐变蒙版就很好理解了,就是半透明的渐变色。
这种半透明的渐变色近两年在网页设计中非常火,你经常可以看到。
我们可以看到,上面这个渐变蒙版总共有两层,最小面是图片,在上面的是一个半透明的渐变色块。
这是一个蓝色到紫色的相近色渐变,只是我们在渐变光圈下调整了颜色的透明度,这样我们就可以若隐若现的看到背景的图片。
04
利用渐变处理图片
当我们的图片过亮或者图片尺寸太小不能过铺满屏幕时,这个时候我们就可以利用渐变来处理图片。
比如下面这个案例,我们看到图片的亮度太高,而且尺寸与整个版面不符,如果直接输入文字的话,图片对于文字的干扰很大。
这个时候,我们可以给图片添加一半透明渐变蒙版,其中光圈的左侧一端设置透明度为100%,右侧一端不设置透明度,然后我们在中间再加入一个光圈,也不布置透明度。
通过设置之后,我们就可以得到下图的效果了。
05
渐变色配色网站
如果你对色彩的感知度很低,不知道用什么颜色好,这个时候就需要多看一些好的配色方案。
关于渐变色的使用,我推荐两个网站,一个是WebGradients,一个是uigradients。这两个网站都收录了非常多的渐变色案例,在你没有灵感的时候,可以去看看。
以上就是利兄最近研究的内容,希望你喜欢。
BY 利兄
(全文完)