當(dāng)前音量：
100
試看結(jié)束，開(kāi)通會(huì)員免費(fèi)看
掃一掃，開(kāi)通會(huì)員
-
超長(zhǎng)視頻
-
素材下載
-
專(zhuān)屬客服
-
VIP標(biāo)識(shí)
如你已是VIP會(huì)員，請(qǐng)
登錄
飛屋設(shè)計(jì) 漸變圖標(biāo)·教你用PS打造炫美風(fēng)景精致圖標(biāo)
相關(guān)推薦
-
商業(yè)人像生成之手部修復(fù)
9437人在學(xué) -
SD字體海報(bào)生成
1萬(wàn)人在學(xué) -
SD·人物換裝·公開(kāi)課
1.2萬(wàn)人在學(xué) -
作品集封面制作·公開(kāi)課
9470人在學(xué) -
SD·產(chǎn)品工作流·公開(kāi)課
1.1萬(wàn)人在學(xué) -
SD美妝場(chǎng)景生成·公開(kāi)課
1.2萬(wàn)人在學(xué) -
vip
2024破局計(jì)劃
1人在學(xué) -
vip
2024破局計(jì)劃更新
1人在學(xué) -
vip
C4D美妝氣泡渲染拆解
7249人在學(xué) -
vip
C4D巖漿渲染
5790人在學(xué)
課程標(biāo)簽： 教你用PS打造炫美風(fēng)景精致圖標(biāo) 丨 扁平化圖標(biāo) 丨 圖標(biāo)制作 丨 風(fēng)景圖標(biāo) 丨 插畫(huà)圖標(biāo) 丨
初柒
小丑
阿肯
免費(fèi)領(lǐng)取7天會(huì)員試聽(tīng)， 請(qǐng)?zhí)砑又汤蠋?/div>
漸變用在插畫(huà)當(dāng)中是能表現(xiàn)出光感的，利用簡(jiǎn)單的幾何形搭配不同的漸變填色方法，我們就能實(shí)現(xiàn)出非常絢麗的景致~
前言
漸變用在插畫(huà)當(dāng)中是能表現(xiàn)出光感的，利用簡(jiǎn)單的幾何形搭配不同的漸變填色方法，我們就能實(shí)現(xiàn)出非常絢麗的景致。今天我們要繪制的就是一個(gè)比較小的風(fēng)景類(lèi)的圖標(biāo)。繪制的過(guò)程非常簡(jiǎn)單，最重要是要領(lǐng)會(huì)其中漸變的用法。
靈感來(lái)源
自己的草圖構(gòu)想
一、草圖階段
草圖階段很重要的是確定好大致的構(gòu)圖，按照一個(gè)圓形來(lái)作為畫(huà)框是非常常見(jiàn)的圖標(biāo)的代表，當(dāng)然作為圖標(biāo)有時(shí)候可大可小。但是大家應(yīng)該可以看到，這里波浪的部分是海面，而右邊的圓是太陽(yáng)，上面這些分散的點(diǎn)就是水珠。這個(gè)景象大家應(yīng)該并不陌生。
二、拆分基礎(chǔ)形
扁平化的插畫(huà)無(wú)一不是從基礎(chǔ)性開(kāi)始，保持基礎(chǔ)形的簡(jiǎn)潔是非常重要的一步。
那我們就需要將草圖進(jìn)行拆分，其實(shí)這副插畫(huà)的基礎(chǔ)形就只有兩個(gè)：圓形和波浪形。
接下來(lái)我們就要考慮怎樣得到這兩個(gè)形狀，以及這兩個(gè)形狀應(yīng)該怎么組合成畫(huà)面。
三、海面的基礎(chǔ)形
STEP 01
首先，我們打開(kāi)PS新建一個(gè)文檔，我這里的文檔大小設(shè)置為 1280*720px ，然后用橢圓工具畫(huà)出一個(gè)圓，這個(gè)圓形就是其中的一個(gè)基礎(chǔ)形。
STEP 02
再利用鋼筆工具來(lái)繪制波浪形。要得到這個(gè)波浪形其實(shí)有很多方法，在AI里我們可能用的是【路徑查找器】或者【形狀生成工具】，但在PS里我們用的是【蒙板】來(lái)實(shí)現(xiàn)。先繪制出波浪的上部形狀，然后下方形狀隨意，通過(guò)給這個(gè)形狀添加圓形的蒙板，它就能呈現(xiàn)我們想要的形狀。
STEP 03
這時(shí)我們可以先把色彩設(shè)置為黑白灰，將形狀安排好以后再完成填色。所以將這個(gè)波浪形放置在圓形上方，使得它們對(duì)齊。然后再?gòu)?fù)制一個(gè)波浪形，這個(gè)波浪形可以先去掉蒙板，旋轉(zhuǎn)調(diào)整以后再次添加圓形的蒙板。
STEP 04
繼續(xù)復(fù)制波浪形以完成下方的形狀效果。這就是我們構(gòu)想中的海面的效果。這時(shí)還可以繼續(xù)的進(jìn)一步調(diào)整到理想狀態(tài)。
**四、太陽(yáng)和水珠的基礎(chǔ)形**
STEP 05
太陽(yáng)是圓形所以畫(huà)起來(lái)很容易，太陽(yáng)光的發(fā)散這里我們可以繼續(xù)復(fù)制三個(gè)圓，每一個(gè)比原來(lái)那個(gè)大一點(diǎn)，這樣來(lái)制造光線往外擴(kuò)的效果。
STEP 06
按照計(jì)劃增加水珠，散落整個(gè)畫(huà)面上。
五、填色
接下我們就要開(kāi)始填色，首先來(lái)確定主色，比如這里我設(shè)定為藍(lán)色，那么再確定一個(gè)輔助色，比如在這里的黃色，然后漸變色可以在這兩個(gè)色彩之間過(guò)過(guò)渡。藍(lán)色的飽和度和亮度比黃色稍低，這樣就容易形成光線的感覺(jué)。
STEP 07
先將漸變工具的兩端色彩設(shè)置好，這時(shí)我們要用到的是徑向漸變，先將背景進(jìn)行填色。運(yùn)用徑向漸變就能使中央的部分有發(fā)光的感覺(jué)（這是我們上一次講到的）。
STEP 08
波浪形的填色也是同樣，但需要注意要選中的不是原有用鋼筆工具所繪制的形狀，所以在這里要先將波浪形（也就是帶著蒙板的圖層）先轉(zhuǎn)為智能對(duì)象，再進(jìn)行點(diǎn)選。每個(gè)選區(qū)都才用同樣的配色，但由于是漸變填色，因此它們之間也會(huì)有比較清晰的分界。
STEP 09
最后完成整個(gè)波浪的造型。
STEP 09
太陽(yáng)的顏色可以選用橙色，采用的平涂的純色。利用三個(gè)大小不等的重疊的同心圓，就能表現(xiàn)光線的感覺(jué)。下面兩個(gè)圓需要降低透明度。
STEP 10
利用白色的透明度的徑向漸變來(lái)制作水珠的效果。
STEP 11
轉(zhuǎn)為智能對(duì)象，繼續(xù)復(fù)制第一個(gè)做好的水珠，然后散布在合適的位置。
后記：漸變用色，關(guān)鍵是色
漸變用色，關(guān)鍵是色。講了這么多次漸變，感覺(jué)就是其實(shí)重點(diǎn)還是在對(duì)顏色的運(yùn)用上。有些顏色過(guò)度非常自然，有些就有點(diǎn)怪異。我本人是很喜歡玩色彩的，平時(shí)沒(méi)事我都喜歡把顏料往紙上亂涂，所以這個(gè)還是要從喜歡入手。人家總結(jié)了那么多理論，我看過(guò)都會(huì)忘記，但是真正自己鼓搗出來(lái)的，才記得深刻，理解也杠杠?chē)}。
我之前在和虎課那邊合作講了一系列的色彩課，非?；A(chǔ)的色彩課。后來(lái)我想著自己其實(shí)也想繼續(xù)再深挖下去。設(shè)計(jì)理論的書(shū)看過(guò)不少，深以為還是老書(shū)寫(xiě)得好。但是每個(gè)人吸收方式不同，關(guān)鍵是找到自己的口味。老的書(shū)不太重視運(yùn)用，都是空空蕩蕩的大理論，但是非常適合我。我想大概很多干貨愛(ài)好者是看不下這類(lèi)書(shū)的。所以我是個(gè)薦書(shū)無(wú)能，大家真想學(xué)習(xí)，和我一起，找找感覺(jué)，可能真是適合自己的路呢？
瞊瞊剛學(xué)習(xí)了
AE 0基礎(chǔ)系統(tǒng)課程-持續(xù)更新
歲月@光陰剛學(xué)習(xí)了
2023C4D卡通房間幾何搭建（建模）
qiaojiang剛學(xué)習(xí)了
系統(tǒng)透視教學(xué)·透視網(wǎng)格繪制
小傳奇設(shè)計(jì)剛學(xué)習(xí)了
潛云說(shuō)-通過(guò)大師的視角學(xué)設(shè)計(jì)
小傳奇設(shè)計(jì)剛學(xué)習(xí)了
特效技巧·logo設(shè)計(jì)
此人很懶、剛學(xué)習(xí)了
C4D雙十二禮盒場(chǎng)景建模渲染+動(dòng)畫(huà)
qiaojiang剛學(xué)習(xí)了
Cinema 4D 零基礎(chǔ)系列課程·超過(guò)30個(gè)課時(shí)(持續(xù)更新中·陸續(xù)替換)
qiaojiang剛學(xué)習(xí)了
Cinema 4D 零基礎(chǔ)系列課程·超過(guò)30個(gè)課時(shí)(持續(xù)更新中·陸續(xù)替換)
190****9152剛學(xué)習(xí)了
字體設(shè)計(jì)·斜面浮雕字體
qiaojiang剛學(xué)習(xí)了
Cinema 4D 零基礎(chǔ)系列課程·超過(guò)30個(gè)課時(shí)(持續(xù)更新中·陸續(xù)替換)