Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

[講義] Illustrator 角色繪製

作者: JinJin 

1. Illustrator角色建立示範


1. 設計簡潔的向量熊貓角色


http://blog.spoongraphics.co.uk/tutorials/create-a-cool-vector-panda-character-in-illustrator

原創來自克里斯斯普納的的教程。

利用幾個簡單的圖形、善用顏色漸層級漸變工具、以及善用陰影,不用出現外框,就可以創造出簡潔生動的角色。
這個練習雖然看似簡單,但每位同學都要練習,學習以漸層與陰影取代外框,製作高質感的簡易插畫。

http://www.blog.spoongraphics.co.uk/wp-content/uploads/2010/panda/01.jpg

http://www.blog.spoongraphics.co.uk/wp-content/uploads/2010/panda/vector-panda-character.jpg




1.使用橢圓工具,搭配Shift鍵,畫出一正圓

http://i556.photobucket.com/albums/ss1/whc915/panda001.jpg




2.使用直接選取工具,點選最上端的空心點,向下垂直拖曳

http://i556.photobucket.com/albums/ss1/whc915/panda002.jpg





3.再繪製另一個較小的圓,以類似的做法完成鼻子的輪廓

http://i556.photobucket.com/albums/ss1/whc915/panda003.jpg

http://i556.photobucket.com/albums/ss1/whc915/panda004.jpg




4.接著同樣以橢圓工具搭配Shift鍵畫出一正圓,右側靠在鼻子的中心點上

http://i556.photobucket.com/albums/ss1/whc915/panda005.jpg

將鼻子按右鍵→排列順序→置在最前
再將剛剛正圓按Alt鍵,對稱複製於右側

http://i556.photobucket.com/albums/ss1/whc915/panda006.jpg




5.接著同樣以橢圓工具搭配Shift鍵畫出一正圓,繪製大大的眼睛

http://i556.photobucket.com/albums/ss1/whc915/panda007.jpg




6.選取大圓眼,物件→變形→縮放→70%→拷貝

http://i556.photobucket.com/albums/ss1/whc915/panda008.jpg




7.再複製65%,將此圓,移動,接著繪製更小的圓,製作眼球中的亮點

http://i556.photobucket.com/albums/ss1/whc915/panda009.jpg





8.選取整組眼睛,Shift+Alt→水平移動複製到右邊

http://i556.photobucket.com/albums/ss1/whc915/panda011.jpg




9.接著製作耳朵,一樣用橢圓工具製作

http://i556.photobucket.com/albums/ss1/whc915/panda012.jpg

http://i556.photobucket.com/albums/ss1/whc915/panda013.jpg

http://i556.photobucket.com/albums/ss1/whc915/panda014.jpg




10.接著製作身體

http://i556.photobucket.com/albums/ss1/whc915/panda015.jpg

http://i556.photobucket.com/albums/ss1/whc915/panda016.jpg

http://i556.photobucket.com/albums/ss1/whc915/panda017.jpg

http://i556.photobucket.com/albums/ss1/whc915/panda018.jpg

http://i556.photobucket.com/albums/ss1/whc915/panda019.jpg

http://i556.photobucket.com/albums/ss1/whc915/panda020.jpg

http://i556.photobucket.com/albums/ss1/whc915/panda021.jpg

http://i556.photobucket.com/albums/ss1/whc915/panda022.jpg




11.黑框線稿完成
http://i556.photobucket.com/albums/ss1/whc915/panda023.jpg





上色時,善用漸層工具,將可輕鬆取代外框線稿,並產生豐富生動的效果

http://i556.photobucket.com/albums/ss1/whc915/panda024.jpg

http://i556.photobucket.com/albums/ss1/whc915/panda026.jpg

http://i556.photobucket.com/albums/ss1/whc915/panda027.jpg





製作眼睛外框的陰影,效果→風格化→製作陰影

http://i556.photobucket.com/albums/ss1/whc915/panda029.jpg




頭部及手部的陰影,則可多繪製一個區塊,選擇→效果→模糊→高斯模糊

http://i556.photobucket.com/albums/ss1/whc915/panda030.jpg


再加上透明度約15%左右,可適當調整至適中

http://i556.photobucket.com/albums/ss1/whc915/panda031.jpg




完成稿

http://i556.photobucket.com/albums/ss1/whc915/panda032.jpg





※補充說明:

「漸層」工具

「漸層」工具可提供與「漸層」面板大致相同的功能。可以使用漸層註解者修改線性漸層的角度、位置和擴散,或修改放射性漸層的焦點、原點和擴散。按兩下個別漸層色標可以指定新的色彩設定和不透明度設定,或將漸層色標拖移到新的位置。

將指標放在漸層上方並出現旋轉游標時,可以拖移來重新放置漸層角度。拖移漸層滑桿的圓形端點可重新放置漸層原點,而拖移箭頭端點可增加或減少漸層範圍。

http://help.adobe.com/zh_TW/illustrator/cs/using/images/pt_48.png




Panda線搞





2. Illustrator向量優雅貓頭鷹圖案


http://blog.spoongraphics.co.uk/tutorials/create-an-elegant-patterned-vector-owl-in-illustrator







1.繪製身體基本型


















































































































































































置入photoshop















完成品





2. 其他網路教程參考範例



網路上有許多專業且多樣風格的角色繪製技巧,同學們可以選擇自己喜歡的風格或繪製方式,試著按照教程自己做看看吧,相信可以從中學習許多寶貴的繪製技巧與創意發想。






1.人物角色繪製│http://colorburned.com/2009/07/create-a-character-mascot-with-adobe-illustrator-cs4.html
http://api.photoshop.com/v1.0/accounts/ce623456af6a4e469a7d88bc2b85162c/assets/17c9ccc3b3144b8bb6216be7bc5f7625





2.可愛和簡單的河馬│http://vforvectors.com/create-a-cute-and-simple-hippo-face/

簡單的Illustrator教程橢圓工具,矩形工具,圓角矩形工具創建簡單的河馬。

http://vforvectors.com/wp-content/uploads/2010/02/00.jpg





3.Twitter鳥LOGO│ http://bloomwebdesign.net/myblog/2011/08/11/create-a-cute-twitter-bird-character-in-illustrator/

了解如何以Illustrator繪製可愛的卡通Twitter鳥。

http://bloomwebdesign.net/myblog/files/2011/08/twitter-character-bird-icon-vector-illustrator-tweet.jpg





4.向量士兵製作│ http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-vector-soldier-character-in-illustrator
下面的教程教你如何以 Illustrator 創建可愛的向量士兵。

http://www.blog.spoongraphics.co.uk/wp-content/uploads/2011/soldier-character/vector-soldier-character.jpg





5.使用Illustrator創建一個條紋的貓│ http://www.cutelittlefactory.com/tutorials/create-a-tiger-striped-cat-with-illustrator/

http://www.cutelittlefactory.com/wp-content/uploads/2010/07/final.jpg





6.在Illustrator中創建的│ http://blog.spoongraphics.co.uk/tutorials/create-a-cool-vector-robot-character-in-illustrator

想學習Adobe Illustrator中的基本的向量機器人嗎?在本教程中,您將使用各種工具和技術來創建一個簡單的向量機器人。這個機器人使用大量的基本形狀,適合初學者掌握與Illustrator的應用程序。

http://www.blog.spoongraphics.co.uk/wp-content/uploads/2011/robot/robot-character-sm.jpg





7.頭巾娃娃│http://bloomwebdesign.net/myblog/2011/04/14/design-a-babushka-doll-in-illustrator/

如何在Illustrator中,建立東歐模式的頭巾娃娃。

http://bloomwebdesign.net/myblog/files/2011/04/babushka-doll-design-vector.jpg





8.可愛的小豬撲滿│http://www.noupe.com/tutorial/how-to-create-a-cute-piggy-bank-in-perspective-with-adobe-illustrator.html
創建一個可愛的粉紅色的小豬撲滿。

http://media.noupe.com//uploads/2011/03/0352_500px.jpg





9.創建一個可愛的向量馴鹿│ http://blog.spoongraphics.co.uk/tutorials/create-a-cute-vector-reindeer-character-in-illustrator

http://www.blog.spoongraphics.co.uk/wp-content/uploads/2010/reindeer/reindeer-character-sm.jpg






10.以Illustrator創造一個向量的優雅貓頭鷹圖案│http://blog.spoongraphics.co.uk/tutorials/create-an-elegant-patterned-vector-owl-in-illustrator

http://www.blog.spoongraphics.co.uk/wp-content/uploads/2010/illustrated-owl/vector-owl-sm.jpg






11.創建一個簡單的技工│http://blog.spoongraphics.co.uk/tutorials/create-a-simple-mechanic-character-in-illustrator

適合初學者的向量角色繪製

http://www.blog.spoongraphics.co.uk/wp-content/uploads/2010/mechanic-character/mechanic-character-sm.png





12.可愛老虎繪製│http://designinformer.smashingmagazine.com/2010/01/20/create-a-cute-little-tiger-in-illustrator/

http://api.photoshop.com/v1.0/accounts/ce623456af6a4e469a7d88bc2b85162c/assets/15f1bb7b69da400b9d214fa59a59d0c9



Edited 9 time(s). Last edit at 03/27/2013 08:35AM by JinJin.
(編輯記錄)

Re: [講義] Illustrator 角色繪製

Re: [講義] Illustrator 角色繪製

Re: [講義] Illustrator 角色繪製

Re: [講義] Illustrator 角色繪製

Re: [講義] Illustrator 角色繪製

Re: [講義] Illustrator 角色繪製

Re: [講義] Illustrator 角色繪製