系統公告
Profile
個人圖檔
ID:angelicmoon
暱稱:梨月
生日:1986/03/15
地區:臺東縣

贊助商連結
Banner
Link Free
輕旅行
Memo
人氣指數
當日人次:
累積人次:
贊助商連結
RSS 訂閱
RSS2
ATOM
其它資訊
本部落所刊登之內容,皆由作者個人所提供,不代表 yam天空部落 本身立場。
POWERED BY
POWERED BY
會員登入免費註冊
July 23, 2007


觀看教學請入內..


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),填滿陰影的顏色後,新增遮色片。



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

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

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



*陰影/亮部處理


如果你是滑鼠一族的,建議可用筆型工具(貝茲曲線)來協助上色。
用法在線稿製作教學有說明。





我習慣的是用筆刷



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



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



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

其他部分以此類推...



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




*梨月的選色小偏方



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

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


--

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




誰推薦這篇文章
引用 (你可以針對此文寫一篇屬於自己的blog/想法,並給作者一個通告)
引用
留言 (9筆)
1.
小梨月你好棒(拍手)
某攸等等幫你推廣XDD"
 
板主回覆:
謝謝XD
JulieFun Jul 23, 2007 留言 |
2.
小森好可愛!(喂

萌梨的教學好棒ˇ
讓我想回到不會用ps的時代來照著練習一遍XDD
 
板主回覆:
校工好可愛!(認真
什麼XDDD
inschool Jul 23, 2007 留言 |
3.
這個用色教學好棒!!!
雖然我搞不太懂不過很棒就是了(踢
想到前陣子摸明度.彩度的時期就頭痛orz
 
板主回覆:
XDDD
萌七月的顏色不錯嚕阿~ˊˇˋ
七月 於 Jul 24, 2007 留言 |
4.
正在學陰影呢~
這對我很有幫助XD
也歡迎有空到無名小站3dsMax板參觀^^
 
板主回覆:
很高興對你有幫助˙ˇ˙
那個無名我好像找不到^^"
stack 於 Aug 5, 2007 留言 |
5.
梨小月真的好棒嘎嘎嘎...
 
板主回覆:
謝謝ˇ
千堂風 於 Aug 10, 2007 留言 |
6.
受益良多~有空試試看...
 
板主回覆:
加油慢試˙ˇ˙
p8576aacp Aug 18, 2007 留言 |
7.
梨月大的教學很棒XD
等下偷偷推廣一下XD
 
板主回覆:
謝謝˙ˇ˙
t750627 Jan 9, 2008 留言 |
8.
版大好厲害阿///口///(羨慕
ㄚ夜還停留在手繪的階段說...(泣
CG真是種奇妙的東西阿...

 
板主回覆:
咪...基礎打的好...CG就不難˙ˇ˙
mockmoon Jul 27, 2008 留言 |
9.
天啊....
那是我 因為 電腦上不知道為甚麼有這個軟體,第一次電繪的軟體
因為不太會用(沒辦法...沒人敎啊,而且沒有繪圖板)而去學別的軟體
我發現好多人都用你這個軟體.....(偏偏我就是不會用...(淚奔))

 
板主回覆:
PhotoShop算是平面設計最廣泛的軟體了@@ 好用!!
月涵 於 Mar 29, 2009 留言 |
發表你的留言 (字數限制 最多 2000 個中文字)
私密留言:
Name:




內容:
檢視行動版網頁  |  檢視正常版網頁