目前分類:CG繪製 (6)

瀏覽方式: 標題列表 簡短摘要
畫到現在差不多了,我們可以把它包裝包裝,準備拿去出見人了。

不過,我們還是要先補強一下,在加些背景呀什麼的,才不丟人吧?
沒錯,這就是我們最後一個單元的用意!

單元六:補強與後製

6.1 補強
補強,就是看看哪裡有陰影有漏、哪裡可以再加亮,總之就是補之前的不足啦。
通常可以注意一下,人物身上是不是有部件是會在其他部件上造成額外陰影的?
以這個人物為例,我們可以輕易發現,他的項鍊就是元兇!
所以,我們就要把它該出現的陰影給補上。
在「Line」圖層下新開一個圖層,取名叫「necklace_shadow」,模式為 Multiply,透明度50%
選用黑色或深灰色,在此圖層上畫出項鍊的陰影,然後擦掉不要的部份。
完成圖如左。
※你也可以在這個步驟再度補強之前的圖層。
在要補強的圖層資料夾中新開圖層來補強,
是比較保險的作法。
※你可以鎖定 Line 的透明度,然後上色,
這樣可以讓線條看來比較活潑,跟圖片比較融合。
不過,眼睛部份的輪廓建議還是用純黑色。
6.2 加上背景


背景百百款,你可以自己畫,也可以抓現成,重點是你要表現的感覺。
我當初在畫這張圖的時候,並沒有特別想到這點,
所以我可以配無關緊要的素材圖(如左上圖),
或是比較現實的校園走廊(如左下圖)。
兩相比較之下,我決定使用校園走廊。
※這張背景出處為背景寫真補完會(日文)。
你會發現我偷偷加了人物的陰影,
至於怎麼做呢?
提示是:跟下一個步驟有關,還要用到圖層模式的更動,與任意變形的功能(快捷鍵:Ctrl + T)
6.3 青冥合體
接著,我們要把人物作合體,以便之後的調整。
先把非人物的圖層隱形(按一下圖層前的眼睛),然後進入 Layer > Merge Visible ,就可以把人物合成為一個圖層。
(我發現人物有點歪,所以我轉了一下。這方面的功能在 Edit > Transform 中。)
6.4 太陽拳!


如果你有眼睛的話(沒有?那你怎麼看到這個的?),你會發現背景的光很強烈。
為了讓人物本身跟背景親近點,我們得做些改變。
進入 Filter > Render > Lighting Effects... ,參照左上圖來設定,然後按下OK。
你可以從左下二圖中發現,濾鏡應用前與應用後的差異。
然後,看看有沒有要再修正的地方,
加上你的LOGO,一張作品就完成了!
可喜可賀!!



感謝你看完這一系列的課程。
相信你一定有諸多怨言吧XD
有什麼問題,或是我寫得不清楚的,
歡迎回應讓我知道!

他踢 發表在 痞客邦 留言(7) 人氣()

接著還剩什麼?看也知道是皮膚跟衣服。

因為這兩部份需要比較細膩的上色,
但是技巧卻不難,需要的是經驗,所以我放到同一個單元一起說。
單元五:皮膚與衣物上色技巧

一:皮膚上色
5.1.1 開好圖層
皮膚要上得好看,大概可以用四個圖層搞定。
光亮跟陰影中,陰影影響大,所以開個三個圖層吧。光只要一個。
開好的樣子如左圖。
5.1.2 上陰影
接著,就可以利用+、++、+++這三個圖層來上陰影。
為求簡潔,我把各圖層的用途與注意事項列出。
+:最淡的陰影,你可以把大部分的陰影都上好。工作區域是整個皮膚。
++:層次性陰影,加深 + 的部份,想當然耳工作區域是圖層 + 。
+++:補強性陰影,是最深的部份。我通常選用咖啡色,然後用鋼筆工具補強。可以加強的地方如:物品與皮膚緊密接觸的地方、髮絲的陰影等等。
畫圖的變化如左。
5.1.3 路摸思!
我們來幫皮膚加上亮面吧,
這樣會更有立體感。
工作區域轉至 皮膚 > light ,選取整個皮膚的範圍並隱藏。
將此圖層模式改為 Soft Light,並將透明度改為50%
選擇白色,在你想變亮的地方,利用畫筆工具橡皮擦工具按揉工具補強。
這樣,就如左圖般完成了~
※你也可以多開幾個圖層來上光亮。
其實,光亮跟陰影的分配,
與整張圖的背景、要帶給人的感覺有關。
二:衣物上色


其實衣物上色並沒有什麼很特別的技巧,只要利用之前介紹過的方式,就可以上出漂亮的顏色。
善加利用圖層模式透明度的更改,各種工具交替使用就可以了。
然後,要注意衣服的細膩度。
如果是縐褶不多的衣服,圖層可以少開點,陰影可以畫得單純;
縐褶多的衣服就比較細膩了,需要細心的上色。
至於衣物類要不要有光亮?當然也看衣服的質料與環境囉。
例如:皮衣或是強光下的狀態,光亮面就絕對必要了。
左圖分別是襯衫、牛仔褲三階段的上色成果。
辛辛苦苦、細細膩膩的上色,
角色終於成形啦!!


他踢 發表在 痞客邦 留言(2) 人氣()

Well,也不是說我多會啦,這裡教的也只是他踢流偷懶畫頭髮術。
畫頭髮的方法很多,有人用賽璐璐,也有人把髮絲都畫得很細膩。
不過,我只介紹我的方法中,最省事的一個。

單元四:頭髮上色技巧

4.1 柔柔髮絲


首先,我們先幫頭髮上一下髮絲的陰影。
這個步驟畫得越細,頭髮就越精緻唷。
首先,在圖層資料夾「頭髮」中的「color」圖層上方再新開一個圖層,取名叫「hair」。
工作區域轉至 頭髮 > hair 圖層上。
鋼筆工具選出髮絲的陰影部份,並填上顏色(如左上圖)。
(這部分在第二單元有教過,可以翻回去看看;如果還是不太會用,建議你多練習唷!)
完成後如左下圖。
4.2 增加陰影
完成髮絲後,我們可以幫頭髮加上陰影。
將整顆頭選取起來,隱藏工作區域。
在圖層資料夾「頭髮」中的「hair」圖層上方再新開一個圖層,取名叫「+」。
工作區域轉至 頭髮 > + 圖層上,並將此圖層模式改為Multiply
利用畫筆工具畫出陰影來,偶爾也可以利用按揉工具(Smudge Tool,快捷鍵:R)來拖曳陰影。
我總共開了兩個圖層:+、++,分別上淺色與深色的陰影,這會使頭髮看起來更有立體感。
完成後如左圖。
4.3 亮亮髮絲


接著,來把頭髮弄得亮亮的吧!
在圖層資料夾「頭髮」中的「++」(或「+」)圖層上方再新開一個圖層,取名叫「light」。
工作區域轉至 頭髮 > light 圖層上,並將此圖層模式改為Soft Light
選擇畫筆工具,並挑選適當的顏色(我選的是黃綠色),畫出亮面(如左上圖)。
然後,選擇橡皮擦工具,把離光源較遠處擦細(如左下圖)。
4.4 頭髮超級亮!
只有這樣的亮度,好像有點薄弱哦?
沒問題,我們讓它變得又柔又亮!
在圖層資料夾「頭髮」中的「light」圖層上方再新開一個圖層,取名叫「light2」。
工作區域轉至 頭髮 > light2 圖層上,並將此圖層透明度(Opacity)改為 60%
※像透明度這種東西,你可以自由調整,
畢竟隨著底色、疊加色的不同,
用不同的透明度也會有不同效果。
選擇畫筆工具,並挑選白色,在亮面頂端再上一層亮白色。
哇,有了頭髮的變化,
整個角色就變得不同了!


他踢 發表在 痞客邦 留言(0) 人氣()

現在我們已經填上所有的顏色,看得出人物的未來了。
接下來就是要讓他炯炯有神,然後立體點,所以,我們就來學學看上色的方法吧~

單元三:基本上色技巧

3.1 選擇範圍
這個單元,就用眼睛、嘴巴做範例吧。
為了讓以後修改更方便一點,這次不畫在同一個圖層上,而是要新開圖層。
這樣就不能用之前按鎖定透明度按鈕的方法了呢。
沒關係,我們還有撇步!
工作區域轉至 眼嘴 > color 圖層上。
進入 Select > Load Selection...
會出現如左圖的對話框,不要動到任何設定,直接按下OK。
※ 本方法在舊版中可以用 Ctrl + 點選任一圖層,
不過新版我不知道怎麼用orz
3.2 隱藏身形
你會發現,本來圖顏色的地方很神奇的被選起來了!
但是,這樣對我們之後的上色可能會造成干擾(如果你覺得不會,這步驟你可以跳過)。
為了讓虛線邊暫時隱藏,
按下 Ctrl + H
你會發現虛線邊很神奇地不見囉!
3.3 嘴巴微開
接著,我們先來幫嘴巴上色。
在工作的一開始, 我們一樣要新開圖層。
依照我之前上色的習慣,在圖層資料夾「眼嘴」中的「color」圖層上方再新開一個圖層,取名叫「嘴巴」。
工作區域轉至 眼嘴 > 嘴巴 圖層上。
選擇畫筆工具,並挑選適當的顏色,慢慢畫出身淺不同的陰影。
3.4 眼睛很立體


然後呢,我們先幫眼睛上大範圍的陰影。
在圖層資料夾「眼嘴」中的「嘴巴」圖層上方再新開一個圖層,取名叫「eye++」。
工作區域轉至 眼嘴 > eye++ 圖層上。
為了讓這片陰影能應用到整個眼睛上,
圖層模式更改為覆疊(Multiply)(如左上圖)。
然後,在 eye++ 圖層上,用灰色在眼球上方刷上一層陰影(如左下圖)。
※ Multuply 將顏色與底下的圖層相乘,
通常效果會較深;
Darken 應該是計算顏色的深度,
再跟底下圖層相疊,通常效果會較淺。
你可以隨時變動來看看效果,
甚至選用其他的圖層模式。
3.5 該長瞳孔了


接著就來幫他的黑水銀上色吧。
先取消選取範圍。雖然看不到,但一樣用任何選取工具在畫布上點一下即可。
在圖層資料夾「眼嘴」中的「eye++」圖層下方再新開一個圖層,取名叫「eye」。
工作區域轉至 眼嘴 > eye 圖層上。
首先,在瞳孔內部畫上較深的咖啡色(如左上圖),然後將此圖層透明度鎖定(按一下那個方鈕,記得嗎?)
接著,在此範圍內依深→淺→深→淺的順序,畫上有層次的瞳孔。
※你有閒工夫的話,可以畫很多層,
不過我通常就像左下圖一樣畫兩層。
3.6 要反光
身為一個稱職的眼睛,不反光就太無神了(你也可以反過來利用)。
在 Line 圖層上方開啟一個新圖層,取名叫「light_dots」。
同時,也取消選取範圍。
你除了幫眼睛上反光之外,在之後的上色過程裡,也可以在這個圖層上畫各式各樣裝飾性的光點。
畫吧!
※我畫反光通常是這樣畫:
1.先用比較硬、比較大的筆刷畫出上方第一個光點。
2.用跟步驟1.一樣大,但較軟的筆刷(有柔邊的)補上一點光暈。
3.用較軟但較小的筆刷,在第一個光點下方補上裝飾。
有的人還會在上面加一堆反光,這就看你自己了。
畫完眼睛之後,
類似的方法幫項鍊、綠色T恤、手環還有鞋子上色~



他踢 發表在 痞客邦 留言(0) 人氣()

線稿處理完了,那接下來呢?讓我們先上一些底色吧!

單元二:鋪上底色

鋪底色可以決定你這個人物的色調,還有看起來的感覺。在鋪底色之前,我必須告訴你,鋪法人人不同。在此,我提出兩種鋪法,也算是基本技巧,學了應該頗有用處。
鋪法一:懶人法
這個方法適用於範圍封閉,而且外框線條簡單的區域。
2.1.1 選擇範圍
這個方法,我用項鍊的十字架來做範例。
工作區域仍在 line 圖層上。
選擇魔術棒工具(Magic Wand Tool,快捷鍵:W),在十字架內部點一下,瞧!區域被選起來了!
但是旁邊好像有奇怪的留白呢,該怎麼解決呢?
2.1.2 拓展關係
進入 Select > Modify > Expand...
這個選項,可以把選取區域擴大。
依照線稿的粗細度不同,數字的設定也要有不同。
我平時線稿(代針筆 0.1)通常使用 2 ~ 3 像素(pixel)。
設定好後,按下OK。
2.1.3 打鐵吧!
真神奇!選取範圍落在線的中間,變得剛剛好!
這時,請你新開一個圖層資料夾,取名叫「項鍊」。
※圖層資料夾可以幫助你整理圖層,
以免要找圖層時捲來捲去的。

開好之後,再在「項鍊」中新開一個圖層,取名叫「color」。
然後,選擇油漆桶工具,在 項鍊 > color 上塗上淡灰色。
完成了,就是這麼簡單!
鋪法二:細膩法
這個方法適用於範圍開放,且 / 或外框線條複雜、轉折很多的區域。
2.2.1 選擇範圍
這個方法,我用人物的髮毛來做範例。
新開一個圖層資料夾,取名叫「頭髮」,再在「頭髮」中新開一個圖層,取名叫「color」。
工作區域轉至頭髮 > color 圖層上。
選擇鋼筆工具(Pen Tool,快捷鍵:P)
首先,在眉毛的其中一個末端點一下,建立起點;
然後,在另一個末端點住並拖曳,讓它符合眉毛的外框。
2.2.2 能屈能伸
這時應該要回到另一個端點了。
可是,按起點然後拖曳,卻會出現奇怪的曲線,無法符合外框!
這時候,你只要在建立新節點或是點選起點前,
按住 Alt 並在最新的節點上點一下,
這樣該節點就變成「次起點」(這是我的用語),
就不會去計算之前拖曳的弧度了。
2.2.3 染毛吧!

建立路徑之後, 就可以準備染毛了。
維持在鋼筆工具下,在路徑上按右鍵,選擇 Fill Path...
選擇好顏色之後,不動其他的設定,按下OK。
※小技巧:
你可以在進入對話框前,
先把要填充的顏色指定在前景色,
這樣只要在 Contents > Use 選擇 Foreground Color 就可以了。
否則,就請下拉選單選擇 Color... 來指定顏色吧。

※小技巧:
如果最後一個點不點在起點上,
程式在填充時也會自動連結,
有時候可以用這個小撇步省一點時間。

看!眉毛被上色了呢!
用一樣的步驟,幫他的另一個眉毛和整顆頭染色吧!
2.3 我想反悔

如果上完色之後,想要更改顏色怎麼辦?
很簡單,首先,點選旁邊 Layers 視窗上的小方鈕(見左上圖)。
這個按鈕,可以讓該圖層的區域被鎖定。
然後,再使用油漆桶工具或是畫筆工具(Brush Tool,快捷鍵:B)選擇其他顏色做處理。
本範例使用畫筆工具(見左下圖)。
2.4 做花布
在鋪色的步驟中,也可以先把衣服等等的花紋弄上去。
這裡介紹一種製作花布的方法。
我就用他的襯衫作例子吧。
首先,在畫布上(你可以新開檔案,以免干擾)畫一種花紋,或是用現成的圖案。
接著,用矩形選取工具(Rectangular MarqueeTool,快捷鍵:M)選定一個範圍的圖樣。
然後,進入 Edit > Define Patterns... ,會出現如左圖視窗。
你可以改成你容易記的名字之後,按下OK。
2.5 縫花布

做好布之後當然要縫好讓他穿上去啦。
新開一個圖層資料夾,取名叫「襯衫」,再在「襯衫」中新開一個圖層,取名叫「color」。
工作區域轉至襯衫 > color 圖層上。
選擇好襯衫的區域,
維持在選取工具下,於選取區域上按右鍵,選擇 Fill...
會出現如左上圖一樣的對話框,也就是之前鋪色有看過的對話框。
但是這一次,我們要填上剛剛做好的花布。
選擇 Contents > Use > Pattern,並將 Custom Patter 改為剛剛製作好的圖樣。
確定後,按下OK,哇!衣服真的有花紋了!
在有花紋的部份,我會偷偷把部分區域轉個角度或是改變形狀, 讓花紋看起來更自然點。
這部份你可以在看完這次所有課程後,自己研究看看。
成果就如左下圖。
經過不斷的鋪色、貼圖樣,
鋪完色的角色就誕生了!

他踢 發表在 痞客邦 留言(6) 人氣()

大概高一有做過一篇CG教學,
可是那實在慘不忍睹…
所以現在再來一發,
順便畫很久沒畫的畫。

使用的軟體是Photoshop CS2,
舊版的可能有一點點差異,不過不大。
如果覺得這篇不錯就給點鼓勵吧,
有問題也可以問我。

這一篇是系列開頭:處理線稿按這裡下載練習檔(6.74MB)

1.1 準備就緒
首先,先用掃描器把你畫好的線搞掃描進電腦。
盡量用黑筆描過再掃描,否則鉛筆稿很難處理,雜線多,清起來很費功夫。
本範例的高度達A4,解析度用300 dpi,這是我的習慣。
如果你要等大輸出,100 dpi 其實夠用了,
不過調高解析度,可以讓你放大輸出。
也就是說,我本來用A4畫,
可是可以用三倍大小(A3 ~ A2)來輸出(不過可能會有點粗糙)。
1.2 選擇黑色
因為我覺得這張原稿還算乾淨,所以就先不細清灰色的部份了。
進入 Select > Color Range... , 這可以幫你選擇純黑的部份。只要在縮圖上黑線的部分點選就可以了。
※黑線太細點不到?
你可以點選白色的部份,然後勾選旁邊的 Invert 就可以囉!

Fuzziness 越大,黑色的部份就越清楚。
選擇好後,按下OK。
1.3 塗上黑色
黑色的部分被選起來了呢!
這時,請你新開一個圖層,取名叫「line」。
※圖層的命名不一定要照我寫的,
你想取「線稿」、「邊框」什麼的都沒差。

開好之後,按下鍵盤上的 D,這可以把前景色 / 背景色設為黑色 / 白色。
※如果按下 D 卻沒有反應,
可能是你切換到輸入法了,
切換回英文模式即可。
然後,選擇油漆桶工具(Paint Bucket Tool,快捷鍵:G),在 line 上塗上黑色吧!
1.4 補上暫時性背景
取消選取(你可以用任何一種選取工具在畫布上輕點一下,就可以取消選取),哇!黑色線稿出現了!
不過,還是有原稿的一些花紋 。
為了讓線稿更好看,又保留原稿(以備不時之需),請在 line 下新開圖層,取名叫「bg」,並在上面填滿白色。
※小技巧:
按下 X 可以快速切換前景色 / 背景色唷。
1.5 修正原稿
好。現在我們回到 line 圖層,開始清雜點。
不管你原稿再乾淨,掃進電腦還是會有一些小雜點,
橡皮擦工具(Eraser Tool,快捷鍵:E)來擦乾淨吧!
如果你畫原稿時有畫錯的地方,
也可以趁機修正喔!
※建議用硬度較高的橡皮擦工具,
也就是沒有柔邊的,
這樣才不會跟原稿差太多。
(除非你別有用意)
線稿完成囉

他踢 發表在 痞客邦 留言(6) 人氣()