干货!不懂配色也能做出惊艳的渐变风格

干货!不懂配色也能做出惊艳的渐变风格_第1张图片

渐变是目前最流行最简单的设计手法之一,也是各大网站及移动端APP背景设计常用的设计技巧。

干货!不懂配色也能做出惊艳的渐变风格_第2张图片

今天的教程主要介绍在PPT中如何借鉴网页设计,巧妙运用渐变,迅速提升整体格调。

纯色背景是在PPT制作当中最常用的方法之一,实现效果简单,适用的场景也最多,纯色渐变背景是在背景填充的基础上,增加一种或者多种颜色,从而提高整体效果的格调。

干货!不懂配色也能做出惊艳的渐变风格_第3张图片
图片来自网络
干货!不懂配色也能做出惊艳的渐变风格_第4张图片
图片来自网络

在PPT中制作这种渐变效果的方法非常简单,在背景上点击右键,设置背景格式,选择渐变填充,选择好颜色及相关参数就完成了。

干货!不懂配色也能做出惊艳的渐变风格_第5张图片

背景的纯色渐变填充除了在PPT封面封底设计上使用外,还可以应用的到内容页,表格等页面中。

干货!不懂配色也能做出惊艳的渐变风格_第6张图片
图片来自网络
干货!不懂配色也能做出惊艳的渐变风格_第7张图片
by kawen
干货!不懂配色也能做出惊艳的渐变风格_第8张图片
图片来自网络

除了背景以外,在PPT中绘制的形状,输入的文字等都可以进行渐变填充,在全图型PPT中,使用形状填充渐变色,与图片叠加,可以制作出类似PS中的蒙版效果。

干货!不懂配色也能做出惊艳的渐变风格_第9张图片
图片来自网络
干货!不懂配色也能做出惊艳的渐变风格_第10张图片
图片来自网络
干货!不懂配色也能做出惊艳的渐变风格_第11张图片
图片来自网络
干货!不懂配色也能做出惊艳的渐变风格_第12张图片
图片来自网络
干货!不懂配色也能做出惊艳的渐变风格_第13张图片
图片来自网络

这种渐变色形状叠加图片的效果,在PPT中的实现方法是,先插入图片,然后绘制一个和图片大小一致的矩形形状,设置形状格式为渐变填充,选择好填充的颜色,调整一下透明度参数就完成了。

干货!不懂配色也能做出惊艳的渐变风格_第14张图片

这种渐变色叠加图片的效果,在PPT中可以应用到封面、过渡页等页面设计中。

干货!不懂配色也能做出惊艳的渐变风格_第15张图片
图片来自网络
干货!不懂配色也能做出惊艳的渐变风格_第16张图片
by紫面叔叔
干货!不懂配色也能做出惊艳的渐变风格_第17张图片
by紫面叔叔
干货!不懂配色也能做出惊艳的渐变风格_第18张图片

通过设置渐变蒙版叠加图片的效果,大家也许觉得蒙版遮挡了图片的效果,不够像PS软件制作出的效果那么通透,例如下列效果,在PPT中实现起来就比较困难。

干货!不懂配色也能做出惊艳的渐变风格_第19张图片
by虎课网婷子
img.ui.cn

要实现类似蒙版通透的效果,我们需要OK插件来帮忙,选中图片和渐变形状,设置图片混合效果为正片垫底。

干货!不懂配色也能做出惊艳的渐变风格_第20张图片

比较一下两个效果,是不是感觉不一样了。

干货!不懂配色也能做出惊艳的渐变风格_第21张图片

渐变颜色选的好,整体的格调就会上升,如果选色选不好,就会毁掉一切。那么好看的渐变色上哪里去找呢?

1、从图片上获取

我们可以借鉴好的渐变效果图片的配色,将图片素材保存下来,插入到PPT中,通过取色器进行取色。

干货!不懂配色也能做出惊艳的渐变风格_第22张图片

PPT版本较低,没有取色器的小伙伴,可以通过截图软件,获取当前指针位置的RGB值,来进行配色。

干货!不懂配色也能做出惊艳的渐变风格_第23张图片

2、渐变色网站

如果在搜索引擎上搜索“渐变色网站”关键词,会有很多的网站出现,这里给大家推荐一个渐变色网站WebGradients,地址:https://webgradients.com/,网站提供了多达180种流行渐变配色,足够大家日常使用了。

干货!不懂配色也能做出惊艳的渐变风格_第24张图片

获取渐变方案也非常简单,点击渐变方案右侧的下载箭头,在新的标签页中会打开一张分辨率高达2400x2000分辨率的.PNG格式图片,可以将文件保存下来,或者将直接复制到PPT中,作为背景使用。

今天渐变色的教程大家是否觉得干货满满呢?

你可能感兴趣的:(干货!不懂配色也能做出惊艳的渐变风格)