階梯漸變是以純色作為填色的方式來進(jìn)行階梯狀的遞增或者遞減表現(xiàn)形態(tài)，這組純色一般來說是在一個(gè)小范圍的色域內(nèi)進(jìn)行過度，通常是鄰近色系之間的過度。

這一次我們就通過制作一個(gè)紙藝圖案的造型來講解階梯漸變，除了感受漸變以外，紙藝圖案的造型最重要是找到圖層間的重疊關(guān)系。

先看看效果圖

下面是教程

視頻播放

播放地址：

制作階梯漸變抽象紙藝圖案（一）

制作階梯漸變抽象紙藝圖案（二）

制作階梯漸變抽象紙藝圖案（三）

一、制作漸變色板

鄰近色的過度也可以從三個(gè)色彩屬性上進(jìn)行對比：色相、飽和度、明度。由于是純色填色，因此每個(gè)色彩之間就要通過色彩間的關(guān)系來表現(xiàn)漸變感，最重要是一個(gè)變化的感覺。

我最喜歡用的還是用AI來制作這類漸變的配色色板，當(dāng)然紙藝造型要表現(xiàn)的色彩間的關(guān)系，也需要在色板中表現(xiàn)出來，因此這時(shí)的配色色板制作要稍微復(fù)雜一點(diǎn)。

STEP 01

打開AI，在新建文檔中繪制一個(gè)圓形，然后給這個(gè)圓形填充淺紫色#b6c9fc，以這個(gè)顏色作為基礎(chǔ)來進(jìn)行創(chuàng)作。然后復(fù)制5個(gè)圓。單擊圓形右鍵，進(jìn)入移動(dòng)工具，

垂直：0 水平：150px

然后單擊復(fù)制。這時(shí)出現(xiàn)第2個(gè)圓，然后依次利用CTRL+D重復(fù)上一步的操作。

STEP 02

將最末尾的圓的色彩填充為#3c5fef，然后進(jìn)入編輯顏色>前后混合，就能得到我們的色板。這時(shí)把這些這些圓形的色塊靠攏，看看這樣的效果是否合適(比如色彩之間如果間隔不明顯，就要重新拉開色彩之間的差距，如果色彩差距太大，又會有顯不出緩慢的變化，倒像是一種突變了)。

二、繪制圖案基礎(chǔ)形

我們這次要繪制的紙藝造型，是一個(gè)抽象的圖案。我建議大家可以先畫草圖，再開始進(jìn)行繪制。

在這里最終我們是在一個(gè)矩形的邊框中創(chuàng)作，因此我們可以先把這個(gè)矩形畫出來，然后放置在上方，作為邊框存在，讓我們看到矩形內(nèi)的造型效果。

STEP 03

在PS中通過鋼筆工具進(jìn)行繪制，大家可以用以前我們熟悉的普通的鋼筆工具，還可以用到彎度鋼筆工具。彎度鋼筆工具少了控制桿，利用錨點(diǎn)彼此間的關(guān)系平衡，反而能容易得出非常平滑的弧度效果。

繪制過程中，首先要明確每一塊形狀與其他形狀之間的重疊關(guān)系。因?yàn)槲覀円M紙張的重疊效果，那么最上層的也就是最大的這塊形狀，以此類推。

STEP 04

每塊形狀畫好以后，都要給形狀增加蒙版，增加了蒙版才能看出和上一層之間的形狀關(guān)系是否美觀。圖形的訣竅都是藏在細(xì)節(jié)里的。用硬邊圓的畫筆來隱藏彼此遮蓋的細(xì)節(jié)。

三、上色、投影

STEP 05

利用我們之前在AI里做好的色板進(jìn)行上色，分別從深至淺開始從中心往外圍填色。

STEP 06

上色完成后，最關(guān)鍵的一步是制作投影，但是這里注意不要直接使用投影，而應(yīng)該采用圖層樣式中的內(nèi)陰影。

到這一步大概的形狀就完成了。

四、增加細(xì)節(jié)

STEP 07

首先我們需要增加的細(xì)節(jié)是為這些不同的“階梯”增加多一些小圓洞，繪制起來很簡單，就是直接繪制圓形，這個(gè)圓可以是正圓，也可以是橢圓，形狀沒有限制。

最重要的是要將這個(gè)圓形的顏色設(shè)置為它所在階梯的下一個(gè)階梯的顏色，這樣就像是一個(gè)鏤空的造型。

然后將這些圓形增加內(nèi)陰影，要同時(shí)兼顧到整體的效果。

STEP 08

將所繪制的對象合并一個(gè)圖層，然后為這個(gè)圖層添加雜色，這樣整個(gè)造型就更能模擬出紙質(zhì)的感覺。這一步并不是必須的。

三、最終效果

配上相應(yīng)的文字，這就是最終呈現(xiàn)的效果：

四、結(jié)語

階梯漸變的配色其實(shí)在很多領(lǐng)域都可以用得非常出彩，很多人對于顏色的困惑，可能大部分還是出在理論的誘導(dǎo)上。比如大家也許聽過“紅配綠”的謠言，但是真實(shí)的世界里也有很多可以搭配出的好看的例子和不好看的例子。

每一種圖形都能帶來一種視覺上的差異感受，所以即使是同樣的配色用在不同的圖形上，效果也是不同的。

最終還需大家日漸深入在實(shí)踐里去體會。顏色的本質(zhì)是光，而光本身又是一個(gè)謎團(tuán)。說真的，我們有限的科學(xué)認(rèn)知只能走到這里而已。