當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計趣事>教程內(nèi)容

圖案制作,通過漸變工具了解階梯漸變(4)

來源:ifeiwu 作者:飛屋睿 學(xué)習(xí):1923人次

本篇教程通過PS中的漸變工具來制作一張抽象的紙藝圖案,通過圖案來了解一下階梯漸變,感受漸變中的重疊關(guān)系,在制作當(dāng)中找到學(xué)習(xí)PS的樂趣,階梯漸變是以出色作為天色的方式來進(jìn)行階梯狀遞增或者遞減的變現(xiàn)形態(tài),同學(xué)們還是通過教程來感受一下吧。

效果圖:

圖案制作,通過漸變工具了解階梯漸變_www.theoat.com.cn
www.theoat.com.cn

下面是教程

圖案制作,通過漸變工具了解階梯漸變_www.theoat.com.cn

一、制作漸變色板

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

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

STEP 01

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

垂直:0 水平:150px

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

圖案制作,通過漸變工具了解階梯漸變_www.theoat.com.cn

STEP 02

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

圖案制作,通過漸變工具了解階梯漸變_www.theoat.com.cn

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

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

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

STEP 03

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

繪制過程中,首先要明確每一塊形狀與其他形狀之間的重疊關(guān)系。因為我們要模擬紙張的重疊效果,那么最上層的也就是最大的這塊形狀,以此類推。

圖案制作,通過漸變工具了解階梯漸變_www.theoat.com.cn

圖案制作,通過漸變工具了解階梯漸變_www.theoat.com.cn

STEP 04

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

圖案制作,通過漸變工具了解階梯漸變_www.theoat.com.cn

三、上色、投影

STEP 05

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

圖案制作,通過漸變工具了解階梯漸變_www.theoat.com.cn

STEP 06

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

圖案制作,通過漸變工具了解階梯漸變_www.theoat.com.cn

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

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

STEP 07

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

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

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

圖案制作,通過漸變工具了解階梯漸變_www.theoat.com.cn

STEP 08

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

圖案制作,通過漸變工具了解階梯漸變_www.theoat.com.cn

三、最終效果

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

圖案制作,通過漸變工具了解階梯漸變_www.theoat.com.cn
www.theoat.com.cn

階梯漸變的配色在很多領(lǐng)域都可以用的很好,相信大家在學(xué)習(xí)的時間當(dāng)中可以做的更好。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!