怎么涂出好看的渐变色

怎么涂出好看的渐变色,第1张

渐变色用PS中的渐变工具即可。

调色的原理如下。

一、三原色

三原色,所谓三原色,就是指这三种色中的任意一色都不能由另外两种原色混合产生,而其它色可由这三色按照一定的比例混合出来,色彩学上将这三个独立的色称为三原色,即红、黄、蓝。

我们看到印刷的颜色,实际上都是看到的纸张反射的光线,比如我们在画画的时候调颜色,也要用这种组合。颜料是吸收光线,不是光线的叠加。

二、三间色

三间色是三原色当中任何的两种原色以同等比例混合调和而形成的颜色,也叫第二次色,和三原色形成对比色、互补色。

由于人类眼睛有三种不同颜色的感光体,因此所见的色彩空间通常可以由三种基本色所表达,这三种颜色被称为“三原色”。三间色是三原色当中的两个色以同等比例相加调和而形成的颜色。

三间色:又叫"二次色"。它是由三原色调配出来的颜色,是由2种原色,按照1:1调配出来的。红与黄调配出橙色;黄与蓝调配出绿色;红与蓝调配出紫色,橙、绿、紫三种颜色叫"三间色"。 在调配时,由于原色在份量多少上有所不同,还可以产生丰富的间色变化,如红橙、黄橙、黄绿、蓝绿、蓝紫和红紫等。

把**和蓝色混合起来,因为**能吸收蓝光和靛光,蓝色吸收橙光和黄光,因此只有绿光反射出来,这就是**加上蓝色形成绿色的道理。

同样道理, 红加黄变橙,红加蓝变紫。

、打开PS软件,新建空白文档,效果如下:

ps渐变色怎么调整颜色

2、点击工具栏上的渐变工具。效果如下:

ps渐变色怎么调整颜色

3、点击渐变工具,点击上面的渐变颜色。效果如下:

ps渐变色怎么调整颜色

4、然后弹出渐变编辑器,点击上面的色标,双击颜色,效果如下:

ps渐变色怎么调整颜色

5、同样的方法,改一下别的颜色,效果如下:

ps渐变色怎么调整颜色

6、同样的方法,改成自已想要的尺寸就好了。效果如下:

ps渐变色怎么调整颜色

7、然后就可以给文档填充设置好的渐变颜色。

1 打开photoshop软件,新建一个图层,我们把图层颜色去掉变成透明背景了。

 

2打开渐变工具。

3双击此处。

 

4得到如下:

5双击上边一个色标显示出如下:我们把不透明度改为0就可以了。

 

6然后点击确定就可以了

7用渐变工具一拉就可以看见效果了。

一、垂直线性渐变

拉渐变是Photoshop的基础操作,那么如何运用的好看了?颜色选择才是关键

我们把一个渐变颜色拆分成A B C三个颜色,每个颜色用HSB标注颜色色值。

这是某App的一组引导画面,运用了三组渐变颜色,分别标注HSB的色值,通过这组色值的变化,分析如下

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就是一组线性渐变,加两组球形渐变组成。球形渐变也是由多组颜色构成。

四、色块渐变

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

如何选择色块的颜色了?一样运用HSB,逐级加H色值,H色值越大,S相应的色值也要逐渐变小。至于希望你的界面整体颜色跨度大还是小,取决你逐级H色值加的多少。

相信通过我的HSB调色分析,你可以熟练运用颜色创造各种高大上的渐变。如果有不明白的吗,也与我互动进行讨论。

  一、所谓渐变,即是在两种颜色,或者多种颜色之间产生连续性的过渡效果。如果只有一种颜色,这就不存在渐变。

  二、颜色改变了饱和度,就不是同一种颜色了。

  三、渐变的效果有多种,以前景色到背景色渐变为例,方法是:

  1设置前景色和背景色,如下图:

  2选择渐变工具,如下图:

  3选择前景色到背景色渐变,如下图:

  4选择渐变属性,如下图,选择线性渐变。

  5拉渐变,如下图:

欢迎分享,转载请注明来源:浪漫分享网

原文地址:https://hunlipic.com/meirong/6150783.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-09-05
下一篇2023-09-05

发表评论

登录后才能评论

评论列表(0条)

    保存