2006/01/28

gimp 2.2 Part.3,實作與貝茲曲線基本教學


本文已經有新的版本,請至本處觀看。
gimp 2.4 貝茲曲線與繪畫基本流程







本次所介紹的,是關於開放原始碼繪圖軟體gimp的基本繪圖流程介紹&貝茲曲線使用方式.......
由於繪圖過程中的重新開機意外(沒有卸除就把隨身硬碟拔掉......= ="),所以教學的部分圖片並沒有辦法提供的很完備,在此先說聲抱歉

處理線搞的方式,以笨笨狐而言大致上可以分為直接處理原線搞,以及重新在電腦裡面描繪一次這二種方式

使用直接處理原線搞的話線稿必須保持最佳狀況,且必須為黑白分明的稿件

在電腦內重新描繪比較能夠處理品質較為一般的線稿及鉛筆稿,以笨笨狐而言則是分為以手寫版描繪以及以貝茲曲線完成的不同選擇

以手寫版描繪是種變通之策,用來應付笨笨狐在使用手寫版方面技術不足的變通方式

而貝茲曲線算是一種半自動的工具,可以依據使用者的拖曳而畫出不同程度的曲線



1.關於使用圖層的觀念



關於圖層的觀念,可以考慮看一看上面的圖.......

每一個圖層都可以將它視為一張透明的幻燈片(或著是塞洛洛版),上面可以畫上任何東西。
不過在繪圖的時候上方的圖曾如果有已經畫圖的部分,也就是不透明的部分,會蓋住下方的圖層
如果將線稿獨立為最上方的圖層,那麼就不會被其他顏色給蓋住,造成很骯髒的感覺......

使用圖層的概念一方面可以節省繪圖時間
(以PhotoImpact繪圖而言,要畫出同等級的圖片要花費許多時間在選取區分配及編輯上......
當然這也不是說Photoimpact不好,而是對於初學者而言可能較難入門......
如果熟練的話,不支援圖層功能的PI亦能畫出和支援圖層功能的繪圖軟體gimp、Photoshop相同等級的圖.......)
一方面在繪圖時發生錯誤亦比較矯正(不過會比較難發現問題)
然而要注意的是,使用圖層功能時會大量消耗電腦的記憶體數量
所以關於電腦平台上也需要有所注意......



2.Start !

首先,開啟事先已經掃描入電腦的手稿圖......




無論是何種處理方式,使用多個圖層是很多電腦繪圖軟體中的基本......
以gimp而言,可以用按鈕去直接新增、複製、刪除及編輯等等處理線稿的圖層



任何支援圖層的繪圖軟體在剛載入檔案時,圖片均會被視為一個最下方且無法移動、編輯的圖層(也就是背景圖層)
在Photoshop中是改變屬性使背景圖層變成一般圖層處理,
而在gimp中則是需要使用複製圖層功能建立一個可以編輯的複製品,然後再刪除原有的背景圖層
之後再新增二個圖層,一個填入白色作為背景,另一個則是要使用貝茲曲線分離線稿的圖層
在處理完後將原來的線稿圖層刪除,留下之前所分離處理的圖層



3.關於貝茲曲線

貝茲曲線是採用拖曳的方式來定義線條的形狀,來畫圖的一種工具.......
對於剛接觸貝茲的新手而言或許是件苦差事,不過經過一番練習之後還是能夠畫出好圖的
更重要的是,貝茲曲線也可以用於向量圖形......



首先,可以從基本的直線開始。
先在線的起點按一下,然後再想要的終點再按一次,不拖曳的話會產生一條直線。

在上面的步驟中,如果在設立終點的節點時按著不放拖來拖去的,那麼線條是會轉向的喔
例如可以嘗試看看純粹的往左邊拖曳......


往左下方拖曳呈45度角,這時候可以看到曲線是上下對稱的




同樣的,在線稿處理上和繪圖也是一樣的使用方式~
先訂立起點和終點,在終點處按著不放......



拖曳終點到自己想要的形狀




然後,以gimp軟體而言是要使用貝茲取線的描線工具,依據路徑描邊......
別忘了,這樣畫下來的線條要畫在新增的那個空白圖層裡面喔
而且必須要事先設定自己所要使用的筆刷




在描繪完線條之後,由於Gimp不會取消選取路徑,所以使用其他任何一個工具就會取消選取了




繪描圓形物體的時候可以使用下面的方式,先把貝茲線畫成U型




然後再使用貝茲取線的編輯功能,在線的中間轉折處增加一個新的節點
然後將滑鼠移到二旁的線條上方拖曳,將線條往二邊拖曳




然後......(汗
在確定全部線條都已經描繪完成之後,可以將線搞圖層給刪除.......
這是這一次示範圖所分離出來的稿件所分離出來的樣子




4.線稿上色

在線稿處理完畢之後(無論是甚麼方式......)就可以準備上色了

開啟一個新的圖層,然後將所要上的顏色底色給塗上去

只要單一種顏色就好,不需要漸層,亦不需要顧忌會不會畫到外面的問題






使用套索工具,將要上漸層或著是明暗的封閉區域給圈選起來







轉換為選取區


(其實這個步驟也是可以使用貝茲曲線的......)






然後,再使用同樣的方式來繪製其他類似的區域

對於上面的開放區域盡量不要動到,否則會給人感覺很怪......






然後最後再把多出來的部份給擦掉~






當一個區域全部繪製完成後,新增一個圖層,準備開始畫其他顏色在另一個圖層上

至於一個圖層要畫幾種顏色,則必須要看畫圖當時的情形.......

有人全部顏色只用一個圖層,也有人一個小東西就使用一個圖層的,視個人習慣而定






然後開始上色......

畫出來蓋到別的圖層時沒有關係,只要用橡皮擦工具擦掉就可以了




基本上要不斷的重複步驟,直到整張圖全部區域都上色上完就可以了......

為了節省記憶體空間,所以笨笨狐常會將距離很遠的二個區域畫在同一個圖層以節省圖層總數,進而節省電腦的記憶體使用總量.......



最後,這是本次範例圖的實際結果......
夢夢狐家中的小玩偶(?)Goby Adeder~



8 則留言:

  1. 您好,
    我是新來的
    剛下載畫畫的
    卻不知道要怎麼畫
    也不知道怎麼用筆畫
    沒辦法向老師畫得那麼好
    拜託您了
    請教教我畫吧
    簡單一點
    因為我是新來的~

    回覆刪除
  2. 狐不是老師......。
    目前狐的實力依然連見習生都不是。真正幾個有繪師出沒的論壇裡、通常十個人裡有八或九個都比笨笨狐厲害吧XD
    如果是畫好玩,那很簡單呀>w<
    只要一支筆,一部像機或掃描器就可以開始交流了。但如果是為了讓自己進步而畫,那麼在每日的練習下其實這條路沒有想像中的那麼好走喔!
    但不管是哪一種,每日持續有耐心的走下去是玩畫畫這條路必需的要件。
    改天的話,笨笨狐會去寫篇小介紹來解釋給你聽要怎麼入門的.....
    (真的很對不起沒辦法現在寫,因為本人目前正服役中;而且目前敝人快退伍了要把心思放在找工作上......對不起喔。Q口Q)
    另外,本教學文已經有新版本了喔......
    舊版因為寫的比較差,所以敝人打算要廢棄掉了......。

    回覆刪除
  3. 謝謝
    很棒的教學:)

    回覆刪除
  4. 您好。
    其實該說謝謝的人是我......Q//w//Q

    回覆刪除
  5. 你好,我是剛剛接觸這項軟體的璐西路
    由於電腦老師把軟體給我們後,下個禮拜就立刻要再課堂上畫一張現成的圖了,而且據說要打分數......
    因此璐西路只好趕快來找找看如何用曲線和直線!不然真的好難畫呢。
    可是看過貝茲曲線教學,我還是有點看不懂耶......畢竟只用過一次,而且還是拿鉛筆在那裡亂畫ˊˋ
    尤其是轉向那哩,我想看過您的文章以後,我大概就只敢用直線了,應位曲線實在是好難理解......而且幾乎不熟析ˊ︿ˋ
    看到一長串的文章就渙散了......打起精神看還是看不懂!
    怎麼辦啊?我的分數......
    而且我還是個顏色白痴呢......
    ps我就只有在電腦課才用軟體,我們家的電腦容量快滿了所以沒辦法下載

    回覆刪除
  6. 您好0v0......
    首先很抱歉的是這是很久以前的文章了,有比較新的文章在這裡:
    http://blog.xuite.net/mach_cannon/xblog/17676592
    看這一篇可能會比較懂一點
    然後顏色的話,配色方面如果受熟可以去專門的配色網站配看看,例如www.colorblender.com
    而這篇文章其實也很舊,笨笨狐目前已經轉型成使用手寫版的繪者了>_<
    總之加油吧>v<~~~

    回覆刪除
  7. 哇,那麼恭喜您了~成為了手寫版專家了~^U^
    還有謝謝鼓勵!~璐西路會加油~交出好作業給電腦老師的~~
    大大畫的小寵物很可愛唷^^(璐西路現在非常想去抓一隻小貓貓或小狗狗)(完全兩回事,不是不能養寵物嗎?)
    不過我發現了一個嚴重的問題哩!......
    電腦課用的是哪一版!---(持續盡力中的璐西路心中吶喊)

    回覆刪除
  8. 謝謝0//v//0新年快樂XD(雖然狐比較偏向過農曆年啦!
    不過我並不是專家啦>v<|||,真的
    狐有幾位很好的繪師朋友,不過,在這群好朋友裡面,狐的畫圖技巧......是敬陪末座的......。
    目前GIMP最新版本是2.6.11,而且這已經是維持很久的去年的版本了,應該不用擔心版本問題
    而且GIMP新版與舊版用法都是相同的請放心0v0

    回覆刪除