!『嵐設』免費電子報訂閱募集中!

在下方輸入您的Email訂閱就可收到本部落最新文章資訊喔!

Delivered by FeedBurner

       延續前篇『[教學]用描摹的方式學習人物插畫製作(I)~構圖篇的教學學會了利用鋼筆工具針對照片作描摹建立了人物插畫的輪廓色塊,接著第二篇設計嵐來介紹配色與五官的部份,配色部分倒是容易,五官部份由於重點較多,所以本篇先針對『眉毛』以及『眼睛』部份做教學,鼻子和嘴巴則留待下一篇繼續。

◎配色:之前描圖時只注重輪廓是否完美,色彩部份可能沒有確認,所以此步驟進行配色動作,讓每一個插畫色塊有適當的顏色。

1.方法一:直接選色

選取要上色的色塊物件(ex.頭髮),接著在選項列的填色項目上點選需要的色彩。

1.jpg 

2.方法二:自行設定CMYIK數值。

選取要上色的物件(ex.衣服),接著在選項列填色項目上按住SHIFT+點選可開啟CMYK對方方塊進行調色。

2.jpg 

3.方法三:使用色票資料庫上色。

A.選取要上色的物件(ex.手),接著在選項列的填色面板右上角箭頭點選→開啟色票資料庫→膚色

3.jpg 

B.在『膚色』的顏色面板中點選適合的顏色做套用。

4.jpg 

      重複上述三種方式,分別針對各圖層的所有色塊物件進行配色,如果是後覺得不滿意要修改也是用相同方式進行。

◎五官-眉毛:

1.利用鋼筆工具+適當填色色彩(ex.黑或深色),根據描圖影像的眉毛,在『五官』圖層將眉毛輪廓先描出來。

5.jpg 

2.描圖完成畫面如下:

6.jpg 

3.接著選取眉毛色塊物件,執行『編輯』→『拷貝』。

7.jpg  

4.接著執行『貼至下層』動作,將眉毛色塊複製一份至下層。

8.jpg 

5.保持下層眉毛物件的選取,將填色改成無,線條顏色選一個深色(ex.咖啡色)做套用,並且設定適當的線條粗細以及將不透明度降低,這麼做的目的是製作出眉毛邊緣的暗部,好讓梅毛有立體感。

9.jpg 

6.重複上述3.4.5步驟,完成另一邊眉毛的暗部製作,完成如下:

10.jpg 

◎五官-眼睛:

1.利用鋼筆工具+無填色+黑色線條色彩,參考描圖槁影像沿著上眼線畫出線條以確定眼睛位置與寬度,線條粗細可適度調整不要太粗。

11.jpg 

2.另一邊眼睛也是一樣畫出上眼線,完成如下圖:

12.jpg 

3.接著準備畫眼白,為了避免動到上眼線,可選取上眼線物件後,執行『物件』→『鎖定』→『選取範圍』將物件鎖定。

13.jpg 

4.利用鋼筆工具+白色填色+無線條色彩,沿著眼睛輪廓繪製眼白色塊。

14.jpg 

5.開始繪製眼白,記得要封閉路徑。

15.jpg 

6.另一邊眼白也是相同畫法,完成後如下圖:

16.jpg 

7.由於眼白蓋住了上眼線,因此準備調整上下順序,先執行『物件』→『解除全部鎖定』將剛剛鎖定的上眼線解除鎖定。

17.jpg 

8.接著選取眼白物件,然後按右鍵→排列順序→移至最後,將眼白移到上眼線後面。

18.jpg 

9.移動完成如下圖:

19.jpg 

10.接著畫眼珠,利用橢圓型工具+黑色填色+Shift+拖曳,根據描圖稿眼珠位置畫出正圓形物件,大小超過眼白沒關係。

20.jpg 

11.另一邊也是同樣作法,完成後如下圖:

21.jpg 

12.接著將眼白色塊選取,執行『編輯』→『拷貝』。

22.jpg 

13.然後執行『編輯』→『貼至上層』作原地貼上。

23.jpg 

14.如果貼上的眼白色塊沒有在最上面,請選取貼上的眼白物件→按右鍵→排列順序→移至最前。

24.jpg 

15.完成後如下圖:

25.jpg 

16.接著選取黑眼珠以及貼上的眼白色塊,執行『路徑管理員』面板→與外框區域相交,作出符合眼睛輪廓的眼珠物件。

26.jpg 

17.接著將交集後的眼珠色快改成黑色填色。

27.jpg 

18.重複上述動作製作出另一眼的黑眼珠,完成如下圖:

28.jpg 

19.目前的眼睛看起來沒有生命力,所以使用『橢圓形工具』+內建的『黑白放射狀漸層』作填色,準備建立眼睛亮點。

29.jpg 

20.在黑眼珠上拖曳初亮點物件,大小和位置請根據畫中人物的注目方向來決定。

30.jpg 

21.到此眼睛的基本繪製完成,如需畫上雙眼皮眼線,則繼續利用鋼筆工具+無填色+黑色線條色彩,搭配一個合適的筆刷樣式,準備繪製雙眼皮。

31.jpg 

22.根據描圖稿繪製雙眼皮眼線,筆刷樣式請選用尾端細小的樣式,線條粗細請自訂,適當即可。

32.jpg 

23.另一邊眼睛也是相同作法,完成圖如下:

33.jpg 

24.由於是女生角色,所以可以適當繪製眼影,請利用鋼筆工具+深咖啡色在眼皮位置繪製色塊。

34.jpg 

25.完成後請將眼影色塊排列順序移到最下層並且降低不透明度,不要太明顯淡淡的即可。

35.jpg 

26.另一邊眼睛重複上述步驟也繪製一個眼影色塊,完成如下圖:

36.jpg 

      以上就是基本上色以及五官中的眉毛以及眼睛畫法介紹,各位完成輪廓色塊的人請繼續往下練習,下篇文章將往下介紹鼻子以及嘴巴的畫法,敬請期待!!

未完待續...

 

 

 

 

創作者介紹

『嵐設』-設計教學部落

設計嵐 發表在 痞客邦 PIXNET 留言(6) 人氣()


留言列表 (6)

發表留言
  • MythZ
  • 等待下篇啊~
  • 請耐心等待..^^...這主題不好寫..很硬!!!不過我會盡快啦.!!!

    設計嵐 於 2010/04/29 00:42 回覆

  • 亞希斯.雷
  • 真是佩服@@

    版大在AI的鋼筆工具上面,下過不少功夫呢...
    要把人物的輪廓甚至五官都用鋼筆工具繪製真的是很硬的...
    期待續集中哦^^
  • 感謝您的稱讚了.^^...謝謝!!小弟會繼續努力!!

    設計嵐 於 2010/04/29 14:04 回覆

  • ruru814
  • 不好意思,想請教你一下耶,我該怎麼在文章內容區上方再增加一個固定區塊,就像你現在貼一排小button那裡(基本概論.....),謝謝你~~~
  • 1.先將你要放的圖片上傳的網路相簿並且複製其路徑
    2.到後台管理編輯側邊欄位區塊編輯公告版塊
    2.在公告區塊裡面寫一段html的<img>語法<img src="要顯示的圖片網址" width="?" height="?" />...?處輸入圖片的寬和高尺寸即可~~

    設計嵐 於 2010/04/30 22:27 回覆

  • ruru814
  • 我問了一個笨問題,後台就有得新增嘛~想什麼自已寫CSS,哈哈哈....(逃~)
  • 阿@@?...剛回答完就發現妳會了..^^..哈哈!!沒事就好~~~

    設計嵐 於 2010/04/30 22:28 回覆

  • alexishuang
  • 好厲害喔真棒
    你這邊真的好多好棒的分享喔^^
  • 謝謝您的讚美!!喜歡的話要常常來這邊看看文章喔!!希望對您有用!!.^^

    設計嵐 於 2010/05/01 18:12 回覆

  • Dio
  • 嗯~
    受益良多~
    謝謝分享~
    ^^
  • 很高興對您有幫助..^^...謝謝您的支持!!人物插畫還有後續文章喔!!請繼續支持..^^..有問題也歡迎來此詢問!!小弟一定盡力回答!!

    設計嵐 於 2010/05/13 11:15 回覆