● 1018 m 8 3/22 sunrainworm  □ [倫語格鬥] 基礎點圖教學(3)
文章代碼(AID): #17v6RMOj

作者: sunrainworm ((破殼中)) 看板: C_Chat
標題: [倫語格鬥] 基礎點圖教學(3)
時間: Sat Mar 22 09:54:25 2008


那麼這次要開始畫點圖的骨架了

光談骨架份量略嫌不足，因此同時也對SAI做一個介紹

不過只介紹到點圖可能會用到的功能，其他繪圖功能不在此教學範圍之內


在這裡稍微提一下我們的目標：

"畫出第一張人物點圖，即點圖原畫"

這一張點圖會省略一些不必要的細節，並把人物畫成想要的比例

而且並不需要馬上做成待機動作的樣子

最重要的是把人物的重點特徵、感覺表達出來

要不斷修到完美，以提供日後動畫的點圖原畫參考

請各位不要忘了

-----------------------------------------------------------------------------

首先是SAI的介面，以下是我習慣的介面配置
http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160575&p=8

你可以從選單中的"視窗"設定喜好的配置、關掉不需要的介面功能，如下
http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160582&p=9


要畫點圖的話，需要一張設定參考，這次我們選冉耕來畫
http://album.blog.yam.com/show.php?a=sunrainworm&f=3637090&i=147231515&p=98

主要是因為造型比較簡單，比較好講解

不過原本的骨架比例不夠嚴謹，所以這裡重畫了骨架


再來要用萃夢想基本點圖全人物這一張
http://album.blog.yam.com/show.php?a=sunrainworm&f=3775651&i=1112777&p=19

我們會直接在上面畫我們第一張點圖，這樣可以直接參考尺寸大小


再來準備兩支筆：

1.2值筆：SAI中用來畫點圖的工具，沒有像鉛筆一樣會有像素柔化的效果

    而是一個點一個點的畫，設定如下：
    http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160623&p=10


2.2值擦：這是自製的工具，預設的SAI並沒有這個工具

    基本上是改2值筆的參數"不透明度"為0來得到2值筆的橡皮擦效果

    要在SAI中自訂工具，請照以下步驟：

    (1)在二值筆上點右鍵
    http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160626&p=11

    (2)點選複製生成，會再產生一個二值筆工具
    http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160627&p=12

    (3)參數"不透明度"調為0
    http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160628&p=13

    (4)在新的二值筆上點右鍵，按"設定"
    http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160629&p=14

    (5)設定名字為"二值擦"即完成
    http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160630&p=15


  除了設定二值擦之外，你也可以選擇"使用透明色"，用原本二值筆去畫

  則會有同樣效果，方法是點選顏色色塊左下角的一個透明色設定方塊：
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160632&p=16

  這樣畫出來，通通會變成透明的，如同橡皮擦的效果


-----------------------------------------------------------------------------

在畫之前，我們先來回顧第一篇教學所提的萃夢想畫風的一些要求：

1.臉的大小形狀大約一樣

2.眼睛要夠大

3.不考慮帽子的話，整個頭(包括頭髮)的大小大約一樣大


當中曾經提到尺寸大小，如臉高要13 pixel左右之類的

不過我們並不需要記住，而是直接拿過來用

步驟如下：

1.如前所述，打開你的設定參考和萃夢想基本點圖全人物
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160636&p=17
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160638&p=18

  點選下面的標籤按鈕，就可以切換檔案

  畫的時候要時時切換回來看，確定畫法，或者確定自己沒有畫錯


2.全人物的檢視大小切換到至少400%
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160639&p=19

  設定方法是控制畫面上方的那條設定列：
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160644&p=20

  SAI提供最小2.56%到最大1600%的標準縮放(不能自行輸入縮放比例)

  可以用下拉式選單選擇縮放大小或使用"＋"、"－"按鈕來調整

  另外也可以使用滑鼠滾輪、pageup鍵、pagedown鍵來控制


  至少要在400%下作畫，否則點圖不夠細緻

  視情況，特別在畫重要的的細節時，甚至會調到500%、600%去畫


3.開新圖層在全人物的上面：
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160651&p=21
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160652&p=22

  圖層簡單來說，就是把一張圖分成好幾個部份來畫

  而且上面的圖層會蓋掉下面的圖層


  不過點圖當然也能一張圖層畫到底，但是速度會慢許多

  這裡在畫的骨架的時候，我們會用到2張圖層

  一張是青藍色背景圖層，另一張是骨架的部份

  把背景和骨架分開，這樣以後要上色會比較方便


4.設定顯眼的顏色(我習慣使用純綠色)，選擇一個適當的萃夢想人物

  用二值筆畫出如下
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160666&p=23


  主要要畫的是臉的大小形狀、眼睛的大小、頭的大小(或頭的最大邊界)

  我們要畫的是點圖原畫，沒必要畫出特別的動作和角度

  一般傾向畫出臉朝右斜方看去的角度，身體自然站立


  眼睛是角色的重要特徵，所以不要照著畫，你只是要參考其使用的大小

  形狀還要在之後好好修一下，角色的喜怒哀樂要從眼神中流露出來

  例如憤怒的眼神比較尖銳集中、溫和的眼神往左右稍微下垂，諸如此類

  另外盡量保持骨架線的簡潔，不要有雜點和分枝，寬度只要1 pixel即可


  通常會選擇感覺、姿勢比較接近的人物去畫

  不過基本上我們只是在借尺寸大小，可以照著自己的喜好去做


5.使用移動工具，把骨架移動到空曠的地方
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160675&p=24
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160679&p=25

  如果你不想每次都很麻煩切換工具，可以使用ctrl+滑鼠左鍵按著拖曳

  另外沒有設定圖層鏈結的話，移動工具一次只會移動一個圖層


6.補上頭髮的骨架

  [前髮(劉海)]
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160684&p=26

  [後髮、邊緣]
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160685&p=27

  [長髮，長度未定]
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160687&p=28


  有了尺寸大小後，一切事情都很好處理

  不過不要忘了我們提過頭髮的畫法要一條一條的畫

  這裡有萃夢想全人物的點圖參考，相信要畫出類似的頭髮不是難題


  不要忘了保持骨架線的簡潔，多使用2值擦把不必要的線條擦掉

  我們一開始畫的頭髮邊界最後會被修掉


7.根據3頭身或3.5頭身，畫出標示線

  [標出頭高線]
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160696&p=29

  [使用選取工具圈選頭高線]
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160702&p=30
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160704&p=31

  [複製，按ctrl+c，然後貼上，按ctrl+v]
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160713&p=32

  此時會產生新圖層，會包含你選取的內容

  [按ctrl+d取消選取，移動新圖層到頭高線的底部，二條線剛好重合，如圖]
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160715&p=33

  [再做一遍貼上、移動，3頭身的標示線就出來了]
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160716&p=34

  3.5頭身要另外把頭高線切成一半高度

  [從圖層4開始按ctrl+e二次，讓標示線的圖層和骨架圖層合併]
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160717&p=35


  ctrl+e可以讓現在的圖層合併到下面一層圖層裡，或者按圖中的按鈕

  小心不要合併到背景的全人物圖層，錯了可以按ctrl+z復原上一次動作


  有了標示線，你就會清楚知道每個部份高度大約到哪裡

  忘了可以回去再好好讀一下第一篇教學的身材比例部分

  這裡不再重複


8.如果有些繪畫經驗，剩下的衣服身體應該不是問題

  [標示腰部線，位於整體身高的中心，即第二個頭高的中心]
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160734&p=36


  [為了避免身體左右倒過來後和頭接不起來，以下按h鍵翻轉檢視畫面來作畫]
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160735&p=37

  倒過來如果發現頭的角度不太對，修一下眼睛和臉型的形狀讓朝向的角度一致


  [先畫衣服中線，我們讓那塊布垂到第三個頭高的中間]
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160737&p=38
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160738&p=39

  衣服中線(或身體中線)通常會隨身體有一個弧度，但不會太大

  繪畫初心者請記住你畫的人物是立體的，而不是平面的


  [手自然垂落的長度會到第二個頭高底部]
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160751&p=40

  設定參考的圖手畫得太長，這裡修改了衣服垂落的角度

  以露出較多衣袖


  [完成上衣、長髮，並做一些修改]
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160753&p=41
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160755&p=42

  為了避免麻煩，衣服上的花紋先不畫在骨架上

  這裡可以稍微再翻轉回來看看有沒有錯誤

  一般來說，左右翻轉會有問題通常在臉和眼睛的朝向、身體和頭的結合

  如果我們在畫這些部分有翻過來畫就不會有問題


  [完成裙子]
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160768&p=43

  這裡我們把裙褶留到上色處理，覺得把裙褶線畫上去會破壞感覺

  裙子的兩端會翹起來是萃夢想的特色

  感覺冉耕可以再高一點，所以就讓裙子垂到第三個頭高的底部

  剩下用來畫腳


  [完成腳、鞋子]
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160773&p=44

  萃夢想的手和鞋子其實蠻大的，初學者可能會稍微畫得太小

  解決方法還是一樣，把大小借過來用

  開另一圖層去描大小，移動到適當位置

  這邊不再多說，讓各位去試


  另外一開始可能沒辦法掌握腳(鞋子)擺的角度

  兩隻腳通常會擺的方向不太一樣(一隻正面，另一隻側面)

  且擺的高度會有一些差(0~2 pixel)

  可以多參考萃夢想畫的，再作些微的變化


  畫完記得要在翻轉回來做最後的調整

  因為腿被裙子擋住，所以要小心畫的位置有沒有問題

  那麼以下是最後的骨架
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160780&p=45


  如果你光畫骨架就可以把人物的感覺表現出來，那麼就代表有足夠實力

  那麼上色只是時間問題

  相反的，如果骨架都沒有畫好，那麼也不要期待上色的部份會幫你修好

  繪畫就是這樣，每一步都要做的扎扎實實


9.最後做一些簡單的整理、存檔

  [圈選標示線，按d鍵去掉，然後ctrl+d取消選取]
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160784&p=46
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160788&p=47

  如同photoshop中的delete鍵，SAI設定為d鍵

  可以刪除目前圖層圈選的內容

  如果沒有選取範圍會整個刪掉，要注意


  [另存新檔]
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1160789&p=48

  存.sai檔就可以了

  我倒是習慣先另存新檔，然後在作畫過程中不斷ctrl+s儲存檔案

  通常有電腦當掉的慘痛經驗都會這樣做


-----------------------------------------------------------------------------

寫這個還蠻累的，稍微休息了兩天

那麼下一篇是最後一篇基礎點圖教學，有關點圖上色的部份

最晚會在下禮拜完成


同樣附上網誌版http://blog.yam.com/sunrainworm/article/14366155


--
                             合抱之木，生於毫末。

                             九層之臺，起於累土。

                             千里之行，始於足下。

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.166.6.240
※ 編輯: sunrainworm     來自: 118.166.6.240        (03/22 09:55)
推 BSpowerx:專業推!
推 kodato:我推
推 hatter:推教學!
推 hatter:想請教一下，sai上色時會把草稿的黑線模糊掉,該怎麼處理?
→ hatter:也是用新開圖層來上色,再用橡皮擦消去線上面的顏色嗎?
→ sunrainworm:不太清楚你問的模糊是怎樣的模糊，一般線和上色的圖層
→ sunrainworm:是分開的
推 hatter:原來如此...我之前都是一張畫到底orz...
推 asleisureto:推
推 popololos:推
推 popololos:其實我之前也都是一張畫到底ORZ