編輯：蔥花 作者；我是設計濕前天
大家好鴨，我是用ps很彆扭用ai不彆扭的韓彆扭。終於終於終於又輪到我寫教程啦~為了回饋廣大新老盆友，我決定這次出點硬核的——用Ai繪製仿3D卡通形象。別問我明明用ps比較不卡，為什麼要用Ai！ （可能是為了耍帥）。
知識重點：利用漸變工具及高斯模糊打造立體感
操作工具：鼠標 | Adobe illustrator
操作難度：眼睛會了，腦子會了，手也就會了！
了解繪畫原理
雖然這次的教程不需要畫，全程使用鼠標。但是在開始前，我們還是需要簡單了解一下素描中的光影關係即如何讓一個圓變成一個球體。也就是三大面五大調。
【三大面】受光面（亮面）和背光面（暗面）兩大部分，再加上中間層次的側光面（灰面），也就是常說的三大面：背光面，受光面，測光面。即黑，白，灰。
【五大調】物體在光線的照射下產生了明暗。而且物體都是由許多大小不同的面組成的，各個面的方向不同，接受光線的角度也不同，就形成了深淺不同的層次，一般稱為“明暗五調子”。即高光（亮面）、中間色（灰面）、明暗交界線、反光、投影。
五大調是讓物體形成立體感和空間感，所以這次的教程就是利用五大調去打造一個立體的卡通形象。
在開始打造立體形象前，首先需要設計一個主形象。同樣，老規矩，我們使用以往的方式拼湊出一個形象之後，給他穿上衣服並上色。
TIPS:繪製完成基礎形像後，為了讓你和他產生連接感，從而更有動力把他變得更帥，可以給他取個有趣的名字。但是很多同學都知道我是出了名的取名無能，所以我詢問了工作室中最會給大家起外號的莫思思。最後給這個形象取名叫紅屁股。
其次我們使用之前去描邊教程提到的【對象】—【偏移路徑】給紅屁股做個全身的spa，去一下描邊。
TIPS:去完描邊之後就不需要再做其他細節了，只需要復制出一層備用。
敲重點！ ！ ！ ！這是本次教程最重要的一步！
因為有光才有光影關係，所以首先，我們需要確認光源位置。此次教程就直接打頂光，那麼，他的高光基本上就集中在上部分，陰影就在下半部分。
我們先從最小的劉海入手。可以看出，這個劉海單獨拿出來就是三顆球，依照上面說的五大調，我們需要給他添加高光及陰影。
【步驟】複製一層劉海，加深他的顏色（即陰影色），使用漸變工具再給他加入一個高光色（這個色調的亮色）。方向選擇徑向，同時，使用工具欄的漸變工具給他選擇角度。
TIPS:由於AI的漸變過渡比較難調節，所以顏色的對比度不能太強。例如高光色就不要用純白或者接近白的去做。
其他的零部件也是同樣使用漸變工具去調整。但是因為我們的形像是連體的，所以頭和身體需要拆開去完成。
TIPS:因為像身體和頭部這一部分的形狀已經不是圓形了，所以需要調整角度，我們可以使用工具欄裡的漸變工具去拉伸他的角度。
由於這個形像是帶著帽子的，所以可以簡單的做一根深色的邊緣去區分帽子和臉。直接給臉部加一層比臉部深的漸變色描邊。
TIPS:腮紅的位置需要另外做深色描邊。
由於AI的漸變功能會經常容易斷層，特別是對顏色把控比較弱的同學，所以在之前的漸變中都沒有做對比特別強烈的顏色。所以，我們可以使用【高斯模糊】的方式去加強高光和陰影，讓形象更立體。
【步驟】拿頭套舉例，由於形像打的是頂光，所以，我們首先在頭套的明暗交界線位置即頭套下方去繪製一個比底色深的弧形，然後使用【高斯模糊】，調節數值，讓過渡更自然。
高光也是同樣的製作效果。
TIPS:由於AI裡的高斯模糊工具用多了真的非常卡，所以大家可以適當把高斯模糊的部分和漸變的部分擴展掉。就在工具欄中的【擴展】—【擴展外觀】。
對比效果。
TIPS:如果不需要追求那麼立體的效果可以直接跳過這一步。
經過前面的四個步驟，原來死氣沉沉的紅屁股就瞬間變得生動活潑起來了。
那麼接下來，我們需要完成最後一步，就是給疊加的部分加投影，也就是手和身體，頭和身體，身體和腳還有耳朵和頭（由於紅屁股的耳朵比較小，我這裡就省略掉了）。
【步驟】舉例：身體和左手袖子
我們首先原位複制一層身體，向左移動，然後使用【路徑查找器】用向左移動的身體和袖子做一個【交集】。
然後使用【複製領部件】—【放大】—【向下移動】-【高斯模糊】的方式，給一些小細節加投影，如眼睛，劉海，口袋等。
TIPS:像眼睛的凹陷，看起來複雜，其實就是一層陰影讓眼珠陷進去，一層高光讓眼睛周圍的肉凸起來去完成的。
正所謂眼睛是心裡的窗戶，為了讓眼睛更bilingbiling，我們用漸變的方式給眼睛加上反光。
最後我們就完成了整個形象的繪製。我們可以通過改變嘴巴的大小和動作讓他變成更智障的紅屁股。
文章為用戶上傳，僅供非商業瀏覽。發布者：Lomu，轉轉請註明出處： https://www.daogebangong.com/zh-Hant/articles/detail/Throw%20away%20the%20handpainted%20board%20and%20use%20the%20mouse%20to%20create%20a%20pseudo%203D%20cartoon%20image.html
支付宝扫一扫 
评论列表（196条）
测试