目前分類：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) 人氣()

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

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

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


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

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

▲top
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) 人氣()

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

單元三：基本上色技巧。

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) 人氣()

▲top
線稿處理完了，那接下來呢？讓我們先上一些底色吧！

單元二：鋪上底色。

鋪底色可以決定你這個人物的色調，還有看起來的感覺。在鋪底色之前，我必須告訴你，鋪法人人不同。在此，我提出兩種鋪法，也算是基本技巧，學了應該頗有用處。
鋪法一：懶人法
 這個方法適用於範圍封閉，而且外框線條簡單的區域。
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) 人氣()

▲top

大概高一有做過一篇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) 人氣()

▲top