How to use 【Shading Assist】 to draw the shadow of Webtoon

2,406

Nelviy

Nelviy

歡迎開啟CC字幕,不過英文字幕是機器翻譯。

前言

自動陰影(Shading Assist) 是CLIP 在 2.0 改版時推出的新功能。

 

這篇文章,是我以繪製彩色條漫(Webtoon)為主要需求,

去思考如果使用上 自動陰影(Shading Assist)功能,是否能助我更順利地完成作品,所做的測試心得。

所以在提及 自動陰影(Shading Assist)功能時,用法和建議非常的主觀,但或許可以為你帶來一些參考。

 

我先前也寫過一篇關於【繪製陰影】的文章,有助於讓畫面主體快速地融入環境中,有興趣可以看看。

 

順道放上 官方對於 Shading Assist功能的介紹文章

內文主旨

要怎麼講訴這次的主題,其實讓我有些頭疼,因為我必須合理地安排資訊出現的先後順序,不然會讓讀者覺得文章看起來很凌亂,但從頭開始講,一時又看不出重點。

而我最後決定,先快速帶一下我到底利用【Shading Assist】功能做了些什麼。也方便讀者考慮要不要繼續把文章看下去。

 

 

基本上會製作像下圖這種效果。製作出罩在上面、非侷部、非精細的陰影。

開始快速帶過步驟:

 

1. 原圖

2. 使用 自動陰影(Shading Assist)

 

主要是需要藍色色塊的這個圖層,圖層混合模式-線性加深(linear burn)

(圖層混合模式,可以在這時就調,也可以之後改)

 

將透明度降低,當陰影。 (Shading Assist製作圖層時沒辦法調透明度)

 

 

3.手動細修陰影範圍,並改色。(改的顏色參考右側)

 

4.把剛剛做的陰影先關掉,繼續使用 Shading Assist。

這次我需要的是紫色的部分,用來做亮光。 (重點在於範圍,顏色之後都能改)

 

 

5.把得到的紫色區塊,移到之前做的陰影上方,

顏色改填黃色,圖層混合改 濾色(Screen) =スクリーン

就得到想要的效果了。

之後再看看自己要不要在細部加幾層陰影。↓↓

✨簡單來說,我會在利用Shading Assist 製造出大致上我想要的陰影區塊。

而個人建議,考慮是否使用這項功能的重點是--【使用者修改陰影的時間快不快】。

簡易認識 自動陰影(Shading Assist) 功能

要認識的詳細一點的介紹,可以往上滑,去看官方文章。

 

我這裡會利用圓球,簡易的說一下【我自己的】使用方法。

你也可以跟著做做看,

圓圈能用圖形工具畫出來,底色與圓圈(邊線)分開。

要對繪製出來的圓形使用 自動陰影(Shading Assist) 功能,

目前還差1-2個步驟。

 

1. 將邊線(線稿)【設定為參照圖層】

設定成功之後,當點選其他圖層時,可以看見標記。

2. 將線稿和底色放在同個資料夾下,並且鼠標選著資料夾。

 

 

p.s.其實這兩項都不是使用功能的硬性條件。(硬要用可以直接選底圖)

    但卻算是基本操作。

    因為實際上要使用的時候,底圖一定不只一層(有不同顏色),線稿也可能不只一個圖層。

 

 

現在,我們能開始使用 自動陰影(Shading Assist) 功能了!

在 編輯 欄位底下可以找到。

我用 預設(Preset) 的 【傍晚】 當作範例。

因為它最多能出現4種顏色。

✨藍色中心點,拖曳能改變光源位置。

✨外層藍圈是增減光源強弱

注意看面板,隨著光源照出來的不同,分割顏色的區域也會跟著調整。

有時候面板上,色階3和色階4的顏色會沒出現,就是這個原因。

 

我換個顏色,讓你們看得更清楚。

按下OK。

因為有四種顏色,所以會生成4個圖層在資料夾上方。

因為這四個顏色分不同圖層,區塊面積並不重疊,所以我覺得不方便修改,

一開始的範例,我才會在需要使用這功能的時候,只專注在算出【一個】我需要的顏色區塊(圖層)就好。

✨將參照圖層設為線稿

(我記得這項預設是 【沒打勾】,需要自己注意一下)

 

 

 

大致上知道這些後,就能來開始運用 自動陰影(Shading Assist) 功能了。

 

順道補充一下,陰影類型選 平滑的陰影(Smooth shading) 的話,

只會生成 亮處(Highlights)以及 暗處(Shadows),兩個圖層。

範例一

接著利用範例,來了解一下功能的使用狀況。

 

右側,可以看見目前檔案的圖層狀況。

人物的線稿和底色我都放在同個資料夾底下。

 

【設定為參照圖層】可以指定資料夾,

所以複數的線稿圖層(Line)可以統一放在一個資料夾中。

眼睛的線稿我不想要被參照,所以單獨移了出來。

 

✨先前未提及的一個重點,

底色(Color)的每個區塊需要保持單一顏色,不然會影響 自動陰影(Shading Assist) 功能和算出來的效果。

開啟 自動陰影(Shading Assist) ,

面板的數據會停留在上次最後使用的數據。

因為範例中有個魔法陣,所以光源我放在右上方。

 

這次的預設(Preset),我們選 夜晚(Night)。

 

 

邏輯上,

我想得到一個亮面和一個暗面,兩個圖層,

所以在調整光源的強弱以及位置時,我專注在觀察亮、暗面的範圍。

至於它們是什麼顏色,對我來說不重要,因為我之後會把顏色改掉。

調整到想要的效果後按下OK,

我們會得到新作出來的三個圖層。

亮面、中間色、暗面。

因為不需要中間色那個圖層,所以可以把它刪掉。

 

之後我們將亮面、暗面重新填色,更改不透明度以及圖層混合模式。

 

小技巧,想將一個圖層改成另外一種單一顏色,

可以先【鎖定透明圖元】,配合填色快捷鍵 Alt + ←Backspace ,來改色。

亮面 我填黃色 ,混合模式 --濾色(Screen)

暗面 填紫色,混合模式-- 線性加深(linear burn)

之後依然是稍微修改細節。

最後再看看要不要加些細節,大致上就完成了。

範例二

在接觸任何一種新功能時,

面對面板上一堆可以調整的數據選項,或許會使人眼花撩亂。

 

這個部分,主要就是帶大家簡略了解一下我是如何調整面板上的數據選項。

經過先前的範例,讀者們應該大致了解了我在使用上的思路。

我只需要功能為我製作出來亮面或暗面的範圍,不在乎色塊的顏色。

所以有時候,我最終也只需要一個圖層。

 

初步使用 自動陰影(Shading Assist)功能時 ,你或許會碰上一個問題。

【我想要讓暗面再多一些,但我的光源已經不能再調小了。】

現在,就是為了解決這個問題。

陰影的範圍不能在增多,是因為控制項的滑桿已經推到底了。

只要能控制的顏色越多,每個顏色能分配到的範圍就越小,也越容易受到範圍限制。

 

因為我在使用上大多只需要製造出一層陰影,所以大可以把不需要的顏色範圍都拿掉。

變成最多只會生出兩色,兩個圖層。

 

想將多餘的顏色拿掉,預設選什麼都行,

只是拿掉顏色的順序請從右邊開始拿,因為我們是需要留下最暗的部分。

 

製作好後,你也可以存成一個新的預設,供下次使用。

 

 

實際使用,

有時候陰影也不用要求一步到位,可以把自己覺得好看的部分合併在一起。

接下來就跟之前示範的步驟一樣了。

 

修改陰影範圍。

改變陰影顏色

有需要再加一點細節,就完成了。

其他補充

就像我在主旨中提到的,是否考慮使用這個功能,取決於使用者修改陰影快不快速。

因為在一些人的認知中,自己親自畫這種大面積的陰影就足夠迅速了。

功能能讓創作過程變得更便利,才需要去使用。

所以,下面我再會放幾張其他圖片的使用狀況,給你們當參考。

 

光源類型的比較:

點狀光源(Ball light)

直射光源(Directional light)

比對

 

整體的使用想法:

手動修改陰影的重點在於,幫頭和脖子的連接處加陰影,

不用硬是要求軟體一定要幫你算出來。

以及

 

光源的位置可以多方嘗試,找出自己覺得最好的效果。

畢竟漫畫有時不需要求光影特別的正確,而是要求氣氛上的感覺。

後記

範例圖都是拿我以前的舊圖去改,因為我覺得如果【Shading Assist】這個新功能能隨意地配合我以前的各種創作,這項功能才有被拿出來推薦的價值。

 

我也承認自己沒有很善用這個功能(幾乎每次只用一兩種顏色)。

在我的觀感中,這功能目前只是一個創新概念的雛形,感覺功能以後一定會更新的更完善,可調整的控制項一定會更多。所以我先挑了自己覺得能利用的部分。

(希望之後更新,可以先像色版、筆刷那樣,先做個寫出、讀取、追加等功能)

 

希望這篇文章對你有幫助,

 

我的IG

https://www.instagram.com/nelviy_manga/

留言

最新

最新官方