文/圖、張境倫

20111102pic0008.jpg  

     以前也有提過,我在聯成電腦上adobe illustrator的課,通常教授Illustrator老師的重點在於各種工具的應用,而比較少琢磨在一個完整、層次過於複雜的作品。但後來我自己在試著製作時,發現其實裡面用到的技巧不多,純粹是因為物件很多,而且多半是要做輪廓操作,而不是靠指令。
     至於我個人,目前是有種習慣,有時候想要短時間內弄出一幅作品,而畫面的物件數很多,但是風格屬於比較簡單者,我自己評估手繪會比拉線慢的時候,我會喜歡用Illustrator製作0.0。
整體而言,如果要分成角色物件和背景,我目前在角色的製作上比較琢磨一些。那上次我介紹過神奇寶貝的角色,這次就來繪製人物角色了。
這次繪製Q版少女,起因是應朋友要求,將兩個動漫(也是神奇寶貝^^)角色的頭和衣服互相調換,原本我已經畫了一張普通草圖,不過後來想用IllustratorL做成Q版,順便寫成教學流程。adobe illustrator

20111102pic0000.jpg  
       實際製作時,我們可以自己決定或參考搭配一特定的Q版身形去製作,這樣會比較容易抓到方向。過程中可以將底圖放在第一個圖層,降低透明度後鎖定圖層,之後在上方再開第二個圖層,就可以方便沿輪廓繪製,整個過程幾乎全靠鋼筆工具。

20111102pic0001.jpg  
      首先從臉蛋開始,我們可以發現臉部只有底下的線條要顯露,所以上半部的線條其實不重要,只要確定接下來畫的東西可以蓋過即可。基本上這個概念算是整個繪製的重心。

20111102pic0002.jpg  
接下來是頭髮,分4個部分:前額、兩旁、後方、頭頂。同樣的蓋過部分只要確定現有連接即可。

20111102pic0003.jpg  
頭髮完成後,再來是身體,其實就是整個衣服了,分成:脖子、圍巾、上衣、裙子、胸前這5大部分。如果要做的嚴謹一點,通常每個部位可能都會分一個圖層,這個要視整體的複雜度而定。

20111102pic0004.jpg  
補上四肢以及鞋襪的部分。像這種部位,可以先做好另一邊,之後再複製並且鏡射即可。

20111102pic0005.jpg  
最後再加上五官,但主要是眼睛和嘴巴而已。
20111102pic0006.jpg  

到此基本的輪廓已經繪製完成了,先來把每一個部分上色,然後排列一下每一個物件至正確順序。

20111102pic0007.jpg  

20111102pic0008.jpg  
基本的色塊區分已經有了,但是畫面還不夠精緻,所以還要再進行更深入的繪製。首先來做眼睛的部分。
1.將藍色的部分複製一份並貼至上層,改成漸層填色。2.將底下那一層換成深藍色,和上層做出分別。
20111102pic0009.jpg  

3.使用漸層工具移動光點至偏下方的位置,這個部分可以自己決定。  
4.用橢圓工具製作黑色的瞳孔。

 20111102pic00010.jpg
5.在漸層編輯的面板中,於該漸層外圍再添加一個和底下深藍色一樣的顏色,使漸層和外圍那一圈有混合的感覺。
6.光點的部分直接套用效果風格化→外光暈,弄出白色的光輝。

20111102pic00011.jpg  

接著處理頭髮在皮膚上的陰影,我們可以直接複製原本的圖塊,使用快速指令"CTRL+["往後置,再換上深皮膚色,隨後移動至適當位置即可。至於多餘的錨點,可以用刪除錨點工具逐一清除。基本上接下來的深淺色塊都是以這種方式處裡。20111102pic00012.jpg  


所以我們主要有兩種方法可以做出明暗,一是直接調整漸層分布,但是如果碰上比較複雜的圖形,就需要搭配網格工具調整細部。而第二種方法就是直接做出另一個色塊和原圖形交疊。主要步驟如下:

20111102pic00013.jpg  

1.複製原本的圖塊。其實直接複製是因為手順,主要的目的只是要做出間隔。
2.以顏色和原本的圖塊區隔,並且增減錨點讓新圖塊的輪廓盡量吻合所需。
20111102pic00014.jpg

3.將兩個圖塊一起執行路徑管理員的分割。
4.用直接選取工具將外部多餘的部份去掉。

20111102pic00015.jpg  20111102pic00016.jpg    

所以最好的狀況,當然就是以上兩種方法搭配,但還是依風格而定。
如下圖,同樣先複製原本的頭髮圖塊,隨後控制錨點做出讓部分底下頭髮的邊緣露出、部分相交的樣子。最後從單色改成漸層配色,做出想要的明暗感。最後再添加上亮部的色塊。頭髮到此便差不多了。

20111102pic00017.jpg  20111102pic00018.jpg  

圍巾和衣服的部分同樣,加上一些明暗細節。
而手的部分,因為這次只是交疊在後,單單給他上個漸層色,調整一下即可表達基本明暗。

20111102pic00019.jpg  
20111102pic00020.jpg

腿部的部分,可以分成裙子遮住的區塊和整個腿部的明暗。由於是簡單的風格,大腿可以用簡單的漸層調整直,接表達出膝蓋的暗部和由亮至暗的柔和感,最後搭配上裙子造成的陰影,就可以同時看到融合感和分層感。

20111102pic00021.jpg  
鞋子的部分,主要也是把小腿和腳掌的部位做出明暗更顯著的色塊,簡單表達即可。

20111102pic00022.jpg  
現在回頭看看臉孔的部分,除了眼睛以外其他地方如果還嫌太單調了,可以再加上一點東西。
1.鼻子:在動漫裡面一向都是簡約到不能再簡約了,而在Q版風則幾乎消失殆盡,如果要做,只需要用錨點工具描出一個極小的三角形即可。
2.齒白:這部分也是可有可無,但是要做的話,形狀的掌握很重要,上半部要盡可能和嘴巴對齊,可以手動調或用分割的方式,再者直接以齒白表達嘴巴的上半邊都可以。

20111102pic00023.jpg  

3.眉毛:若只是一條線還是稍嫌單調,所以將眉毛的粗細調大,再套用如圖所示的紡錘型筆畫,便會比較生動一些。
20111102pic00024.jpg  

4.眼框:這部分也可以再讓深藍色那一圈套上黑色筆畫,並且使用位移複製的方法讓黑色圈線外擴至如圖所示。 

20111102pic00025.jpg    
5.臉頰:這裡可以加上紅暈的感覺,畫出兩個橢圓,一個上白色,一個上深皮膚色,分別套用高斯模糊。重點是皮膚色的部分要能融入臉蛋,白色的部分只要有些微模糊,甚至不用模糊都可以。

20111102pic00026.jpg  
到此已經結束了。不過我們可以做一個簡單的底,將整個人物全選起來並起透過路徑管理員進行合併,塗上黑色,再將筆畫顯現出來做一點點調整。之後將彩色人物群組起來,和黑影一起進行對齊即可,別忘了黑影要在最底層。20111102pic00027.jpg  
oK,最後就是這樣了,謝謝各位欣賞adobe 成功密技:分享Illustrator  Q版少女繪製教學!

20111102pic0008.jpg  
文章出處:
http://j7663701.pixnet.net/blog/post/65219801

2011-11-02-1edit.gif  

, , , ,

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


留言列表 (13)

發表留言
  • 轉吧七彩霓虹燈
  • 小秘技,很讚喔^^感謝分享
  • 不客氣~盡情享用^^

    lccnetvip 於 2011/11/14 14:50 回覆

  • CHUCK~
  • 很實用的技術唷~簡簡單單就做出可愛的作品~
    謝謝你的分享~~
  • 很可愛喔~一定要記得試試喔^^

    lccnetvip 於 2011/11/14 14:47 回覆

  • 訪客
  • 我也來試試看~
    不過畫起來不是很順手阿@@
  • 白兔布偶
  • 好可愛啊~~
    我果然還是喜歡Q版的畫風XDDD
    有教學再請大師PO出來囉~~
  • Sin-Yi Lin
  • 是用以拉畫得嗎?好厲害!而且超Q喔~!
    我也來試試看>///<
  • KIKI
  • illustrator也可以畫出這樣Q版的圖好厲害哦!!我也要來畫看看!!感謝分亨唷
  • 不客氣~請儘情享用

    lccnetvip 於 2012/11/08 09:54 回覆

  • JJ
  • 以拉就可以畫人物了耶! 超屌~~ 感謝分享這麼厲害的文章!!
  • 謝謝對聯成學員的肯定~^^這真的是一則很棒的文章喔~

    lccnetvip 於 2012/11/08 09:57 回覆

  • 大鼻正太
  • 超卡哇依的人物教學
    您是老師嗎?
    illustrator我不是很熟
    不過你說明的我聽的還蠻清楚的~~
    感謝^^
  • 文章作者是聯成學員喔~

    lccnetvip 於 2012/11/08 10:01 回覆

  • pro
  • 原來這樣就可以畫出來了
    好可愛
    讚喔
    要學要學要學啦
  • 哈啊~~歡迎一起互相交流喔~
    網路 或 自修學習是第一步~若需要人指導也歡迎報名~

    lccnetvip 於 2012/11/08 10:03 回覆

  • Fit
  • 好卡哇伊的圖喔
    而且還是用illustrator下去製作的,超強的
  • 謝謝你的喜歡喔~歡迎多來參觀~

    lccnetvip 於 2012/11/08 09:53 回覆

  • Qoo
  • 哇!!好酷喔!!竟然可以用Illustrator完成 這樣Q版的人物真的是太厲害了
  • 感謝支持肯定~

    lccnetvip 於 2013/01/23 14:45 回覆

  • 你好~~
  • 請問要怎麼下載呢?
  • 請問要下載甚麼東西呢?再麻煩回覆喔~~謝謝。

    lccnetvip 於 2013/12/04 09:31 回覆

  • 你好~~
  • 下載要收錢嗎?
  • 請問要下載甚麼東西呢?再麻煩回覆喔~~謝謝

    lccnetvip 於 2013/12/04 09:31 回覆