渐变教程,如何做出迷人的渐变?

2022-12-26 18:07:22 来源/作者: / 己有:7人学习过

  A色 B值非常高,普遍50以上

  从A色到B色,H值的变化范围为正负30到70,S值减少10,说明B颜色略变淡。

  从B色到C色,H值的变化范围为正负30到40,S值增加15到50,说明C颜色开始变浓。

  以上色值仅供参考,实际使用并非整数。根据以上规律去有规则的使用渐变色。

  二、垂直线性渐变 + 球形渐变

  Web界面面积比较大,在大面积使用渐变的时候。如果只是使用垂直的线性渐变是略显单调的,这个时候我们需要加一个球形的渐变。

渐变教程,如何做出迷人的渐变?

  A+B+C色构成一个渐变,这时候我们再补充一个D色的球形渐变并高斯模糊。D色的圆形矢量形状要转换为智能对象,这样调节高斯模糊及大小的时候可以无损调整。如果界面上需要运用图片,我们再补充一个80%透明度的E色,叠加在去色后的图片上。这样界面会层次会更加丰富。

  三、多角度球形渐变

  想让界面更加绚丽,这时候我们可以考虑多组球形渐变搭配使用。例如最新改版的instagram就是一组线性渐变,加两组球形渐变组成。球形渐变也是由多组颜色构成。

渐变教程,如何做出迷人的渐变?

  四、色块渐变

  渐变的颜色不只可以运用在一个色块上,还可以运用在一组色块上。设计师运用一组近似性色彩,将每个菜单项清晰区分开,让界面平衡在一个频率上,这样的画面更有节奏感和舒适性。

渐变教程,如何做出迷人的渐变?