請問這種顏色的漸變是怎麼做出來的?

除了用畫筆塗抹,在用高斯模糊的這種方法之外還有其他方法嗎?用繪圖軟體繪製。


給。

方法:複製粘貼在Matlab/Octave里

A=zeros(100,100,3,"uint8");
for m=1:1:100
for n=1:1:100
A(m,n,1)=(m+n)/2;
A(m,n,2)=abs(m-0.5*n)/2;
A(m,n,3)=abs(1.2*n-0.2*m);
end
end
figure(1);
imshow(A);


這不就是個gradient漸變嗎?從一個顏色過渡到另一個顏色,過渡方式可以是線性也可以是根據某個函數。不需要高斯模糊。


更新:經過評論區提示,原答案不夠嚴謹。現在稍作修改如下:
兩端不透明的漸變,光添加錨點可能不行,那麼用一端透明的漸變,然後使用徑向漸變,就可以做出一個角落的漸變。如圖

然後,從題主書籍上看,有四個角4種顏色,那麼取色做4次。

像不像了?要做到完全一樣,只要微調一下即可。
這個方法應該是最容易的方法吧——相對於編程而言。

========原答案的分割線================


我看到的題目是:請問這種顏色的漸變是怎麼做出來的?
我看到的分類是:顏色、性格色彩、PS教程。

可為毛回答都是代碼?難道這個不是PS裡面一個按鈕就可以完成的東西嗎?

請告訴我那些回答代碼編程是什麼鬼?


觀察一下題目給出的圖片,應該是CMYK的四色漸變,這玩意的做法還是有很多種的.。

  • 如果是作設計,提供一個PS的方案。效果如下:

首先新建一個圖片,然後模式選擇CMYK,打開通道面板,各通道漸變如下:

  • 用AI方法參考4 colors/corners gradient with Illustrator or Photoshop,效果如下(好吧其實差不多):

  • AE其實更簡單,新建一個空的合成,合成中加入固態層,固態層上添加四色漸變效果,如下:


ps裡面有一個快捷鍵為g的工具,按下g,上面工具欄會出現幾個不同漸變的方式;

選第一個,然後點擊這個選項前面的色彩框,會打開一個漸變的界面,重點來了:

這個漸變選擇界面你看到的是兩個小黑色三角箭頭一左一右,

其實漸變色帶中間任何地方你都可以點一下增加一個箭頭,然後可以為這個箭頭選一個顏色。


你試一試,一分鐘就可以學會。


不是,你們一個個的這都教的什麼???
這種東西為什麼要用PS做???
寫代碼???
圖層???
喵喵喵喵???

1. 打開AI

2.



擼了個 GLSL 版:GLSL Sandbox

#ifdef GL_ES
precision mediump float;
#endif

#extension GL_OES_standard_derivatives : enable

uniform vec2 resolution;

void main( void )
{
vec4 color1 = vec4(1.0, 0.9, 0.0, 1.0);
vec4 color2 = vec4(0.2, 0.6, 0.2, 1.0);
vec4 color3 = vec4(0.0, 0.0, 0.0, 1.0);
vec4 color4 = vec4(1.0, 0.6, 1.0, 1.0);

vec2 pos1 = vec2(0.0, 0.0);
vec2 pos2 = vec2(1.0, 0.0);
vec2 pos3 = vec2(0.0, 1.0);
vec2 pos4 = vec2(1.0, 1.0);

vec2 position = ( gl_FragCoord.xy / resolution.xy );

// float max_dist = distance(vec2(0.0, 0.0), vec2(1.0, 1.0));
float max_dist = 1.0;
float gamma = 1.6;
float blend1 = pow(clamp(max_dist - distance(pos1, position), 0.0, 1.0), gamma);
float blend2 = pow(clamp(max_dist - distance(pos2, position), 0.0, 1.0), gamma);
float blend3 = pow(clamp(max_dist - distance(pos3, position), 0.0, 1.0), gamma);
float blend4 = pow(clamp(max_dist - distance(pos4, position), 0.0, 1.0), gamma);

vec4 color = color1 * blend1 + color2 * blend2 + color3 * blend3 + color4 * blend4;
gl_FragColor = color;
}


你是指這樣的?

抱歉,不是很像,
只能做個類似的大概。

  • 軟體:

ADOBE Illustrator

  • 工具:

網格工具(快捷鍵U)

  • 過程:

1、使用【矩形工具】(快捷鍵M)建立正方形的圖形,填充灰色(R:150,G:150,B:150)
2、使用【網格工具】在中心點添加色彩網格
3、將該四邊形四個角的色彩分別設定為需要的顏色
  例圖中四個角從右往左從上倒下分別為紅色(R:255,G:0,B:0)、綠色(R0:,G:255,B:0)、黃色(R:255,G:255,B:0)、藍色(R0:,G:0,B:255)
4、用【直接選擇工具】(快捷鍵A)分別選中每個角,將其手柄拉至中線附近
  手柄的拉伸方法也可以有變化,這個可根據個人需要進行調整。
5、完成。

提示:
這種類似平塗的圖形製作方式,使用矢量軟體會相對方便。


ps左邊那一欄,有一個矩形圖案,點進去,自己選擇漸變顏色和漸變方式,回到圖層界面,拉一下


我明天親自做一個詳細的ps教程。


只好祭出我的桌面了

我是PS做的,一個角度漸變上面再加個單色到透明的徑向漸變

其實AI做起來更方便的,已經有答主給了AI的方法了,(我就不贅述了)

下面有位知友沒看懂題目,我還是發一下AI做的吧

@sway huang

這種多個顏色的,不是PS單個漸變就能做出來的。

AI的做法是加個網格。然後給每個節點上色

這份不像,再發一份吧。


最簡單的就是 rgb 或者hsl 固定一個分量,對其他兩個分量做線性插值。


推薦閱讀:

被人評價說高冷,不接地氣是一種什麼樣的悲哀?

TAG:顏色 | 性格色彩 | 色彩風格 | Ps教程 |