圖層混合模式上色的筆記

livyjean

希望大家會喜歡
^_^

Step 001
首先先使用鉛筆 ＼ 2B鉛筆開始繪製草稿，
這次的表現打算以比較Q版的造型來表現，
所以在頭和身體的比例上是比較接近2頭的表現，
草稿時，可以儘量的大膽去畫，
線條雜亂都還可以接受，
因為等一下都要重新描過。


Step 002
接著將草稿上造型複製四份出來，
因為打算要一口氣將四個造型畫出來，
一般比較少這樣同時畫，
不過為了整體感，
這樣做可以方便做比對，
省去在不同檔案切換。


Step 003
使用鉛筆工具的好處是在於筆劃重疊處會有加深的效果，
所以在確定好的位置重複多畫上幾筆，
讓整體的感覺更加明確，
也可以讓調整顏色的對比度，
讓那些比較淺色的雜亂線條逐漸的變淡，
從開始到這個步驟大概花上一個多小時了。


Step 004
為了得到乾淨的線條，
準備在將線條重新描過一次，
這時候我將筆刷改為向量筆＼平頭色彩，
開啟了新的圖層準備開始描過一次，
為了之後上色方便，
我先將最外圍的輪廓線描上一圈，
讓他成為封閉型的範圍，
描好之後，使用魔術棒工具，
將輪廓之外選取起來，
在開啟新的圖層將這個選取範圍填入白色，
接著再回去原本畫線條的圖層繼續畫。


Step 005
這時候將筆刷尺寸調小一些，
將裡頭的線條逐一的描上去，
這步驟容易花精神，
但是千萬別因此累就隨便了，
記得重新描繪線條的目的是為了讓圖更好，
若是隨便下筆那就沒有必要重新描，不是嗎？
畫好後可以將底稿圖層的透明度降低看一下效果，


Step 006
再繼續將筆刷調的更小，
可以看到圖的側邊有寫上三個數值，
這就到目前為止用到的筆刷粗細調整的參數，
有時候我會直接記錄在一旁，
免得忘記了，
線條從粗到細的判斷，
我是習慣用最粗的分個體，
然後用比較中間尺寸分出物件，
最細的尺寸修補細節，
也依這樣的順序畫圖。


Step 007
這三種粗細變化的線條畫好後，
做些最後的修改，
因為這把筆刷沒有粗細變化，
容易會呆板，
所以這時候自己手動修補一些尖銳的收尾，
作法其實也就只是使用了白色將線條畫尖而已，
同時也畫將一些物體重疊處畫上影子，
讓線條的粗細變化更加明顯，
加上影子線條的生命力就會更充足。


Step 008
線條好了就準備開始上色囉，
開啟一個圖層放在線條之下開始上色，
記得004步驟中，有做了一個圖層將外圍填入白色，
等一下就可以看出它的重要性了，
如果不喜歡白色，
可選喜歡的顏色直接用油漆桶填入即可，
這時候的圖層順序是這樣的，
1.填入外圍的圖層
2.線條圖層
3.上色用的圖層
4.畫布

如果再上色圖層中超過範圍的地方，
因為最頂端的圖層有顏色蓋住，
所以就不用擔心上色時要很小心邊緣，
因此就可以加快速度來進行，


Step 009
由於這次的畫法在線條的表現都是比較封閉型的作法，
想要偷懶也可以轉存psd檔到ps內用油漆桶上色，
因為ps的油漆桶可以點選屬性列的全部圖層這個選項，
如此就可以跨圖層用油漆桶來上色。


Step 010
等上色上好之後，
可以做些色彩上的微調，
因為有時候選的顏色當下可能會覺得不錯，
但是當整體畫完之後，
可能和周圍搭不太上，
這時候就得運用色彩校正或是色彩調整來補強，
如果只是單獨針對某個色塊，
可運用套鎖工具或是魔術棒工具，
將需要調整的範圍選取出來再做調整，
通常我會複製起來再調整顏色，
這樣可以做前後對照比較方便。


Step 011
第一層色好了之後，
再新增一個圖層放於線條之下，
將圖層混合模式修改為陰影對應，
在這圖層畫上去的地方就會有顏色重疊的效果，
然後選一個淺淺的顏色準備開始畫上顏色的層次感，
通常我會將這個顏色放在圖的旁邊，
這樣會比較好選色，
另外，如果畫超過的地方想要擦除掉，
除了使用橡皮擦之外，
也可以直接選取白色的顏色就可以擦除掉，
需要在畫上加深的部位，
只要再選取放在一旁的顏色即可。


Step 012
畫好加深的圖層後，
可以將底色圖層關閉一下來觀看效果。


Step 013
暗色好了之後，就準備畫亮色囉～
再開啟一個新的圖層，
將圖層屬性改為濾光模式，
選一個稍稍深一些的顏色來畫，
只要畫到的自然就會有加亮的效果，
超過的地方可以用橡皮擦擦除或是選取黑色來擦除。



Step 014
透過這兩種圖層屬性加上原本的底色，
就有五種明度上的變化出來，
控制的好，層次感會非常的豐富的，
而且如果不喜歡影子色或是亮面色，
也可單獨調整這兩個圖層來做變化。


Step 015
再來看一下這些圖層的結構，
1.填入外圍的圖層
2.線條圖層
3.加亮的圖層（濾光）
4.加深的圖層（陰影對應）
3.上色用的圖層（
4.畫布

使用到的筆刷也只有一把向量筆＼平頭色彩，
不需要考慮到下筆的力道，
算是很簡單的一種畫法，
最後，先將顏色再為調整一下，
就可以將這些圖層全部合併起來，
然後可以在補上一些小細節，
例如選了白色做一些反光處，
或是使用特效的發光筆補些亮點，
這張圖就差不多完成囉。

livyjean

因為是內容差不多的作法就放在一起

Step 001

首先使用Painter的鉛筆工具（2b鉛筆）開始打底稿，在這個過程不要太過於拘泥，千萬別想要一口氣畫到最完美的程度，要不然反而會容易難以下筆，同時也要記著之後會重新再描過一次，因此可以運用各種幾何造型當做輔助參考。

Step 002

當底稿造型差不多之後，開啟一個新的圖層繼續修正底稿內不夠完美的地方，使用鉛筆的好處是重疊畫到的地方顏色會加深，所以可以輔助讓造型更加明顯。

Step 003

接著我將這個造型複製成幾份出來，因為打算要一口氣將這各種造型畫出來，基本上是以三隻角色為一組單位製作，以1-3、4-6、7-9，這樣的過程來進行，也很巧的前面兩組都有連帶關係呢。

Step 004

繼續開啟圖層，依舊使用鉛筆工具將需要的造型畫出來，記得找資料參考這個過程很重要，資料越加的豐富，作業上就會越簡單。這時候我會換不同的顏色繼續畫，這樣比較容易分清楚草稿與底稿之間的差異。

Step 005

接著就要整理線條了，也就是重劃過一次，這個過程很重要，以這種有保留線條的畫法而言，我認為線條的好看絕對比起上色優秀來的更重要。這時候轉換成向量筆＼平頭色彩來進行，這把筆刷不受到下筆壓力影響改變顏色或是粗細，
所以在顏色上的表現可以是最乾淨簡潔的，但是相對的沒有變化也容易呆板，
所以得到最後的階段再做線條的粗細修正，那麼就新增圖層，將最外圍的框線使用比較粗的線條描起來吧。（最底下那組因為製作時忘記存檔就只有目前所看到的進度了。）

Step 006

接著使用稍微細一點的筆刷，再開始繪製內部的細節，這個過程建議經常性的將草稿的圖層關閉起來，去檢查畫出來的線條好不好看，有沒有太多交錯或是重疊到的接縫，記得，重新描繪是為了得更好看的線條，所以比起打底稿的過程得更加謹慎。

Step 007

完成後可以先把底稿圖層關閉，這樣就可以看到乾淨的線條了，這樣看起來乾乾淨淨的，心情也會比較好一些^_^。

Step 008

不過還可以繼續加強，我又把筆刷調整的更小，再畫出更細膩的細節，例如腰帶內的紋章造型，例如質感上的線條表現...等。雖然看起來和上一個進度差不多，但是細節卻多了不少，這也可以讓圖更具有耐看性。

Step 009

最後就是要來將平頭色彩筆刷的缺點改善的步驟了，它的缺點是沒有粗細上的變化，那麼就自己手動的將它修細吧，同時也在這個過程將影子的感覺做出來，比較突出的物體下方畫上影子，這樣可以讓立體感更加強烈，線條才不會單調，v線條處理到這個階段就差不多囉，接著就準備上色囉。

Step 010

這時候我開啟了PhotoShop進行，首先將所有的線條圖層合併起來，將這個圖層命名為線條，另外在新增一個圖層，命名為遮擋用，選取了油漆桶工具，將屬性列處的全部圖層這個選項勾選起來，這樣一來就可以跨圖層使用油漆桶，這也是轉到PhotoShop的主要原因，在遮擋用這個圖層中，選取了一個顏色在線條外圍處直接點擊就可以進行填色，這個目的是為了要方便之後上色所使用。

Step 011

這時候再開啟一個圖層放置於線條之下，就可以運用油漆桶搭配畫筆工具來將基本的底色畫上去，比較大的範圍可以直接用油漆桶，若是沒有封閉的範圍就直接使用畫筆工具來畫，如果熟悉這樣的流程其實是可以很快就完成底色的上色過程，這邊可以考慮記住三個快速鍵：

B:畫筆工具（我所使用就是預設的實邊圓形筆刷）

G:油漆桶工具

E:橡皮擦工具（在畫筆狀態按住E就可以暫時切換橡皮擦，放開又會回去畫筆工具，如果只是按一下就放開那就會轉換為橡皮擦）。

Step 012

當底色完成之後，可以新增一個圖層，命名為加深用，放置於底色圖層之上，將圖層模式設定為色彩增值，選取一個淺色調就可以將暗面繪製出來，這次因為一口氣要畫九隻角色，在這個過程的優點是可以觀看到所有角色的整體感，但相對的會比較辛苦一點，在不同角色移動縮放等操作是蠻花精神的，我所花費的時間起碼是上底色的兩倍以上呢，不過當暗面出來之後，立體感也愈發明顯。

Step 013

暗面處理好之後，接著就是亮面了，這個所花的時間也不比起增加暗面來的少，不過相對的效果出來後會更有成就感。新增一個圖層放置在暗面上方，命名為加亮用，將圖層模式改為濾色這種屬性畫上去就可以加亮，不過顏色就不像加深一樣，用一個單純灰色就可以（其實加深也不一定要用單一個顏色，但是為了方便我通常會只先用一個顏色將所有的暗面處理好），在顏色的選取我會利用原有的底色去加深，例如畫第一代的主角盔甲，我就會選取藍色然後去加深，需要加深的原因是因為濾色圖層是加亮的屬性，如果選取太亮的顏色很容易會一下子就變成白色，所以得把顏色加深在來下筆。

Step 014

到這個階段已經算是完成了，那麼來看一下圖層的結構，其實也只有五個圖層而已，當然要多幾層也是可以啦，不過整個流程基本上只要用到這五個就差不多囉，這次的操作步驟就到這邊告個段落囉。