學員:張境倫

0608pic31.jpg  

     目前寫過兩篇教學文,卻還沒寫過我當初學電繪的開端,就是想要畫的這種CG。這次便是要談一下到目前為止處理此類型的過程。一開始最常聽到的是使用PHOTOSHOP作畫,結果在聯成電腦首先學到的是PAINTER,而且PS不會教授作畫,所以幾乎大部分的作品都是在PA完成。後來也大概了解PS和PA的差異,也許PS才是適合的,所以最近有轉向PS的傾向。可又聽到日本人是較常用SAI的,又是一套新軟體啊!不管怎麼樣,哪種軟體使用起來適合是有其重要性,但至少也要能畫出像樣的圖再學下一個吧。

0608pic00.jpg  

 【線稿】
依據個人喜好,看是要在紙上畫好再掃描,還是直接在電腦上繪製。本圖是直接在PS上繪製,接下來上色也將在PS處裡。以前我會認為需要盡快練習在電腦上打稿的手感,所以其實在還未很熟練畫人時就趕鴨子上架。但是後來終要瞭解:畫畫這種事,還是需要無數的紙上練習。我想大部分的人都還是會感覺到紙上作業和電腦作業會產生微妙的差異。電腦作畫方便是在於有復原指令,以及乾淨的效果。但是我曾經在一篇文章中看到,紙上練習就是因為不能按上一步,在有壓力的情況下才能提升對線條的靈敏度。相信大家是懂的。所以看到很多達人依舊從紙上打稿,然後在電腦處理線稿的步驟可能就有十幾步。

【Photoshop基本筆刷介紹】
在學習PA的時候,老師理所當然會講一些適合畫線稿的筆刷,不過在PS裡面就幾乎很少看到有人提。像我看過一本書中有五張範例,卻只有一張是直接在電腦上打稿,才會提到筆刷,且多半也是自製的。不過根據自己的使用結果來看,其實基本的筆刷就夠用了,在此就稍微探討一下。

1.柔邊圓形&實邊圓形
字面上的區別就是我們畫出來的線條是模糊的還是鋒利的。單純的柔邊或實邊圓形不管下筆力道如何,都會呈現一致,比較死板,不適合用來畫生動的線稿。

2.壓力尺寸&壓力不透明
上圖的所有筆畫都是用40px的黑色所畫,但可以發現壓力尺寸和壓力不透明的筆跡大小和顏色不一樣。字面上的意思,就是這種筆刷會受下筆壓力大小控制,產生尺寸的差異或是透明度的差異。
所以輕輕下筆,可以發現壓力尺寸的筆色還是一樣黑,但是尺寸卻不到40px。而壓力不透明的尺寸沒變,但是中間和兩端就有色差。

當然以上是筆刷的基本呈現,事實上筆刷如果縮得很小,並且畫者的力道變異不大,其實所呈現出來的樣子也有一定的相似。例如壓力尺寸,輕輕的畫,其實首尾還是會表現出深淺差異,但是相較於同尺寸的壓力不透明,實際畫出來的尺寸還是會小一點。這就要看畫者要畫出怎樣的線稿。例如想用5px來畫出色差不會太大的線稿,個人是覺得實邊圓形壓力尺寸最合適。

【上色】
上色的方式基本上就我看過的可分以下幾種。
直接下筆爽快地塗,之後利用別的圖層蓋過並用橡皮擦擦拭不必要部份。
使用鋼筆、套索或魔術棒等選取工具,大略框選欲上色區域,之後用別的圖層蓋過並用橡皮擦修飾。同樣使用鋼筆、套索或魔術棒等選取工具,完完全全框選住欲上色區域後才填色。
開始的時候,我一直想找是否存在著甚麼特殊快速的上色方式,但後來在看過一些書的說明後,我想上色一定是需要修的。看你是要花時間用圈選框圍住輪廓,還是用橡皮擦修改而已。
有些作者認為用橡皮擦比用套索更能讓色塊貼近線稿,但相對會比較花時間。不過實際做起來我覺得還好,因為有些線稿很複雜,用選取工具可能還很難選正確,操控性並不如直接用橡皮擦來的方便。光是以這張圖來說好了,要完完全全圈選的不漏出去,我實在不覺得會比用橡皮擦來的快。所以接下看到的都是經過橡皮擦處理過後的樣子。

0608pic02.jpg  

 至於上色的順序雖是沒有限制,不過以下有一些個人淺見。
1.眼睛:可以定神穩固表情,如果發現不大對,可能需要調整五官位置,早修改早好。
2.皮膚:可以讓你抓到一些可能只有線稿時不會顯現的違和感。
3.頭髮:大概是因為頭髮的輪廓可能會比較複雜,先把頭髮畫的完整,呈現出來的完成度感覺比先畫其他地方來的高。

【盡可能先全部上色】
不少教學會把每一個部位都畫完整才會跳到下一個部位,當然也是有人習慣都先上個簡單的色。我覺得畫圖還是需要隨時注意整體性。實際畫起來其實沒有這麼的要求說哪個地方一定要百分之百完成,有時一直畫同個地方也會煩,通常都是這兒修修,那兒修修,隨時注意畫面整體的感覺。
如果依圖層的次序,簡單說就是皮膚→衣服→頭髮→眼睛。一層一層蓋過,減少最後剩下需要橡皮擦修飾的區域。如果覺得畫面太亮,可以在最底開個圖層加一個對比的底色,很容易可以發現一些需要擦拭的突出或線條。

0608pic03.jpg  

【明暗模糊處理】
到這裡其實都還好,我看過不少教人上色的教學,接下來常有一些不夠清楚的地方。比方說,上了底色後,進一步要塗上深淺,這是很基本的,如果只是柔邊筆刷就罷了,可是他可能使用的是實邊的筆刷,然後當明暗交替在一起的時候,他接下來說"進行模糊處理",然後就看到明暗已經模糊化了,可是是進行了怎樣的模糊處裡?以PA來說,我第一次上課學到的便是混色筆(只加水),這東西很好用。可是當我到了PS,首先就是想知道怎麼進行模糊處理。卻沒有找到太詳細的說明,我不認為這有基本到不需要額外講解。有的教學提到使用基本的模糊工具或指尖工具。但以個人的感想而言,模糊工具如果用在實邊相鄰的明暗,感覺就是無法絕對有效的混合暈開兩種顏色,除非是要刻意畫明暗差距很大的陰影,並且主要是讓邊緣模糊才適合。而手指工具,是感覺單純用筆刷自由度還比較大,所以幾乎不用。所以,我個人使用的方法是,單純地選用柔邊的筆刷先直接塗出大概的明暗分布。底色可以選用實邊去塗,之後要擦會比較不會漏掉。然後要蓋明暗的時候選用柔邊去塗,這樣一開始便有相當的混合程度了。

PS雖有能夠因應力道來表現深淺的筆刷,但如果覺得兩者間模糊還是不夠均勻,有一個比較隨興的方法,就是直接使用滴管(alt鍵)選取深色靠近淺色的邊界,就可以選到一個大約中間值的顏色,之後再在交接處上色。如果還覺得不妥,就再選取原本的淺底色,在與中間色的部分輕輕塗,相融的效果就會很好了。把眼睛補上後,全部做過基本的明暗塗抹。

0608pic04.jpg  

【各部位細部處理】
我們看一般的動畫,多半一個部位的顏色,只會由明、中、暗三種色塊構成,那是為了方便做畫處理。但是有些動畫還是會做得很精緻,可能除了明暗色塊,底色也會有基本的漸層等。但是靜態的CG圖,雖然還是跟風格有關,但是就能夠處理到很細緻。像以下這兩張圖當參考,同樣是遊戲CG,可是精緻度就有差。

0608pic05.jpg0608pic06.jpg  
所以我們大概應該可以看出,一張圖的精緻,有一個決定性的因素在於陰影的精緻度,就算沒有很豐富的層次但是邊緣處理的乾淨,也同樣有絕佳的美感。陰影簡單分成虛邊和實邊兩種,更複雜的就是在之間還有虛實交錯的層次感。也可以說,上色的重點基本上就是在看要怎麼把陰影處理到理想的地步。

1.【皮膚】
比起頭髮,皮膚的層次感就簡單很多,而且通常還是以柔邊為主,除非是碰到物體阻擋產生的陰影,才多半會用實邊繪製。以頭髮的影子為例,我們可以簡單畫出柔邊的概略陰影,那要如何做出邊緣鋒利但末端有這種漸層的感覺呢?

0608pic07.jpg  

最直接的方式,就是使用實邊圓形壓力不透明筆刷,沿著頭髮的邊緣輕輕畫下即可。接著,使用橡皮擦或柔邊筆刷修飾輪廓和末端。 這個筆刷有一個缺點,就是直徑調得太大,即使事先在筆刷面板把間距調到最低,畫出來還是會有明顯的圓形殘影效果,但是像髮影這樣大小的東西其實對此筆刷來說就是剛好。 而要處裡的精細,就要避免干擾原本的圖層,這就是"新增圖層"的意義。在皮膚的圖層上開一新圖層,對其點選右鍵→建立剪裁遮色片,如此畫圖的區域便會限定在皮膚的原圖層上,而在之上修改陰影也不會影響到下面的顏色。

0608pic08.jpg  

總之就是,底層是皮膚基本的柔邊明暗,之上的圖層就蓋上銳利邊緣的陰影,末端是要選擇漸淡還是一色到底,都可以利用橡皮擦來修正。

0608pic09.jpg  

之後同樣在這個陰影圖層上,可以使用加深工具,一樣可以套用柔邊圓形壓力不透明筆刷,把直徑調大,在陰影上部直接塗下來,就可以進一步製造陰影本身的漸層,而且完全不會影響到下面的皮膚。(老實說我第一次用也嚇了一跳0.0)當然若要避免筆刷的缺點,或是圖有時候可能比較大,就用另一個方法。

(1)一樣,只要是柔邊筆刷即可,先刷下來。根據你的力道,有時候基本的漸層已經出現了。
0608pic10.jpg  

如果底下已經有別的陰影圖層,那就再開一層沒關係。

(2)接著使用橡皮擦修出鋒利的邊,建道理是一樣的。議一筆完成,才有完整感。
0608pic11.jpg  

(3)接下來,因為已經是新的圖層了,末端的處裡,看是要用橡皮擦擦掉,還是塗上和底色相近的顏色,只要正確使用柔邊或不透明筆刷,就可以試到你滿意為止。

0608pic12.jpg  

2.【眼睛】
關於眼睛的部分,我接觸過很多種畫法,這也可以說是個人風格一個很大的表現部位。上其他部位的顏色可能方法是一樣或接近的,唯獨眼睛可能會天差地遠。我個人到現在沒有任何一次畫眼睛的方法是完全一樣的。不過總算還是找到了自己的大概的畫法。
眼睛有色彩很相融的風格、色塊的風格,更有兩者綜合的風格,那差異的感覺是很微妙的。有些東西也可以到最後才決定,先來畫個大概吧。

(1)首先在眼睛的圖層,填入底色和眼白,然後我會習慣再沿著眼睛畫上一圈黑色,不要讓輪廓太死。然後眼白的上下部要添加陰影。

0608pic13.jpg  

(2)接下來畫瞳孔,眼睛的風格主要集中在這裡。基本上主要是用深色表達。我們可以畫成一整個黑球,或者可以只畫出部分表達瞳孔已存在即可。所以我們就簡單的從眼角畫出一個抵達中下部的弧線。

0608pic14.jpg  

(3)因為眼睛就是一個球體,為了強調上暗下亮,幾乎所有的眼睛下方都會有一道明亮的弧線,這裡也是另一個複雜的表現處。所以我們就逐步選用淺藍、亮藍、白色,開始沿著底部的弧線輕塗。讓筆畫的顏色稍微暈到旁邊的黑線,可以增加亮晶晶的美感。有些眼睛會刻意讓明亮與眼睛底色差異減小,通常是為了某些表情的表達或特殊畫風。

0608pic15.jpg  

(4)以最簡單的眼睛畫法而言其實層次的處裡已經夠了,但是瞳孔上部稍嫌單調了。所以我們可以再添加一些細節。譬如瞳孔的上部可以再上點黑色,或是再多表現一下亮處。

0608pic16.jpg  

(5)最後的部分就是亮點,而亮點的位置和數量同樣因人而異。這個部分可以用畫的,不過我最近偏向使用橢圓工具拉出數個白色的圓,再分別放置。好處是可以隨時調整大小和數量,直到找到你喜歡的狀態。當我們拉好之後,可以先複製一組(Ctrl+j),然後把下面那一組亮點進行高斯模糊。如此一來就會有發光的感覺,亮點既不失輪廓,也能有明亮的柔邊。將進行高斯模糊的亮點多複製幾組,就會越來越亮,眼睛的狀況1~2次就夠了。

0608pic18.jpg    

特別提醒:眼睛的整個輪廓加顏色,甚至加上眉毛,最好可以整個獨立在一個圖層,也就是包括睫毛線和眼球。多數戀愛遊戲畫面在進行時,只有臉部表情在動,這個部分只要獨立替換五官的表現就可以辦到。

3.【頭髮】
(1)跟皮膚一樣,先在第一個圖層畫出基本的明暗分布。
按ctrl並同時點選該圖層,便可限定只畫在該範圍內。
0608pic19.jpg  

(2)接下來如同皮膚,在原來的頭髮圖層上再開一個圖層,並在圖層上右鍵點選建立剪裁遮色片。使用實邊圓形壓力不透明筆刷,大概在每一撮頭髮末端1/3~1/2的邊緣處塗上暗色,之後再以柔邊和實邊的橡皮擦修飾陰影的末端和邊緣。

0608pic20.jpg  
(3)接下來可以再往上開一層,畫上更深的顏色。其實我們不一定要特別把皮膚和頭髮的陰影圖層分開,反正只要是有先選取好該圖層,就不會有互相干擾的問題,畫在同一個圖層也可以。當然有時候會需要再對陰影做處裡的話,分開還是最好。過程中也可以隨時檢視一下底色,回原圖層中修補一下明暗。

0608pic21.jpg  
(4)接下來可以再開個圖層處裡亮部,順序放在暗圖層之下。當然方式和風格等有太多種了。有時候可以單純地刷上一道亮光即可,或者要對每撮頭髮都做細部繪製。基本上到這裡就大功告成了,頭髮的光影多半受背景影響較大,可以等大體都完成後,再看看是否需要修改。

0608pic22.jpg  

4.【衣服】
(1)同樣在原衣服的圖層上新增上陰影的圖層,建立剪裁遮色片。使用柔邊筆刷先畫,再用橡皮擦修飾。但衣服的皺褶可多可少,互相干擾狀況會比頭髮更多,要小心處理。以下是衣服上一種相當常見的皺褶。先以柔邊筆刷畫上一筆,之後在其兩側用實邊橡皮擦擦出鋒利邊緣,最後在改以柔邊輕擦末端,讓漸層效果更佳。

0608pic23.jpg  


最後回到原圖層,使用加亮工具並選用柔性筆刷加強亮部的表現。到此基本的上色可以算都完成了,接下來就是要檢視整體,看還需要多少細部的刻畫。

0608pic24.jpg  

5.【點綴修飾】

畢竟都穿了泳裝,當初就決定要水的背景,所以就畫上一些水珠吧。
水珠的處理方式跟眼睛的反光一樣,但模糊處理的部分不一定要全白,還可以添其他色彩,如淡藍色。最後還要擦拭部分,呈現水珠的透明感,也可以依位置調整整體的透明度。部分的水珠可以再用筆刷加工修成水滴狀,和皮膚或頭髮輪廓連接。

0608pic25.jpg  

6.【背景】
整體而言,如果是指徒手畫的部分,我在背景處裡上還比較弱。所以我目前多半還是主要使用合成的方式盡量營造美景,然後盡可能在部分做細部刻畫,主要是讓合成的東西不要太像照片。
(1)首先一開始在後方上一個簡單的藍色漸層背景
(2)之後選一張水紋的材質或照片貼在皮膚和衣服之上的圖層,圖層模式改成覆蓋
使用藍色的漸層背景是為了讓水紋的覆蓋模式合乎我的要求,這裡各位可以自己嘗試合成方式。
0608pic26.jpg
0608pic27.jpg  

(1)因為畢竟是手繪,水紋可能還是有一些”雜質”,從濾鏡→雜訊→清除雜訊,大約做兩次即可,可以檢視清除後的前後差異。

(2)水紋會蓋過皮膚和衣服,但是我們不需要全部蓋過。所以假如我們設定水紋蓋到胸部以下,就要清除掉胸部以上的水紋,到越接近接觸面時,可以改用柔邊來擦拭。部分水紋可以讓它印照在衣服上表現反光,因為泳衣也是藍色,所以融入的效果會比較和諧。
(3)接著再複製一個這個水紋圖層,然後使用濾鏡→模糊→動態模糊。同樣將中間擋住身體的部分擦掉,但留下遠方的部分。
(4)接著製作水波紋,如果不想隨筆塗,那就直接使用橢圓工具。只需要顯示路徑即可,畫完之後使用路徑選取工具點選該橢圓→右鍵→筆畫路徑,會依照你選的筆刷直接套用,在這我們選壓力不透明筆刷。調整該橢圓路徑並多複製幾個在周圍,一樣套用筆畫路徑。接著就是使用橡皮擦將橢圓隨意擦成如下圖狀。

0608pic28.jpg 0608pic29.jpg  

其實如果是要用夢幻一點的感覺,倒不一定要加上下一張圖的那種擴散的水波紋。OK~到這裡算是完成了,再看一看整體覺得哪邊可以在修飾吧。這次做了兩個表情,不過只有嘴巴有變。

0608pic30.jpg0608pic31.jpg  

文章出處:http://j7663701.pixnet.net/blog/post/60998393

, , , ,

lccnetvip 發表在 痞客邦 PIXNET 留言(7) 人氣()


留言列表 (7)

發表留言
  • cookie1234
  • 超萌,很想擁有他的感覺,好樣的,不賴唷!!
  • 感謝加持和讚美~^^

    lccnetvip 於 2011/11/06 09:55 回覆

  • 你好啊
  • 我想請問你一下問題
    因為我是今年才用Photoshop的新手QQ
    就是我Photoshop裡筆刷分為 實圓x像素跟柔邊圓形x像素
    但書中跟綱上的說明畫用到~ 實(柔)邊圓形壓力不透明筆刷
    是什麼意思? =0=" 我不懂
    還有你上面所堤到的實邊(柔邊)像皮擦又是什麼意思=0=
    你畫的好棒QQ 好羨繤你已經學會電繪
  • 小編要幫你詢問作者喔~~謝謝你的詢問

    lccnetvip 於 2012/03/16 09:21 回覆

  • 你好呀
  • 好~可以的話麻煩一下囉 謝謝
  • 不客氣

    lccnetvip 於 2012/03/19 14:00 回覆

  • 猴子子
  • 美少女繪畫教學耶!! 陰影的部分好重要喔!!~~
  • 好好學習喔~~

    lccnetvip 於 2013/10/16 17:08 回覆

  • 小湖
  • 這個接學也太詳細了吧
    作者超用心的
    要看好久的耶!!
  • 謝謝你的肯定讚美~~

    lccnetvip 於 2013/10/21 11:49 回覆

  • 藝痴文
  • 這個教學好棒
    畫得過程解析的很好
    感覺得出來超用心撰寫這篇教學的阿
  • 謝謝對學員的讚美肯定~有機會多來逛逛~

    lccnetvip 於 2013/10/21 15:26 回覆

  • GINO
  • 寫的好詳細,也分析的很透撤唷~趕快來動手試看看囉!!
  • 試試看~練習一下~~加油喔~也謝謝對學員教學文的讚美~

    lccnetvip 於 2013/10/22 16:55 回覆

【 X 關閉 】

【PIXNET 痞客邦】國外旅遊調查
您是我們挑選到的讀者!

填完問卷將有機會獲得心動好禮哦(注意:關閉此視窗將不再出現)

立即填寫取消