分享

如何用PPT制作出高品质的渐变色? | 干货

 唐瑶的图书 2017-10-30



前两天收到一个朋友的留言,问我下图这种渐变色是如何制作的?

看来大家对于渐变色还是有很多不懂的地方,所以今天,我打算系统的说一说PPT中的渐变色。

虽然在PPT中渐变的实现特别简单,但是说句不好听的,很多人做的渐变并不好看,甚至可以说巨丑。


渐变色的三个可控变量

在PPT中,要想设置渐变色,只需要打开设置形状格式的属性栏就可以,操作也很简单,选中形状,然后右键设置形状格式,在右侧可以看到设置形状格式中的填充选项里就有一个渐变填充。

渐变色的设置主要通过三个变量的调整,分别是渐变类型,渐变方向还有渐变光圈。

渐变类型主要有四种,分别是线性渐变、射性渐变、矩形渐变、路径渐变。

线性渐变:从起点到终点颜色从内到外进行圆形渐变。

射线渐变:从起点到终点颜色进行顺序渐变,也就是一条直线。

这是在PPT中使用较广的两种渐变类型,除此之外,还有矩形渐变和路径渐变。

渐变方向和渐变角度其实是一个意思,这个在操作上很简单,直接调整角度的数值就可以了。

渐变光圈是渐变最重要的部分,它包含渐变的颜色、位置、透明度和亮度。我们可以在渐变光圈上增加和减少颜色的控点,以此来影响渐变的效果。

相近色渐变

如果我们想要制作出高品质的渐变色,那么在颜色的选择上就要非常谨慎了,最好选取相近的颜色,或者同一色系的颜色。

通过这种方法,我们调制出的配色给人的感觉就非常舒服,赏心悦目。

下面几个案例,一个是蓝色单色系的渐变,一个是紫色单色系的渐变,还有一个是绿色和黄色的相近色渐变。



渐变蒙版

蒙版我们都知道,就是半透明的色块,那么渐变蒙版就很好理解了,就是半透明的渐变色。

这种半透明的渐变色近两年在网页设计中非常火,你经常可以看到。

我们可以看到,上面这个渐变蒙版总共有两层,最小面是图片,在上面的是一个半透明的渐变色块。

这是一个蓝色到紫色的相近色渐变,只是我们在渐变光圈下调整了颜色的透明度,这样我们就可以若隐若现的看到背景的图片。


利用渐变处理图片

当我们的图片过亮或者图片尺寸太小不能过铺满屏幕时,这个时候我们就可以利用渐变来处理图片。

比如下面这个案例,我们看到图片的亮度太高,而且尺寸与整个版面不符,如果直接输入文字的话,图片对于文字的干扰很大。

这个时候,我们可以给图片添加一半透明渐变蒙版,其中光圈的左侧一端设置透明度为100%,右侧一端不设置透明度,然后我们在中间再加入一个光圈,也不布置透明度。


通过设置之后,我们就可以得到下图的效果了。


渐变色配色网站

如果你对色彩的感知度很低,不知道用什么颜色好,这个时候就需要多看一些好的配色方案。

关于渐变色的使用,我推荐两个网站,一个是WebGradients,一个是uigradients。这两个网站都收录了非常多的渐变色案例,在你没有灵感的时候,可以去看看。





    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多