【Illustrator 創意應用─寬度工具、即時上色】:向量角色插圖的方法小圖-01        





【Illustrator 創意應用─寬度工具、即時上色】:

公仔、插圖角色繪圖!!即時上色工具,完成填色迅速又EZ

【Illustrator 創意應用─寬度工具、即時上色】:向量角色插圖的方法大圖     

 

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

 

Step 1. 繪製基本造型

先利用自己熟悉的線條繪製工具,繪製基本造型。

在這裡,一二珊先用「鉛筆工具」拉雛型,「鋼筆工具」作微調:

 ps. 線條交叉處,都先讓它凸出去,最後再整理 


Illustrator、線稿、鉛筆、鋼筆、線條:線稿01    

※ ↑ 上述只演示兔寶寶身型的部分,臉部五官也是一樣作法喔!   

※ 一二珊有怠惰的心理,所以直接在工作區用「鉛筆工具」打線稿,

功力還不夠的朋友,可以先打鉛筆草稿,掃描至電腦為範本圖層,描圖來用。 



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


Step 2. 使用寬度工具,創造線稿

利用「寬度工具」,拉出線稿粗細度。

PS.關於寬度工具的基礎應用,請連結至→【Illustrator好簡單工具─寬度工具】:煙花設計

Illustrator、線稿、鉛筆、鋼筆、線條、寬度工具:線稿02  
※ ↑ 上述只演示兔寶寶身型的部分,臉部五官也是一樣作法喔!   

 

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


Step 3. 擴充線稿

完成的線稿圖,在「檢視選項→外框(Ctrl+Y)」的模式下,並非真正有粗細的造型線稿,只是一般的線條而以。

※ 因此要先將線稿展開: 選取全部物件「物件選項→擴充外觀」 

 

Illustrator、外框、線條:線稿03    

 

※ [外框預視下]:左圖 (展開前)、右圖(展開後)

※ ↑ 上述只演示兔寶寶身型的部分,臉部五官也是一樣作法喔!   


 

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

 

 

Step 4. 整裡多出來的區塊

(A) 全選物件,利用「形狀建立工具」,按住 Alt 鍵,為「- 減號模式」,修剪多出來的線稿。

(B) 再使用「形狀建立工具」的同時,隨時可以搭配空白鍵─平移」、「Alt + 滑鼠滾輪 ─ 縮放」,

     放大需要處理的區域,小心修剪不要的區塊。

Adobe Illustrator、形狀建立工具:線稿04 

 Adobe Illustrator、形狀建立工具:線稿完成圖    

  

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

 

 

Step 5. 合併線稿

(A) 全選物件,視窗→路徑管理員→聯集,整理相連的物件

一二珊躲隻貓、123HiddenCat、Adobe Illustrator、路徑管理員、聯集  



(B) 全選物件,「路徑管理員→資訊列→製作複合形狀→展開」,整理非相連的物件為同一個形狀

一二珊躲隻貓、123HiddenCat、Adobe Illustrator、路徑管理員、聯集、製作複合型狀  




(C) 如此一來,完整的線稿就完成囉!! 可以使用「Ctrl+Y 外框模式下檢查看看↓

一二珊躲隻貓、123HiddenCat、Adobe Illustrator、外框  

※ [外框預視下]:左圖 (未合併整理前)、右圖(合併整理後)



 

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

 

 

Step 6. 即時上色─封閉路徑


因為即時上色最好是應用在封閉式,或者只有小間隙的圖稿。

但下圖兔寶寶的下半身,呈現非封閉狀態,

因此繪製一條「無填色、無筆畫的線條路徑」當作封閉使用。


一二珊躲隻貓、123HiddenCat、Adobe Illustrator、即時上色:上色01   





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




Step 7. 即時上色─展開圖稿


(A)全選物件,利用即時上色油漆桶工具,填上基底色

(B)完成後,點選 物件>>即時上色>>展開


一二珊躲隻貓、123HiddenCat、Adobe Illustrator、即時上色:上色02 

  

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



Step 8. 線稿、底稿分開

(A) 可以利用「白色鍵頭:直接選取工具」,選取某個黑色區域

(B) 選取選項>>相同>>填色顏色,就會把畫面中所有黑色區域選擇起來。

       ps.也可以使用「魔術棒工具


  一二珊躲隻貓、123HiddenCat、Adobe Illustrator、即時上色、選取、相同:上色03        



(C) 打開圖層面板,新增一個空白圖層

      將圖層1剛剛所選到的黑色區域(圖層旁邊會有矩形小方塊顯示),左鍵點拖拉至新圖層。

      如此一來,就會分成「線稿」&「底色」兩個圖層,請分別將圖層重新命名。

        一二珊躲隻貓、123HiddenCat、Adobe Illustrator、即時上色、線稿、底色:上色04  


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



Step 9. 添加陰影&亮度層次感

(A) 在「底色」&「線稿」圖層中,新增一個新圖層,命命為「陰影處」圖層。

(B) 利用自己喜好的繪圖工具,繪製出陰影區域。

      ※一二珊是用「點滴筆刷」配合「橡皮擦」工具,用繪圖板操作更好、更順手喔! 

一二珊躲隻貓、123HiddenCat、Adobe Illustrator、插畫、繪圖、即時上色:上色05      


 

 

(C) 用同樣的方式在「底色」&「線稿」圖層中,新增一個新圖層,命命為「亮部」圖層。

      繪製插圖亮面處。

一二珊躲隻貓、123HiddenCat、Adobe Illustrator、插畫、繪圖、即時上色:上色06


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


Step 10. 增添小裝飾:雀斑

(A) 用不同大小的圓圈當成小雀斑,一起丟入筆刷面版」>>建立成「線條圖筆刷

(B) 利用「繪圖筆刷」工具,繪製雀斑在兔仔的臉上。


一二珊躲隻貓、123HiddenCat、Adobe Illustrator、插畫、繪圖、即時上色:上色07線條圖筆刷─雀斑  

一二珊躲隻貓、123HiddenCat、Adobe Illustrator、插畫、繪圖、即時上色:上色08


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


Step 11. 完成!!


※ 如果同學認為插圖顏色不是自己想要的,也可以透過:「編輯>>邊輯色彩>>重新上色圖稿」調整。

※ 拆出的線稿,可以重複利用,再次填入不同的顏色~! 

 

一二珊躲隻貓、123HiddenCat、Adobe Illustrator、插畫、繪圖、即時上色:上色08  


 

 

創作者介紹
創作者 一二珊躲支喵 的頭像
一二珊躲支喵

一二珊躲支喵

一二珊躲支喵 發表在 痞客邦 留言(10) 人氣()


留言列表 (10)

發表留言
  • 訪客
  • 好棒!!!!!!
    獲益良多
    謝謝!!!!!!
  • 謝謝你^^ 希望你喜歡,如果有操作的疑問也可以留言喔!

    一二珊躲支喵 於 2012/05/06 02:06 回覆

  • Miles
  • 請問想畫美國漫畫那種線框,用這種方法方便嗎?還是有別的方法
  • 哈囉,
    方法有很多喔! 習慣手繪的,可以先手繪好黑色線稿,再到AI即時描圖
    但如果有手繪版的,點滴筆刷、沾水筆筆刷、線條圖工具都可以搭配手會版的感應度,繪製有強弱感的線框喔!

    一二珊躲支喵 於 2012/05/23 00:20 回覆

  • Jalu
  • 太感謝了Q_Q
  • 有任何問題都可以留言喲^_^

    一二珊躲支喵 於 2012/12/28 20:08 回覆

  • 悄悄話
  • YKK
  • 不好意思,我想請問~第八步驟的線稿底線分離
    我做完(A)步驟後
    發現(B)步驟的"填塞顏色"沒辦法按>_<
    然後之後就做不下去了QQ
  • 您好:
    Step 8. 線稿、底稿分開
    (B) 選取選項>>相同>>填色顏色

    (1)請檢查是不是將塗層鎖定住了
    (2)須先選取某個黑色色塊,讓左下角的工具列當中填色色塊,呈現黑色,再執行B步驟~!

    一二珊躲支喵 於 2013/04/30 11:16 回覆

  • 悄悄話
  • Wolf
  • 不好意思步驟六那裡我不太懂如何用無線條製作封閉路徑>"<
  • rei
  • 一直不太會使用這個及時上色功能,所以都不知道原來可以這樣做><
    感謝版主,受益良多!!
  • 家凰 康
  • 受益良多 解決我多年疑惑 很棒的教學文 謝謝~~
  • Sue Wui Ngo
  • 请问第五步骤的那边,为什么要用建立复合路径呢?