查看完整版本: CG手稿至完稿
頁: [1]

dear521502 發表於 2009-6-8 09:37 PM

CG手稿至完稿

http://i299.photobucket.com/albums/mm287/imtkpeter/-02.jpg

※欲預覽全圖可按F11

◆主題◆ 自創人物
◇使用軟體◇ Photot Shop CS2


------CG手稿至完稿教學開始------
====　　線稿分離篇　　====

01.首先先把你的手稿用任何方式弄到電腦裡面
　 (掃描器是首選，其次為高階的DC[數位相機]，真的沒辦法就用手機也可以= =
　　重點是背景一定要是乾淨的白色，線條夠清楚才可以)
http://i516.photobucket.com/albums/u324/tkispeter/a01.jpg

大部分弄到電腦之後都會長成這副德性
(如果線條不夠黑，請到 影像→調整→色階(Ctrl+L)調整，怎麼調整就自行去嘗試囉)

02.接著就是令人既興奮又令人不爽的線稿分離
　 先開新一個圖層，然後利用填滿工具將這一層填滿黑色
http://i516.photobucket.com/albums/u324/tkispeter/a02.jpg

　 然後利用 選取→選擇顏色，去點選圖層白色或黑色的地方
http://i516.photobucket.com/albums/u324/tkispeter/a03.jpg
　 (我是建議選取白色比較好，有時候黑色沒有完全選到也很困擾= =)
http://i516.photobucket.com/albums/u324/tkispeter/a04.jpg
　
　 接著到 選取→反轉(Ctrl+Shift+i) ※選取黑色則免這一步
　 然後選取黑色圖層(如圖示)並執行剪下(Ctrl+X)
　 (此步驟是為了防止白邊出現)
http://i516.photobucket.com/albums/u324/tkispeter/a051.jpg
　 然後執行貼上(Ctrl+V)，喔喔!!神奇的事情就發生了
　此時你會發覺怎麼還是一片黑.........OTZ
　 記得將黑色圖層給刪除(或關掉)
　 就會有完美的線稿在你眼前了 : )
http://i516.photobucket.com/albums/u324/tkispeter/a05.jpg
　 接著你可以幫圖層取一個名稱，也可以使用移動工具移動線稿這個圖層，將他挪到你想要的地方。

　 這時候你將名稱為「背景」的圖層關掉，就會發現你的線稿是透明無底色囉!!
http://i516.photobucket.com/albums/u324/tkispeter/a06.jpg

====　　上色篇　　====

礙於每個人都有個人上色的方式跟撇步...所以我就簡單介紹上色的基本方法

1.線稿背景分開之後，是否要保留底稿在背景圖層視自己的興趣(?)決定，不過記得要在背景圖層上開新圖層(或直接在背景圖層上執行以下步驟)，並利用填滿工具填入白色(或其他淡色系)
　 魚兒我就用一個對比性較大的亮橘色來當底色。

     以下※ a 為可用或可不用，看自己的喜好決定。

　 ※a 接著選取線稿圖層，並在圖層左邊那個灰白框上按住「Ctrl+滑鼠左鍵」
　 你就會發現這個圖層上的任何東西都會被選取起來

http://i516.photobucket.com/albums/u324/tkispeter/a01-1.jpg

　 然後將色盤上的顏色調整到一個你想要的色彩，然後到 編輯→填滿 將其透明度調低，接著將顏色填進去選取區域

http://i516.photobucket.com/albums/u324/tkispeter/a03-1.jpg

　 然後更改圖層混合模式，選擇線性加深，這麼一來，線條就能跟底下的顏色融合在一起了
http://i516.photobucket.com/albums/u324/tkispeter/a04-1.jpg※


2.接下來數一下自己想要分幾個區塊來進行上色
有的人的習慣都是分「身體」、「頭髮」、「衣服」、「褲子」、「配件」...等下去分
接著就按照這些數量去新增圖層數；記得養成好習慣，就是幫圖層取名稱
這樣未來檔案搞到很複雜的時候才不會亂掉

上色方式有很多種，你可以選擇自己比較習慣的方式來做
這邊我就教兩種方式，一種就是比較阿信的作法
這邊我以膚色為例，先將要上的顏色調整好之後，在用筆刷工具直接畫在想要上色的範圍
※ 超過黑線沒有關係

http://i516.photobucket.com/albums/u324/tkispeter/a05-1.jpg

接著就是用橡皮擦工具慢慢的，一點一點將超出線框外的顏色給擦掉

http://i516.photobucket.com/albums/u324/tkispeter/a05-1-1.jpg

另一種方法我用外套為例，先選擇線稿圖層，然後利用魔術棒工具，去選取一個外套位置
http://i516.photobucket.com/albums/u324/tkispeter/a05-2.jpg
當然，因為外套線條較多，所以它選取的範圍較小，我們就要利用 Shift 來加選其他地方
如此就可以將整個外套選擇起來
http://i516.photobucket.com/albums/u324/tkispeter/a05-3.jpg

不過這樣選取會有一些地方會因為線稿的關係，而沒選取到
我們就到  選取→修改→擴張  讓其擴張1px

http://i516.photobucket.com/albums/u324/tkispeter/a05-4.jpg

接著一樣將色盤的顏色選擇好後，到 編輯→填滿 將顏色倒進去
(記得還是要利用放大鏡功能去檢查是否有漏掉的地方)
用這兩種方式將底色都分別上在圖層上就可以囉!!

http://i516.photobucket.com/albums/u324/tkispeter/a06-1.jpg

3.接下來我們就可以來上光影囉!!
以下用身體來當示範
首先先選擇身體圖層，並新增一個圖層在它上方，並取名叫影子1
接著一樣在身體圖層上，按住 「Ctrl+滑鼠左鍵」將身體圖層的顏色選取起來
這樣就可以防止在上陰影的時候又畫出線框外
接著選擇影子1圖層，就可以再上面畫上第一層陰影了

記得要善用筆刷的透明度以及流量

http://i516.photobucket.com/albums/u324/tkispeter/a05-5.jpg

這邊就順便解答上次狐狸問我的問題
我說過我在畫圖時候的陰影都是套用同一個公式...
這個我實在不知道要怎麼解說
所以畫一下我上色時候的「軌道」就比較能了解一些了...

http://i516.photobucket.com/albums/u324/tkispeter/a07.jpg

接著一樣繼續開新圖層，陸續將陰影亮面給完成

http://i516.photobucket.com/albums/u324/tkispeter/a08.jpg

因為頭髮距離額投比較接近，所以影子會長的比較硬一些
這時候就可以利用貝茲曲線(鋼筆工具)來幫我們完成這個部份囉
鋼筆相關教學請見老大的轉文 Photoshop路徑終極教程 / 轉

http://i516.photobucket.com/albums/u324/tkispeter/a09.jpg

接著點擊滑鼠右鍵，選擇填滿顏色，並將羽化設1px(數值盡量不要大於2以上)
http://i516.photobucket.com/albums/u324/tkispeter/a10.jpg

上陰影部份有板子的人可能會覺得比較輕鬆一些
畢竟筆桿的感應可以隨意去改變線條粗細
而用滑鼠則可以用貝茲曲線去達到這種效果

但這兩者都無法擁有的人也不用感到難過
這邊教一個能畫出自然的粗細線條的方式

ㄧ般滑鼠畫出的線條都會長這樣
http://i516.photobucket.com/albums/u324/tkispeter/a12.jpg

我們只要利用橡皮擦工具就可以很快的修飾出粗細感了
http://i516.photobucket.com/albums/u324/tkispeter/a13.jpg

http://i516.photobucket.com/albums/u324/tkispeter/a14.jpg

如此ㄧ般，只要一直切換這兩者，很快就能畫出來了

按照上身體光影的方法，按部就班的將所以地方的顏色上完就算快完成囉
http://i516.photobucket.com/albums/u324/tkispeter/a11.jpg

這就是為什麼說這種方式會比較佔用記憶體了
ㄧ脫拉庫的圖層滿滿滿~
如果沒有要再修改的話，就按住Shift 從最上層的圖層點一下
在到背景圖層上面的圖層點一下，就可以將這些圖層給選取起來
接著到 圖層→向下合併圖層 (Ctrl+e) 就可以將圖層給變成一個囉

http://i516.photobucket.com/albums/u324/tkispeter/a16.jpg

最後就是在背景圖層上大肆的畫完背景就算完成囉
(背景當然也可以用上面的方式來製作)

http://i516.photobucket.com/albums/u324/tkispeter/a15.jpg

===== END =====...<div class='locked'><em>瀏覽完整內容，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div><div></div>

largespace 發表於 2009-6-8 11:02 PM

感謝您的分享，值得分享知識給大家，樓主辛苦了唷

回帖是種美德，讓更多人有動力繼續發表。

gjk771002 發表於 2009-6-9 10:03 PM

不錯看耶!
我還滿喜歡這樣的畫風~
期待新作^^~

modjt 發表於 2009-6-13 01:48 PM

之前看過另一種化法不過這個化法比先前看過的一了解~謝謝指教

kses83420 發表於 2009-6-24 11:42 AM

超想學會CG圖像的
感謝囉<br><br><br><br><br><div></div>

bond70924 發表於 2009-6-24 11:49 AM

大大很棒喔！！謝謝你的教學︿︿

復仇刺 發表於 2009-9-7 06:16 PM

不錯!
有CG的教學化的黑讚!!
感謝您的分享!!!
希望還有教學!!能夠再次分享!!!

paul0857 發表於 2009-11-30 01:59 PM

人物畫的還算用心~~~背景粗糙了一些~~~可惜了
頁: [1]