美文网首页不加班的秘密工具癖上班这点事儿
如何用PPT制作出一个高品质的渐变色?

如何用PPT制作出一个高品质的渐变色?

作者: 利兄日志 | 来源:发表于2017-11-01 10:03 被阅读188次

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

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

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

    01

    渐变色的三个可控变量

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

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

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

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

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

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

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

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

    02

    相近色渐变

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

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

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


    03

    渐变蒙版

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

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

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

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

    04

    利用渐变处理图片

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

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

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

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

    05

    渐变色配色网站

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

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

    以上就是利兄最近研究的内容,希望你喜欢。

    BY 利兄

    (全文完)

    相关文章

      网友评论

        本文标题:如何用PPT制作出一个高品质的渐变色?

        本文链接:https://www.haomeiwen.com/subject/fiewpxtx.html