美文网首页PPT类相关文章code 工具与技巧设计产品运营商业模式
只需加一层渐变蒙版,竟能让PPT化腐朽为神奇!

只需加一层渐变蒙版,竟能让PPT化腐朽为神奇!

作者: 伟崇PPT | 来源:发表于2017-09-27 22:39 被阅读324次
    封面

    谈到「渐变」,大多数小伙伴的脑海里可能会闪过类似这样画面……

    1

    这些「土味弥漫」的幻灯片相信大家也不喜欢,而渐变如果能够用好,绝对是化腐朽为神奇的秘密武器:

    2 3

    是不是已经心动了?经过对比以及看到这样的作品,或许你心中会产生疑问:

    什么是渐变蒙版?

    如何添加渐变蒙版?

    不懂配色怎么做出高大上的渐变?

    那就一起开始接下来的学习吧!

    01、什么是渐变蒙版?

    我们在前面讲半透明蒙版时提到过,半透明蒙版其实就是在图片上添加一层半透明的色块,而渐变蒙版则是颜色逐渐发生过渡的色块。

    渐变蒙版可以分为单色渐变以及多色渐变等形式:

    4

    02、渐变蒙版的添加方法

    插入矩形,选中矩形,点击鼠标右键,【设置形状格式】填充,渐变填充。

    5

    在知道如何插入渐变蒙版之后,我们需要再了解一下渐变填充的一些小知识,包括类型,方向与渐变光圈。

    渐变的类型包括:线性渐变,射线渐变,矩形渐变,路径渐变。

    最常用的类型主要是线性渐变,所以我们以线性渐变的使用方法为例,通过给下面这张灰色的图添加渐变蒙版,来具体了解一下渐变色的变化规律。

    6

    线性渐变是指颜色沿着一条轴线过渡,从起点到终点颜色进行顺序渐变(从一边拉向另一边)。每一种类型都已经有预设好的角度和方向:

    7

    调节角度有什么作用呢?来对照看一下:

    8

    渐变光圈默认的有 4 个,颜色渐变按照渐变光圈从左至右的顺序。

    一般情况下,只需两个渐变光圈即可。比如我们设置【类型】为线性渐变,【方向】从左至右。

    色值参考:

    光圈 1 位置为 0,RGB 为(255,107,107),透明度为 20%

    光圈 2 位置为 100,RGB 为(85,98,112),透明度为 50%

    9

    将蒙版覆盖到图片上面,就可以使这张灰色的图大变模样:

    10

    对比一下,是不是有很大的改善?

    11

    了解了线性渐变,对于射线渐变就好理解了。

    射线渐变的方向主要有以下 5 种:

    12

    可以发现,颜色的过渡都是从某一个点开始发散的。我们用一个案例来看看线性渐变与射线渐变的区别。

    线性渐变:

    13

    射线渐变:

    14

    你在看这两张图的时候,注意力有没有变化?

    由于渐变的一种引导作用,我们在看图 1 的时候,更多会将注意力放在图片上,而看图 2 的时候,我们会更关注文案。

    同样是渐变,但是不同类型的渐变有不同的使用方式。所以,我们在使用渐变的时候,要根据实际需要来选择类型与方向。

    03、小白不懂配色如何做出高大上的渐变

    渐变色能迅速提升设计感,时尚的配色又能吸引年轻人的喜欢,所以越来越多的互联网科技公司的官网网页上,特别喜欢使用渐变色:

    15 16

    显然,操作其实并不复杂,最难的地方在于怎么调节配色。

    《配色原理》这本书籍提到过,一般情况下,我们可以通过视觉获取各种信息,其中色彩是十分重要的信息之一,色彩是被誉为一种能够激发情感,刺激感官的元素。

    色彩信息传递的速度非常的快,在进入眼球的瞬间即可在人的大脑中形成一种印象。而渐变的引入可以比单色更加有趣,并且充满活力。

    大多数互联网公司,正是应用不同色彩所带来的不同感受,利用颜色的渐变来营造出一种年轻,青春的气息,符合大多数受众人群的偏好。

    而作为一个没有任何设计基础的小白来说,如何调出和上图一样的漂亮渐变色彩呢?

    接下来给大家安利 3 个渐变色设计网站。

    ❶ uigradients.com

    里面都是已经搭配好的渐变色,我们只需直接取用即可。

    17

    另外点击左上角的【show all gradients】可以看见所有已经搭配好的颜色列表,有了这上百种颜色的搭配,基本上可以满足所有渐变色的需求了。

    18

    ❷ https://webkul.github.io/coolhue/

    19

    该网站一共提供了 30 种现成的渐变背景,建议大家直接下载 PNG 图片格式,就可以直接当做背景使用啦。

    ❸ webgradients.com

    20

    该网站一共提供了上百种现成的渐变色配色方案,左下角有色号,右上角点击下载可以直接下载渐变图片。

    有了这 3 个渐变色配色神器,PPT 小白也能马上使用高大上的渐变色彩啦~

    04、小补充

    如果觉得输入色号比较麻烦,也可以通过取色器实现取色。

    第一种方法,截图到 PPT 中,用取色器直接取色:

    21

    第二种方法,用NT插件的取色器直接在 PPT 外取色:

    22

    好啦,一起来回顾一下今天的内容:

    什么是渐变蒙版?

    通俗来说就是颜色逐渐发生过渡的色块

    渐变蒙版如何添加?

    【设置形状格式】→【渐变填充】,渐变类型主要是线性渐变和射线渐变,主要调节参数是光圈、角度和透明度

    如何调节出高大上的渐变?

    uigradients.com、Coolhue、webgradients.com

    本文首发于「秋叶PPT」,如需转载请联系秋叶PPT。

    相关文章

      网友评论

      • 叶晶up:不好意思在这里找到了。
        伟崇PPT: @叶晶up 哈哈,篇幅太长,拆开了

      本文标题:只需加一层渐变蒙版,竟能让PPT化腐朽为神奇!

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