简单三步,打造梦幻的渐变背景

作者: cnpim CNPIM 2016年08月10日

前段时间流行的扁平化风格,最近提的好像越来越少;一种新的设计风格慢慢的走进我们的视野,那就是微渐变,或者称呼为弱渐变。

简单的说,就是渐变的幅度不大,颜色较为相近。

Part One 渐变背景的设计

比如下面这种

bf820a5e935943e0ba86aae31291ca97_r

紫色和蓝色为相近色,渐变的幅度不大,但渐变的效果很好,给人一种舒服的感觉,减少突兀渐变所带来的干扰。

3353323547f447506c1d284c6a29f2a8_r

还有下面这张魅族手机的宣传海报
df86acc84a170718b3e7d338c182fd8c_r

蓝色和蓝绿色的渐变为同一色系的渐变,渐变的幅度很小,即不会有纯色的呆板,又去掉了复杂渐变所带来的干扰。
02cdab709f6b4cce74eb47e6619715b5_r

既然了解了这种微渐变的特性,接下来就是打造这种渐变的背景。

首先,你要到网上找一个24色轮的图表,每一个色轮又由浅及深分为不同的颜色。
964f5046154d6f9b7b3369716b588e3d_r

插入形状工具,选取临近的两种颜色或者同一色轮中的不同深浅的颜色进行渐变填充。
25f447e8ce5003f0c0ed78ae0ad094e8_r

通过这种方法,我们可以拉出不同渐变色的背景。
12287a5984c580fbff33c2895dd9397b_b

925e345da631e15b52620b01dbadd94c_b

28a6f212f57acd2d273cf6ac1fbda2ab_b

9275625793fd7bf0702b6c3879ac2790_b

Part Two 图片型渐变背景

除此之外,渐变背景还有一种类型就是,在图片上进行渐变,制造出梦幻的渐变效果。比如下面这几种渐变类型。

b0ee82333c976410c3b344935e2ab584_b

04690cc018848c87e41618d5cce3a210_b

1501ddd2c22b408be1d27eb721a77ab0_b

这种类型的渐变背景,其实在图片上加入一个渐变的色块蒙版,从而降低图片的干扰,又使得背景丰富多彩。具体的设计方发如下:

第一步,就是插入一张图片

4d003081d2465b32b27de6c15cfc27c6_b

第二步,为了避免颜色太突兀,最好将图片的色彩饱和度降低为0,具体做法就是选中图片—色彩—饱和度为0。

0c115f7200c012f5ddae11978c267e96_b

fba8a38f782bcb95bd81748b3c80c431_b

第三步,在图片上添加一个渐变的色块,然后调整色块的透明度。具体透明度值的多少,可以自己去把控,我这里为25%。
c0fac91e66b91e0ab009fcea3c00d0bc_b

背景到这里就制作完成了

这种背景用来当PPT的封面和背景都是绝佳的。
6a030cf9965cab72751802e6e8cc9872_r

0606c7614d23986c1ae00e88c8cc3a33_r

Part Three 安利一个关于渐变背景的制作网站

网站的地址:http://uigradients.com/
f24f23f473aeb51dc840ce4fb33d34bc_b

点进去,你会发现这个网站就是一个渐变色彩酷,对,就是很酷这个酷,里面有很多渐变的背景,你可以直接拿过来用。

5da4e4b7d5d4be652b7e88a19f969594_r

本文首发在微信公众号:营销新人(yingxiaoxinren),有兴趣的可以在文章底部点击“关注”,扫一扫二维码加关注。

内容未完全展示,请下载附件查看




点击加载全文

本文阅读量:

声明:本信息来源于营销新人 微信号:yingxiaoxinren,仅用于学习和技术交流,如有侵权或其他问题,请联系本站处理。

技术支持:CNPIM.COM