我的位置:首頁 > 緣份天空 > 原創天地

CG心得分享 Part 1 (舊)

 
能碰到論壇裡很多愛好畫畫的人真的很高興~~
有些大大也沒接觸過電腦繪圖~~
所以小弟今天心血來潮就作個簡單的CG教學~~(說是教學好像太臭屁了點= =")
算是這一兩年來小弟用PHOTOSHOP的心得~~
給想學電腦上色的大大作個參考^^"

首先呢
我的工具是
PHOTOSHOP 7.0(本次示範軟體)
可以動的滑鼠一支QQ"(有手寫版或數位板就更棒拉XD!!!)
示範圖就用我那可愛的OL當模特兒拉>///<
以下PHOTOSHOP簡稱PS


1.首先開啟PS準備掃圖
找到你家的掃描器


2.這是我家的掃描器介面~~
大部分因該都大同小異~首先把掃描模式調成"灰階"
影像解析度調成300dpi然後先預掃~~


3.掃描完會發現線稿灰灰的~~雖然待會到PS可以調整
但個人習慣先在這裡作個調整~待會才不會調的很辛苦QQ"
調整方式有四種~~但我比較常用前面兩種
一個是[亮度/對比],亮度對比的調法-下面有兩根棒子
左右移動就可以發現圖跟著變亮或對比變強


色階的調法-有看到下面有三個小三角形嗎??白色的往左移動
圖會變白,中間灰色的往左移動線條會變明顯~~調到自己認為適合
的亮度吧!!


4.接者可以開始掃描了^^


5.掃出來的圖看起來似乎還不是很乾淨~~所以我們現在就用PS再
調整一次亮度對比


同理也可以用色階來調


6.調完之後大致上線稿算很乾淨了~~但不免還有一些小雜點(疑??
我圖上明明就沒那麼多雜點阿??XD!!原來是掃描器太髒拉>"<)這時
可以用橡皮擦工具來把一些小雜點擦拭掉


7.如何??一張乾淨的線稿就這樣完成嚕


8.接下來要交大家的是如何將線條分離出來(稱之為"去背")
選擇上面的功能列選取→色彩範圍


9.會出現這個視窗~~照我圖上的設定就可以勾選影像顏色容差選擇70
~~反相不要打勾(為什麼要這樣??我也不知道~~別的網站交的QQ")
然後把游標在圖中白色的部分點一下後按確定!!


10.你會發現白色部分都被選取起來了


11.可是我們並不需要白色的部分~~所以選擇功能鍵選取→反選


12.這下子變成黑線部分被選取起來了~~


13.接著把黑線剪下~~~(熱鍵CTRL+X)


14.這麼一來黑線部份就被剪下了


15.接者在右邊圖層那裡建立兩個新圖層(一個是放線稿,一個是放背景用的)


16.接者把原來的白色背景圖層刪掉


17.選擇剛剛建立的新圖層,把剛剛剪下的黑線稿貼在最上面那個圖層
(因為線稿一定必須在最上面~~)


18.而下面那個圖層我們是要當背景用的!!圖層→新建→圖層背景


19.這麼一來線稿跟背景就被區分出來了~~其實分離線稿的方法有很多種
我這只是其中一種~~我認為比較快的方法~~供大家參考


20.當然剛剛掃出來的圖是灰階的~記的把它調回RGB顏色,不然待會
塗不出彩色@@"


21.通常掃出來的圖檔都很大~~所以有必要把它調小一點~~當然不調也是可以拉~~
上色比較方便~~但是你完成後還是得縮小的QQ"(不然貼在論壇太大了拉ˋˊ)


22.接著要開始上色了~~切記!!所有我們要上的新顏色圖層一定要在
線稿跟背景的中間建立~~


23.上色用的吃飯工具就是繪圖筆刷拉


24.先上一層底色~~個人偏好從膚色開始動手@@"


25畫超過的用橡皮擦把它擦乾淨~~不該是皮膚色的地方都擦掉~~其實
也是可以不擦~~因為待會陸陸續續上的新顏色會把底下的蓋掉~~
不過擦掉絕對有好處的~~~!!待會就知道(或許有人會說~~這麼麻煩喔~~
那何不一開始塗的時候就小心點呢????....我..我比較喜歡"先甘後苦咩= 3 =")


26.皮膚底色完成!!


基本上PS內建的顏色並沒有好看的膚色...這時候就需要去別的圖偷顏色拉XD!!
選擇吸管工具


開一張你喜歡的CG圖~~把吸管工具再你想要的顏色上點一下吧!!


然後到右邊的色票那裡~~空白的地方點一下就可以把你剛剛偷到的顏色給佔為己有拉XD!!


27.接著我要上的是頭髮~~在皮膚圖層上再開個新圖層~~再此交大家一個方法
點你剛剛畫的皮膚圖層然後按著CTRL+滑鼠左鍵~~皮膚部份就被選起來囉!!


這時候你在上面畫畫看會發現顏色只能畫在選取的範圍內


28.但我現在是要上頭髮顏色所以我用"反選"


如此一來頭髮的顏色就不去會塗到皮膚了~~~方便吧QQ"


29.拉拉拉~~~輕輕鬆鬆的把頭髮上色


30.當然只有皮膚的地方不會被塗到...其他地方還是會畫到T_T"畫過頭了@@
把不該是頭髮顏色的地方用橡皮擦擦掉吧!!


31.然後可以取消選取了


32.但是你會發現好像不是塗的很完整...用小口徑畫筆修一下吧!!


33.以此類推~~每一個部位開一層新圖層上底色~~方便起見可以把每個部位
的圖層命名~~例如~~皮膚ˋ頭髮ˋ衣服ˋ內衣小褲褲??(謎>///<)底色一般來說
盡量選明度較高的顏色~~除非那顏色本來就需要深一點的~~這是底色完成圖!!


34.阿阿~~似乎漏掉眼睛部分了XD!!個人喜歡先把眼睛部分完成~眼睛上色法大家也是大同小異
這邊舉例的是小弟我目前的畫法~~常常變動@@"首先先把眼睛用白色塗滿


35.在眼睛圖層上開一個新圖層並把新圖層跟眼睛的圖層編組起來!!
(編組的好處就是從此你開的新圖層用編組都會以最底下編組的那個圖層為底
~~就不會超出範圍了~~)


圖例:這是編組後的圖層樣子


36.用上面新開的圖層把眼白的部分用淺色的藍色塗上眼白陰影(我忘了拍圖= =")
然後用加深工具製造顏色深淺~~加深工具是你每點一下顏色就會變深一次~~


37.再來是眼珠的部分也是利用加深工具製造深淺層次



38.接下來移到線稿的圖層~~把上面的"鎖定透明像素"給點下去
如此一來你會發現在線稿上面可以圖顏色耶~~~因為眼珠也是線稿裡的一部分
所以我把眼珠部分塗上顏色~~~



39.再來選擇噴槍筆刷~~在眼珠中間製造一些層次效果


如何?眼睛就此大公告成!!(我的是陽春型上色法..當然還有更華麗的畫法
~~大家自行運用囉)


40.眼睛部分可以算是完工了~~接著我們要陸陸續續將其他顏色上第二層顏色
B  麻光左   09-23 04:15 最後編輯 |   分享  引用  檢舉  編輯  刪除
 
 
        
 
41.接者我要上的是第二層皮膚色~~一樣同上在皮膚的圖層上開新圖層並編組
但是第二層顏色要用多深的顏色呢??沒關係~~交大家一個方法~選擇筆刷工具後
在模式的地方選擇"正片疊底"(加深的意思)


42.在皮膚上點一下就會發現出現深一點的顏色了~然後用吸管工具給他吸起來
備用


43.接者要開始上皮膚第二層暗的部分了~選擇噴槍型的筆刷


44.在陰影部分上色(這部分就要靠個人經驗了~~一般來說你可以先決定
光源要從那照~~那邊該亮哪邊該暗就很明白了!!)


45.兩層顏色層次看起來顯然不夠~~所以我用加深工具在上面又加深了
第三層~~


46.陰影部分完成後..再來是亮面~~開新圖層編組用白色噴槍筆刷~
在會反光的地方噴上亮面吧!!


47.接著是個人癖好~~(可有可無)加上腮紅可以讓人物看起來萌一點QQ"
在第二層皮膚跟亮面圖層間開新圖層~~畫上腮紅


48.然後在亮面圖層那用小口徑筆刷輕輕在腮紅上點一下~~~(部分CG畫家
都會這麼做~~看起來比較可愛@@")嘴唇部分也是以次類推~完成後就像這樣拉~~^^
(嘴唇好像太厚了些~~汗)


49.接著我要上的是頭髮的第二層顏色~~~在頭髮圖層上開新圖層編組
然後大致像這樣塗上第二層~~


50.要如何讓頭法看起來柔柔亮亮~閃閃動人呢??這時就要用一點賤招拉~~
(從別的網站學來的QQ")首先開個新圖像~~長寬設定50*50


51.然後在上面點上不同大小的點


52.接者~~選擇編輯→定義畫筆


53.你會發現畫筆多了一個自己剛剛畫的點點@@"


54.接著選擇手指工具(就是塗抹工具~~我習慣唸手指)


55.手指工具的設定方面差不多像這樣


56.接著第二層頭髮圖層上壓著滑鼠左鍵往下拉拉看~~哇!!
有沒有看到細細的髮絲就這樣出現了@@?


57.往上拉的效果


58.持續的對她上下其手>///<(手指工具 = =")喔喝呵呵呵呵~~
手指工具這方面也是要多多練習~~剛開始拉一定都拉的很醜~~
(手指工具我練好久才開竅的= =...我比較笨= =a)完成就像這樣(好醜>"<)


59.當然光是這樣不夠的~~可以用加深工具在製造出一點深淺層次~~(忘了拍= =)
在開新圖層編組~~這層一樣是要畫光澤亮面部分的~~先大致畫一下
一樣用手指工具在光澤部分拉出漂亮的線條~~~~


60.再來把光澤部分的圖層不透明度調低一點~~比較不會那麼閃閃動人的很刺眼= =


61.完成大概就像這樣(混)


62.其他各部分的顏色以此類推~~大致上順序都是一樣的
底色圖層上開新圖層並編組當作是第二層顏色~~深淺部分可以用加深工具加強
第三層就是亮面~~並不是所以地方都需要亮面~~不然會看起來整個人
到處都可以反光@@"(不是很奇怪嗎??)衣服皺折方面也可以利用手指工具來拉出效果~~
這部分就要靠大家多畫多練習囉~~顏色完成後就像這樣~當然一些小部分零件
如~圖中的耳環~項鍊~內衣等部份不需要再開新圖層上第二層顏色了...麻煩= =
直接用加深工具上陰影就OK囉~~~~
(完成圖有點不大一樣= =..因為這個教學是後來才作的= =)


63.交大家一個好玩的功能~~影像→調整→色相/飽和度
可以調整顏色的變化喔~~大家可以玩玩看


64.像這樣我想把頭髮變紅色的只要輕輕一調就OK拉@@"其他飽和度.明度
方面的調整也會呈現不同的效果喔!!


65.當你每畫完一個部分的顏色後確定不在修改的話~建議把編組的圖層
通通跟底色合併起來~~比較省記憶體空間@@(電腦好的人不合併無所謂)
我家電腦爛咩~~


66.當然要是畫錯了怎麼半阿??右邊有步驟紀錄~~它把你所有作的動作都紀錄下來
~~當然紀錄也是有限的~~太之前的紀錄可就找不到囉~~所以畫的時候盡量小心
免的後悔莫及= =+....還有畫的時候看清楚要畫的圖層在動筆~~不然等你很高興的
畫完後卻發現或錯圖層....你一定會哭笑不得...(我常常這樣= =)


67.前面有講過~~把線稿圖層的"鎖定透明像素"選取後便可以在線稿上圖顏色
當然這步驟也是可有可無~~看個人喜好~~以下是未改變線條顏色前的樣子



68.塗線條顏色時盡量跟其週遭顏色取相近的深色~~像皮膚線條我就取咖啡色來塗


69.這是塗完線條後的樣子~~(圖放大真的好醜>"<)感覺會比較柔和


70.接著要接近完成了~~再來是背景部分~~首先把背景塗層選為不可視~~
(把旁邊的眼睛點掉)


71.確定不再修改後~把所有除了背景以外的可視圖層都合併起來


72.合併後就像這樣~~回到最初只有圖跟背景的樣子


73.接下來說的效果也是我從別的網站學來的~~弄出的效果還不錯~~
可以讓圖看起來柔和些~~~~當然這步驟也是可有可無~~首先把人物的圖層複製一份起來


74.上面就會多出一個複製的圖層


75.圖層選項方面就調成正片疊底


76.再來選取濾鏡功能→模糊→高斯模糊


77.半徑調成7.9....(哇~~胸部耶>///<.....= =a)


78.這是調完後的樣子~~好像太過朦朧美了= =


79.調整一下不透明度...


80.這樣就好多囉~~是不是看起來比較柔和些了呢??


81.背景方面~~由於小弟還是苦手狀態...不過在這項大家介紹一個畫天空雲彩的方法~~
[別的網站學來的]先把顏色選取天空藍跟白色


82.選擇背景圖層~然後選取濾鏡功能→喧染→雲彩效果(我忘了拍圖)


83.背景就變成一片天空的景色拉QQ"背景可以依個人喜好添加文字或圖案~~


84.終於到了尾聲了~~~選擇功能 圖層→併合圖層


85.一張CG圖就這麼大公告成拉~~!!(存成JPG格式後就可以貼到論壇上拉XD!!)


呼~~~總算打完了....第一次作這個@@~~~花了我3個小時才弄好的心得QQ"
畢竟小弟我對PS這套軟體的開發度還不到40= =所以建議各位大大
可以去買本PS的書來參考一下~~這樣就可以百分之百發揮出PS的功能
畫出更漂亮的CG!!!以上是小弟的一點心得,希望對想學電腦上色的大大們有所幫助^^

讓我們一起努力吧!!!!(遙望遠方的夕陽~~) END


P.S下面是小弟我長去的一些CG教學網站~~分享給各位~~
我在這些網站吸收不少知識~~每個網站的畫法也各有不同~~
供各位大大交叉參考~~~^^"
CG教學1 CG教學2(日文的QQ")
CG教學3 CG教學4
CG教學5 CG教學6
CG教學7 CG教學8
CG教學9
CG教學12
CG教學13
PS工具介紹
一些好站
B  大腸包小腸   02-08 10:27 最後編輯 |   分享  引用  檢舉  編輯  刪除
 
0.0
大腸 這篇真的"好詳細"
感謝大腸的分享呢
這對原創的夥伴是項福音
有興趣的夥伴可以從這教學裡學到不少唷^^
   分享  引用  檢舉  編輯  刪除
 
腸兄你好棒唷 >"< 這真的很詳細呢 !! 每個步驟都仔細的把圖貼出來 ...........
讓我這個不會畫圖的人也看的很明白唷 ^\\\\\^
辛苦了辛苦了~~~ 腸兄真的很用心 .......... 再次謝謝你唷 <(_ _)>  
   分享  引用  檢舉  編輯  刪除
 
YA好棒喔!!
趕快存起來!!
謝謝嚕~

不過還沒把PHOTOSHOP弄到手=3=

╞═══════這行是分格線來的═════════╡
界を結んではっきりと現れる!誰も動揺することができない私の気力!
   分享  引用  檢舉  編輯  刪除
 
可以補充嗎 0.0?

PS是以圖層為主的,一開始就把圖層分好,以後就會很輕鬆...
再圖層那下方有一個像資料夾的東東,可以新增資料夾,可以用這把每各部分區隔起來;比如說"底稿"一個,"底色"一個,"陰影"一個.....等,再把這些資料夾分別鎖起來,就不會發生圖錯層的狀況囉 >////////<
   分享  引用  檢舉  編輯  刪除
 
阿腸好棒~~
   分享  引用  檢舉  編輯  刪除
 
真棒的教學呢!!!!造服人群唷^^!
   分享  引用  檢舉  編輯  刪除
 
好清楚的教學...真棒...感溫捏...^^
   分享  引用  檢舉  編輯  刪除
 
QUOTE:
作者:G 鬼牌 回復日期:2004-11-23 12:25:42

可以補充嗎 0.0?

PS是以圖層為主的,一開始就把圖層分好,以後就會很輕鬆...
再圖層那下方有一個像資料夾的東東,可以新增資料夾,可以用這把每各部分區隔起來;比如說"底稿"一個,"底色"一個,"陰影"一個.....等,再把這些資料夾分別鎖起來,就不會發生圖錯層的狀況囉 >////////<



嗯 同意
還有其實可以多多利用貝茲曲線
去描線框 如此一來就不用去背了
良心建議 一個圖層一個顏色
做出來會更好喔~

大腸兄講的粉好 真仔細~
   分享  引用  檢舉  編輯  刪除
 
請各位大大也不吝分享獨門秘訣~~^^
   分享  引用  檢舉  編輯  刪除
 
打不到photoshop啊...

不對..是借不到...(暈)..OLG玩太多,寶打太兇
   分享  引用  檢舉  編輯  刪除
 
大腸大寫的是十分的仔細+詳細呢!
唉呀呀呀~太高興了^///^←本人對CG圖十分的不在行。
耶?奇怪..PS...PS...PS.....
。口。!!!<<呼~的想起我家繪圖軟體是PhotoImpact >>
   分享  引用  檢舉  編輯  刪除
 
哇~~
感恩阿>.<
超不會用PHOTOSHOP的...
每次都對著他發呆=_=
嗚嗚...
終於可以用了>.<
   分享  引用  檢舉  編輯  刪除
 
阿阿...好不容易可以認識一下CG..
我...我的電腦阿....為什麼好多圖片看不到=口=!!
阿阿>"<(踹
   分享  引用  檢舉  編輯  刪除
 
當兵真的很閒阿....="=|||(汗)
   分享  引用  檢舉  編輯  刪除
 
這麼快就掛點= =
   分享  引用  檢舉  編輯  刪除
 
QUOTE:
作者:B 大腸包小腸 回復日期:2004-11-23 22:16:20

這麼快就掛點= =


我還沒看到捏><'''我不管啦┬︿┬我要哭哭了啦QQ....
   分享  引用  檢舉  編輯  刪除
 

這個一定要精華+置頂...很好用的...大腸兄辛苦啦
   分享  引用  檢舉  編輯  刪除
 
奇怪? PCHOME個人網站都那麼快掛點滴嗎?
我都還沒掛過說....
   分享  引用  檢舉  編輯  刪除
 
大腸萬歲萬歲萬萬歲~~
   分享  引用  檢舉  編輯  刪除
 
阿...不見了...@@a...阿腸~~用這裡試看看唄...^^a
   分享  引用  檢舉  編輯  刪除
 
重貼了...稱稱看吧= =
   分享  引用  檢舉  編輯  刪除
 
哇靠~太厲害了ˋˊ 大腸兄~~你是神吧 哈哈哈~
這麼有耐性一步步的教學 感動阿>"<~
一定要好好給他學起來ˋˊ+
   分享  引用  檢舉  編輯  刪除
 
高招阿
佩服佩服
講的非常清楚
可惜我太笨了迷辦法完全開竅Q_Q~~~
   分享  引用  檢舉  編輯  刪除
 
@@~看到嚕~看到嚕~~
呀><O)))))~大腸我真是愛死你嚕!!呵呵...
我一直再找這固的教學捏><'''終於有教學了>v<
那.....大腸你畫的圖圖可以借我上色看看嗎@@?
   分享  引用  檢舉  編輯  刪除
 
腸大,我看你乾脆把這篇做成一個web page好了....

有需要的話在下不才可以幫你做網頁(陽春型,只有menu和counter和BBS等..我不會寫Java..)
   分享  引用  檢舉  編輯  刪除
 
好詳細@@"推一個~~~><
   分享  引用  檢舉  編輯  刪除
 
嘿嘿~這是一定要給ㄊ推ㄉㄚ!!>"<
   分享  引用  檢舉  編輯  刪除
 
看起來好複雜唷@@傻眼~~~不過超愛畫圖的我一定會研究到會為止的@@!!謝謝你提供的文章^^~不然我根本不會@___@|||~想問一下你是用什麼筆畫黑線的呢@@~沾水筆嗎???
   分享  引用  檢舉  編輯  刪除
 
 
 

 
 
注意:非註冊用戶沒有發表文章的權利。  
帳號:  沒有註冊?    密碼: 忘記密碼?