【ＰＳ】萌系(?)CG製作的第三步-簡易上色

紗月

其實也不是都全屬萌系
只要是有線稿區隔各色層的皆為此類
不過不知道該怎麼稱呼Orz
感覺萌系較具代表性(毆
　
第三次的教學發表，請多多指教m(ˍ ˍ)m





CG教學(三)-簡易上色


使用工具：PhotoShop CS

首先具備好一張去背處理過的線稿


＊本次使用的範例
畫的沒有很精緻，請見諒。^^"
眼睛部份因為之前是直接在線稿上面上色，所以較難挽救回來，就這樣了。
另外，自己是為了教學再重新上色一次，所以有些圖可能會不太一樣，請見諒。




首先我們要先對每個部份進行填色，
在線稿圖層下面新增圖層..



圖層可以上下拖曳，越上面的圖層表示離你眼睛越近。

圖中左下是視窗模式，可以依自己的喜好去切換，我個人是常用中間那個。

新增圖層後在上面點滑鼠右鍵→圖層屬性，為圖層命名。






首先我們新層頭髮圖層來為頭髮作填色
　
　
　
　
　＊魔術棒選取填色



按左邊魔術棒工具(W)
模式選為增加至選取範圍
顏色容許度為1~255，類似RGB數值，若是填入255就等於是全選。
消除鋸齒、連續的、使用全部圖層均勾選。

然後在頭髮空白處點一下，就會把頭髮選取出來。
若是中間有線隔閡沒選到，就在沒選到的上面也點一下，以此類推。
直到頭髮差不多都選到後，如圖左...



會出現虛線。
之後我們在進行擴張



選取→修改→擴張
數值差不多在1~3
看效果，數值的影響會決定在圖的大小與線稿的粗細。

確定之後，選好顏色，在頭髮圖層上面進行填滿(Shift+F5)



填滿顏色後，會發現有些尖銳的部分沒有填色到。
這時再用筆刷工具填補就好。


另外一種填色法就是土法煉鋼(啥
　
　
　
　
　＊筆刷填色

這種適用於線稿不夠完整，有許多缺口的情況下。

以皮膚來做示範。


先點選多邊形套索工具。
然後新增圖層



大略將皮膚的部份給選取出來，然後填滿(Shift+F5)

PS.一般人會先將皮膚上色後再將頭髮上色，故顏色塗到頭法上沒關係，只要頭髮圖層在皮膚圖層上面即可。



之所以會用難看的顏色，是為了方便觀察是否填齊。

填滿之後將線稿圖層(圖中之圖層1)的不透明度調低，以方便觀察之後筆刷填色是否填齊。
然後再用筆刷將其餘的地方填滿。


鍵盤的"["、"]"鍵可以切換筆刷大小←非常好用，若切換不了的看看輸入法是否已切換為英/數。
空白鍵+滑鼠左鍵也可快速移動您的畫布



填滿後將皮膚圖層(圖中之圖層30)鎖定透明像素，選好皮膚的顏色之後按填滿(Shift+F5)
這樣就不會填滿出界了。

以此類推...





待各圖層填好後，會如圖中的樣子。
狗狗我是單一填色。



其實只要鎖定後，就可以開始單一圖層上陰影/亮部了。

不過一般是多圖層上色，方便修改與一些小因素。
　
　
　
　
　＊群組上色法

頭髮示範

首先在頭髮圖層上新增圖層



按一下Ctrl+G，使圖層與頭髮圖層組為群組。
如此，影響範圍只會在頭髮圖層的不透明區域。(意即不會塗出界)

若想要切換回來，就在兩圖層之間按住Alt鍵然後點一下。



PS.游標的圖案我照不下來
大致如圖上
再按一次則又變為群組。

若要再加上一層顏色，就新增圖層，也是按Ctrl+G，然後上色。
以此類推...
　
　
　
　
　＊遮色片上色法

遮色片的原理：

我再楓葉的圖片上新增一個圖層1，然後填滿黑色。



按一下增加圖層遮色片



然後我在遮色片上塗上不同深淺的顏色(遮色片的模式皆為灰階)(圖左)
簡單記法：黑色是挖洞；白色是填洞
填上黑色就會透過去看到下面圖層的圖案(圖中)


了解後就回歸正題

在頭髮圖層上新增圖層，組為群組(Ctrl+G)，填滿陰影的顏色後，新增遮色片。



在遮色片上填入黑色即挖洞，也就是變成原色，現在我將原色稱之為亮部。

如過不習慣在陰影上面填亮部，就先將遮色片填滿黑色，如此一來塗上白色就是塗上陰影。

親自試過會更加了解。
若要增加顏色則就再新增圖層，或是直接上顏色在上面也可。



關於群組上色以及遮色片的使用..
也可參考遮色片及群組上色教學／JIO+千燁Chiaki




　＊陰影/亮部處理


如果你是滑鼠一族的，建議可用筆型工具(貝茲曲線)來協助上色。
筆型工具的用法可參考..
線稿製作教學／紗月
使用貝茲畫線1 的4樓／pxpoe





我習慣的是用筆刷



用筆刷塗好之後(圖左)，再用噴槍式筆刷修飾(圖右)



選取筆刷大小的時候會出現這個視窗，
右邊的功能選單可以更改顯示方式，我常用的是小型縮圖。
下面的三種..硬筆、柔邊筆、噴槍是我較常用的(隨意取名)
右上方的不透明度與流量可以自行斟酌取用，
正上方的模式就留給大家去玩嚕~



之後再將陰影部份上些微的反光，然後再加一點點更深的顏色在陰暗處。(圖左)
最後我在亮部用直徑大、低流量的噴槍稍微塗一下亮色，讓圖更顯立體感。
完成。

其他部分以此類推...



眼睛部份的光點可以嘗試用筆刷模式中的「加亮顏色」或「線性加亮」來玩。
不同的顏色會有不同的效果。
圖層也有此類功能，歡迎善加利用。
　
　
　
　＊梨月的選色小偏方



色相中不同的顏色其本身有不同的明亮度。大概以黃色為最亮，靛色為最暗。
在選擇亮部與陰影時，可選擇左右相近色。亮部左陰影就右，若亮部右陰影就左。
例如我教學這張的頭髮..
原色是v24，陰影v23，亮部v2(飽和度憑感覺調)
反光部份可任意選色，無反光也可。通常依背景顏色去判斷。

飽和度與色相相輔相成，善加利用使圖更美麗。
(自家小偏方，僅供參考。)


--

PS.
以上皆個人經驗+少許推測，僅供參考。
若有什麼地方有錯誤或說明不清楚的，歡迎糾正˙ˇ˙
有想幫忙補充的也歡迎喔\˙ˇ˙/

附件的上傳以後若有空會用...圖太多Orz
目前還是無名的鄉紳XD|||

[ 本文最後由 紗月 於 07-10-14 06:32 AM 編輯 ]