Photoshop畫CG示範

[狄亞哥]

以前有說好要給茶兒做CG，
昨天有空就依約定把他以前畫的一張手稿來上色，
並把過程拍下來做成示範...

畢竟茶茶手工功夫那麼好，
不會用PS畫CG有點給他浪費XDD

不過這都吾人參考網路許多教學文件以及自己摸出來的方法，
可能會有事倍功半的情況...
所以就...請多多包涵=3="

茶茶原草稿的網址:
http://wolfbbs.net/viewtopic.php?t=22195
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

首先開啟Photoshop，
直接打開茶兒的圖片檔，
因為茶兒已經有稍微上了些明暗，個人覺得直接調對比明暗取線搞有點牽強=3="
所以還是老方法!
開新圖層描線轉成路徑取線稿=3="

順道一提，假如只是單純乾淨線稿，直接調明暗對比就可以得到線稿，
然後創新圖層就可以直接上色了ˊ3ˋ
可以參考板上許多狼友的文章O.o


然後就可以用選取工具，點選空白部份，把空白部分選起來，
但是要注意上面容許度不能過小，也要把［連續的］這選項勾掉，
才可以一口氣把空白給選起來。


接著點右鍵，點［反轉選取］，
可以選起線調，


因為個人手殘(炸)
描的線調都不太能看，所以還是把它換成路徑，來美化一下ˊˇˋ


點選［製作成工作路徑］後，會跑出這視窗，容許度就是路徑的圓滑程度，
可以填入0~10的數值，數值越大越圓滑，但相對的也就會跟原本線稿差距很大，
但太小路徑節點就會多的嚇人@@
所以斟酌填入O.o


接下來就是很令人頭痛的調節點作業|||b
往往是很令人乏味的工作~"~
不過卻是得到演算過的漂漂線稿不二法門ˊˋ
所以還是得含淚作業ˊ皿ˋ


所有節點調整OK後，
就是開個新圖層，
點選剛剛做好的工作路徑，點右鍵，選填滿路徑，就可以得到乾淨的線稿ˊˇˋ＂
並把這線稿放在所有圖層的最上層。


再來開新的圖層，
放到最底層，
然後填滿白色當作背景前置。


再來開新的圖層，要來開始上茶的基本色分布，
圖層放在線稿之下，背景之上。


接著可以使用剛剛辛苦得到的路徑來進行填滿次路徑來上基本色ˊˇˋ＂
不過要注意的是，一定得選到對的圖層，假如選到別的圖層就會上到該圖層之上，
後來要修正也相對麻煩多(吾人常幹這鳥事|||b)
就用滑鼠點選靠近內側的線條，使用[填滿次路徑]上色。


就醬先把基本色分配好，


再來開新的圖層，是要用來上茶茶白毛的部份，
這次放在線稿之下，基本色之上。


一樣也是點選裡面的線條路徑，使用次路徑上色，
次外下面演算中的［羽化強度］也就是柔化程度，可以填入1~10的數值，
同樣地，數值越大越柔和，考以斟酌使用。
而這次，吾人是把茶全部上才白色。


然後直接把這圖層，用滑鼠拉到基本色圖層之下，


再來就是創作初圖層組合，
來使用遮色片上茶兒白毛的部份。


於是把基本色、白毛拉到這圖層組合裡面，
但注意要把基本色放在白毛之上。


接著開始點選下面左邊數來第二個的［增加圖層遮色片］。


再來是要用鋼筆工具畫路徑，規定遮色片顯色的範圍，


為了方便起見，可以把基本色以及白色這兩個圖層的［不透明］百分比調低，
讓下面的草稿圖層可以顯現出來，
接著就可以沿著草稿白毛範圍，用鋼筆拉出路徑範圍，
然後點選遮色片，使用填滿路徑，因為是毛的關係，建議可以使用羽化選項ˊˇˋ
而顏色要上黑色，遮色片就會把下層的白毛給透出來。


就醬就可以看見白毛和基本色混搭了ˊˇˋ＂


接下來要開始上明暗了。
在那之前，先點選圖層組合，點［合併圖層組合］，
讓這兩個圖層合併起來。


剛根根一模一樣的步驟，創新圖層，但填上毛色的深色，
開新的圖層組合，把圖層位子照剛才的一樣的位子放好。
開遮色片，剛剛仿照剛剛的方法給他上暗色ˊˇˋ


就這樣把暗面都上來，一樣給他合併。


最後背景可以依喜好來畫了ˊˇˋ＂
不過最好別太華麗或突兀，以免變成喧賓奪主的現象|||b


以上供給茶茶和狼友做參考=ˇ="
此外以前也有做過類似的文章，
可以參考O.o
但都大同小異就是= ="
http://photo.xuite.net/j0hceqh/1827161/1.jpg#picture

http://wolfbbs.net/viewtopic.php?t=2...b314cc37ee9f09

而下面是網路上高手的教學文章，
比吾人強多了就是= ="
可以參考參考=ˇ="

http://chocolate.wolflord.org/cm/cmc...cgteach/CG.htm
手繪搞->電腦線稿過程+上色

http://www.mandom5354.com/howtoart/030/030.htm
手繪搞->電腦線稿過程+上色

[tsuki.白]

頭香(?)

這麽詳盡的教學也沒獸回一下XD
雖然説是給茶演示的
但也確實幫到了我這個分明是外行的僞PS使用者>v<

狄亞哥製作辛苦囉!!
最終的效果也很有立體感

唉PS真的好深奧....
何時才能熟練運用阿(被打爆

[狄亞哥]

咦

那我可真是犯了蠻大錯誤= x =
一般來說發表在台面上的文章，
好像不能放太多個人情感再裡面以免造成偏心(死)

馬上修改XDDD


能夠讓minazuki有點益處讓吾輩很高興呢ˊ皿ˋ
打的時候還一直看句子通不通順，
能不能夠把想法表達的清楚|||b
甚至避免乏味，承接詞與轉折語也盡量不要重複過多XDD
不過吾人詞窮(被踹)

PS吾輩當初也是覺得很難呢= x =
甚至連圖層概念都亂奇八遭|||b
後來還是硬哉進去，
去愛去摸去撫（炸）
漸漸習慣後就可以跟大家一起快樂的畫ＣＧ啦ˊˇˋ

板上頗多手繪工夫強，但可能遇到電繪就有些不知所措的獸= x =
而吾人是手殘，只會搞軟體的XD(炸)
所以慢慢觀摩一定可以學會的ˊˇˋ"

minazuki妹也加油吧

[舒跑貓]

不錯的教學阿ˊ口ˋ/
只是昨天試玩(?)之後手痛不能回文(滅)

我補充一下節點的地方…
個人習慣是放大到400~500%來修節點
所以通常會把工作區塊都關起來用快捷鍵操作…

以下快捷鍵:

工作區塊開關(TAB):開關工作區

路徑選取工具(A):選取路徑、移動整個路徑
直接選取工具(A):移動單一節點位置
→按住Ctrl可互換，也就是說在路徑選取工具時(黑箭頭)按住Ctrl會變成直接選取工具(白箭頭)

筆型工具(P):畫路徑
→按住Alt可做單向的弧度調節、按住Ctrl則是移動整個路徑和調整弧度
(實在不知道要怎樣解釋這裡 囧)

放大工具(Z):放大縮小ˊ3ˋ
→按住Alt可換成縮小模式

大概修節點時會用的就這些了～
以上//

[J.C.]

感謝狄亞哥的細心示範 每個過程都很詳細 對新手們應該有不小的幫助

Photoshop的用法因人而異 像我就不太用路徑也不太用圖層功能 ^^;
可以依照自己的個性找出最適合自己的繪畫方式 畫起來會更得心應手

[M.T.Don]

狄叔講的好詳細阿XDDD

這樣我又偷學了這招~((筆記!((喂!

茶弟因該也學到不少喔ˇˇˇˇ

真是辛苦啦ˇˊˇˋ

[dust999]

Photoshop確實是一個令人又愛又恨的東西

其實我個人覺得Photoshop要學懂它並不是什麽難事
難就難在如何能夠熟練的去運用那些工具

所以很多人都是這樣說
學Photoshop不難,難就難在把它學精 (我好像說了很多廢話...)

狄叔的教程不錯
其實用路徑取線稿確實是個不錯的做法
不過調整路徑也是一件很累的事

嘻嘻,又偷學到不少東西了...

[綠茶狼small]

終於有時間來回文了= =...

謝謝狄哥老爸的用心教學!!

小兒受教了...

我會努力學習的..

現在要先把小畫家計法練好(爆!)

再來學ps..(謎之聲:兩者根本沒相連吧= =!)

[宵祀]

我也很喜歡這種上色方式，因為調好路徑可以得到美美的線稿，接來下的著色也是點一點就ＯＫ了。

我在這裡提出幾點需要注意的：

一　用魔術棒的時候請點選空白的位置，「連續的」選項不要打勾。
我常常點到線稿，結果變成線搞是白色，然後要反相＝　＝

二　做出工作群組之後，請先填滿看看，以免弄錯枉費一直調到死…


另外…我從來沒有調過路徑ＸＤ

[若葉]

我想要問一下....

狄大大，你的背景可以做一趟教學嗎^^?

我還是會卡在這部份...希望能教一下。謝謝!!