天呐!五彩斑斓的黑,竟如此迷人!【内含福利】

进阶提高2年前 (2022)更新 Slidecent
1,042 0 2

‍‍

天呐!五彩斑斓的黑,竟如此迷人!【内含福利】

大家好,欢迎来到Slidecent

见字如面,我是林利蒙。

这是一个圆:
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
在它四周再画一些圆:
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
模糊一下:
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
删除圆以外的部分:
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
这就是甲方口中常说的五彩斑斓的黑。
也是我们今天要聊的主角:流体渐变。
文末有福利
 
提起渐变,相信你一定不会陌生,PPT就为我们提供了4种渐变类型:
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
线性、射线、矩形、路径。
 
它们可解决日常设计中绝大多数色彩应用呢,但是呢,它们都有一定的方向性,仍无法做到随心所欲的设置渐变。而今天介绍的这个技巧就可以帮助你突破软件功能的瓶颈,做出一些更为绚丽的渐变效果。
 
01.
操作演示
比如前段时间,苹果召开了2022春季发布会,在展示M1芯片时就用到了这一技巧:
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
在暗色发布会背景下,如果生硬的放上一枚芯片,不仅没有新意也会影响识别性。
 
于是,苹果就采用了这种流体渐变效果:
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
在芯片下方放置了一道彩色光环,不仅更好的凸显了产品,也赋予了页面灵动感!
 
这个看似复杂的效果,其实利用PPT即可实现:
 
首先绘制4个圆圈,并将它们转为图片:
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
使用艺术效果中的模糊,并将模糊值拉到100:
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
最后再将这幅图再转为图片,添加柔化边缘效果,置于芯片下方即可:
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
是不是简单又出效果呢!
 
02.
设计应用
这种流体渐变效果应用非常广泛,你可以在各类设计中见到它们的身影:
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
APP展示(素材源于花瓣网)
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
车载系统UI(素材源于花瓣网)
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
PPT设计(素材源于花瓣网)
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
网页设计(素材源于花瓣网)
 
看似若有似无的流体渐变,都在一定程度上丰富了背景层次,渲染氛围!
 
03.
实战案例
举两个具体的PPT应用实例来看下:

案例1

这是一页汽车网页的首页设计:
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
简约高级,但唯独纯黑的背景有些单调,缺少层次感。
 
不妨利用今天学到的流体渐变赋予它神秘浪漫氛围。在画面中肆意绘制一些形状,可以不局限于圆形:
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
这是什么鬼?
 
别急!只需要一点模糊,高级的设计就出现了:
 
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】

案例2

再比如这个内页设计:
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
纯黑的界面很酷炫,但右下角缺少内容显得空洞,如何优化呢?
 
相信聪明的你已经知道答案了。沿用上一版方法,在合适的位置添加一些色块:
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
模糊一下:
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
高级的氛围感就出来了。
 
当然除了这种暗色系的设计,浅色背景下也不乏此类应用:
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】
没想到吧,一个看似不起眼的模糊效果,就可以延伸出许许多多的实战应用。屏幕前的你又有哪些奇思妙想呢?欢迎评论区交流意见。
 
总之,技法都是相对简单的,而我们要做的就是灵活的运用它,以此来丰富它存在的意义。
最后为了便于你做出这种效果,分享一份我私藏的流体渐变背景图:
天呐!五彩斑斓的黑,竟如此迷人!【内含福利】

相信会对你有所帮助!

素材文件下载

1.点击右下角在看
2.将本文分享到朋友圈秀起来
3.在公众号后台回复:流体渐变
在看过150,尽快安排下一期!
我是林利蒙
我们下期再见

——
公众号:Slidecent
原文链接:天呐!五彩斑斓的黑,竟如此迷人!【内含福利】

© 版权声明

相关文章