手把手教你如何照片變漫畫(huà)（很經(jīng)典）

csdsq

圖片比較多，所以大家耐心等待打開(kāi)！圖片全部都有！


在這個(gè)教程裡，跟大家討論到下列四點(diǎn)：
1.如何用illustrator繪製類似漫畫(huà)沾水筆的線條。
2.如何繪製較為標(biāo)準(zhǔn)的標(biāo)誌或符號(hào)。
3.如何利用透明遮罩做出物體光影變化(立體感)。
4.如何製作物件輪廓剪影加粗的外框線。
這是我第一次作教程，除了期望對(duì)大家能夠有所幫助外
如有說(shuō)明不清楚或其他問(wèn)題，請(qǐng)海涵!!!
BTW，這個(gè)製作過(guò)程只是我個(gè)人習(xí)慣的做法，不一定最快速、最簡(jiǎn)單、最便捷，
所以如果您有更好的方法，請(qǐng)不要吝嗇讓大家教學(xué)相長(zhǎng)喔!!!~
還有這是繁體版的軟件，其中有些功能名稱不盡相同，也請(qǐng)各位勉為其難...
感謝各位!!
好，廢話不多說(shuō)，來(lái)看看我是如何把下面這張圖畫(huà)出來(lái)的吧!!

step/1
為底圖選定適合的圖片，掃描後從視窗直接拖曳到工作臺(tái)上
(像這個(gè)機(jī)車?guó)B人就頗適合我們激芭樂(lè)的精神!!~~^^*)

step/2
1.新增一個(gè)圖層，輸入名稱為"底圖"。
2.勾選"範(fàn)本"，同時(shí)自動(dòng)出現(xiàn)"模糊影像至__%" ，預(yù)設(shè)是50%(這樣就夠了)

step/3
1.按確定後可以看到圖層視窗出現(xiàn)剛設(shè)定的圖層。
2.你的底圖就會(huì)變成這樣...方便待會(huì)在之上畫(huà)圖時(shí)不被底圖干擾。

step/4
1.再增加一個(gè)圖層，輸入名稱"線稿"。
2.在圖層視窗原來(lái)底圖圖層之上又多了一個(gè)"線稿"圖層。

step/5
1.開(kāi)始在線稿圖層展開(kāi)拉貝茲線作業(yè)。
2.可以依據(jù)個(gè)人習(xí)慣從任何地方開(kāi)始，我則是習(xí)慣從頭頂開(kāi)始畫(huà)。

step/6
1.這張圖我打算以先畫(huà)邊框，再填色的方式進(jìn)行，所以腦中先想像邊線的粗細(xì)變化，同時(shí)往外拉線。
2.通常這種畫(huà)法盡量用細(xì)一點(diǎn)的線條繪製，因?yàn)樵郊?xì)的線條邊界拉的越準(zhǔn)。

csdsq

step/7
1.描好圖後如圖一所示，都是沿著人物輪廓拉出的封閉區(qū)域。
2.我們可以不時(shí)按工具列的填色選擇右上角箭頭，反轉(zhuǎn)填色(讓原本線條填色改成封閉區(qū)域填色)，藉以觀察剛剛拉出的色塊符不符合需要。

step/8
平滑工具的應(yīng)用
1.這步驟主要介紹"平滑工具"；當(dāng)拉出的曲線不夠順暢時(shí)，就換神奇的平滑工具出場(chǎng)。
2.選擇需要改善曲線的色塊。
3.在想改善的曲線上按住滑鼠順著曲線方向拉。
4.平滑工具經(jīng)過(guò)的線條與節(jié)點(diǎn)，將會(huì)自動(dòng)重新改變數(shù)量與彎曲度，可以多試幾次，直到滿意為止。

step/9
1.3.在每塊色塊之間，檢查是否有對(duì)接不好的地方。
2.4.利用"直接選取工具"將節(jié)點(diǎn)對(duì)齊，使每塊封閉色塊緊密接合。

step/10
依序完成各部分線稿繪製工作；這樣的畫(huà)法就可以得到漫畫(huà)式不規(guī)則粗細(xì)的輪廓線了!!

step/11
1.再描繪的過(guò)程中，隨時(shí)將畫(huà)面縮小看整體感，發(fā)現(xiàn)筆劃粗細(xì)變化不夠的地方再加強(qiáng)。
2.如此描繪出變化更大的筆劃。
3.融合補(bǔ)強(qiáng)到原本粗細(xì)度不夠的輪廓線上。

step/12
現(xiàn)在我所使用的描輪廓法，造成打X的地方是摟空露出的，箭頭所指的部位是待會(huì)要填色的，
這樣的方式可以造成輪廓線段為單一色塊區(qū)域，方便接下來(lái)要填色時(shí)製作成卡通漫畫(huà)黑線稿的效果。

csdsq

step/13
1.畫(huà)到了我最愛(ài)的nike鞋部分；畫(huà)好了右腳後，發(fā)現(xiàn)左腳形狀不太喜歡，所以就要進(jìn)行移植手術(shù)啦!!
2.把右腳的鞋子按住Ctrl+Alt拖曳至左腳邊。
3.雙擊鏡射工具，出現(xiàn)鏡射選單，選擇垂直鏡射，確定後鞋子就換邊站啦。
4.把換好方向的左腳鞋子移動(dòng)到適當(dāng)位置。
5.把多餘的筆劃修齊後，適時(shí)改變光影方向，就做出完美的一雙鞋啦!!

step/14
至此已將基本的輪廓線完成，檢查哪裡有視覺(jué)上不滿意的地方，修補(bǔ)。

step/15
務(wù)必確認(rèn)你的圖案全部已轉(zhuǎn)以色塊為單位；圖中所示的帽沿縫線當(dāng)初就是用線條直接拉的，所以在這裡我們要把它全部轉(zhuǎn)為"外框筆劃"!!

step/16
接下來(lái)要開(kāi)始製作logo。
1.新增圖層。
2.修改名稱為"786圖案"。
3.在新圖層裡開(kāi)始工作

step/17
接著把之前手繪的logo草圖掃描後拖曳到工作臺(tái)(記得拖曳到一開(kāi)始所設(shè)的底圖圖層)。

step/18
旋轉(zhuǎn)縮放圖形到適合大小。

step/19
開(kāi)始logo繪製。
1.應(yīng)用到精緻製圖時(shí)，把尺標(biāo)叫出；同時(shí)把"鎖定參考線"取消勾選。
2.定出基準(zhǔn)的x、y軸後，從尺標(biāo)左上角把歸零線拉出並對(duì)齊。
3.固定斜度的參考線製作方式：先用鋼筆工具繪製斜線，選擇線條按滑鼠右鍵，再選擇"製作參考線"。
4.用規(guī)律且固定的參考線繪製出草圖上的logo，同時(shí)給予標(biāo)準(zhǔn)化與模式化。
5.ok!!基本形狀繪製完成，放到人物上看看感覺(jué)!!

csdsq

step/20
開(kāi)始對(duì)logo進(jìn)行加工。
1.複製一個(gè)圖案，並加粗筆劃至想要的寬度。
2. 把副本的加粗線條轉(zhuǎn)換成外框筆劃。
3.重新全選副本，並使用"路徑管理員"視窗中的"加入外框區(qū)域"予以融合。
4.別忘記融合完還要"展開(kāi)"，如此一來(lái)就可以得到比原本圖案還要大上一圈的"邊框"。

step/21
接下來(lái)再複製一組，把外框線條加得更粗，依照剛剛的做法製作最底層的黑色邊框(如圖4的黑色最外圍框線)：
step20做的那組則改成白色(如圖4的白框中層)；
把三層圖案的圖層關(guān)係改為圖1最上面、圖2第二層、圖3最下層排列；最後把1+2+3垂直水平對(duì)齊後就變成圖4啦!!!
如此的基本做法可以讓字體logo變的更有層次與豐富。

step/22
ok，在完成logo圖案後，進(jìn)入到填色階段，在開(kāi)始填色前，先把剛剛的人物輪廓線處理好。
1.在全選輪廓線後使用"路徑管理員"視窗中的"加入外框區(qū)域"予以融合，尚未展開(kāi)前圖案邊緣還是彼此分開(kāi)的。
2.圖2可以看到在展開(kāi)完成後，所有的輪廓線已經(jīng)完全融合成一個(gè)大單位。

csdsq

step/23
進(jìn)入填色階段!!
1.照例新增圖層"皮膚色"。(注意新增完畢後把線條圖層拉至最上層，因?yàn)檩喞�線是要Cover在填色色塊上的)
2.依照輪廓線露出的部位再拉一次貝茲曲線；因?yàn)橹灰�確定拉的色塊邊緣隱莫在輪廓線後即可，所以可以加快繪製速度。
3.快速拉出各部位所需的色塊形狀。
4.將色塊填入適當(dāng)顏色。(可先填入單色以辨別位置)

step/24
也可以試著將色塊以漸層方式填色，如此一來(lái)便可做出基本的立體感與光影變化

step/25
將全部區(qū)域色塊都繪出。

step/26
這個(gè)步驟我們要把胸前的logo圖案做的更有立體感。
1.為了模擬logo圖案在衣服上的彎曲變形，選擇圖案後到"特效"欄→"彎曲"→"旗形"。(這裡有很多種變形方式，需要慢慢嘗試出適合的)
2.等到彎曲成適合的形狀後，"擴(kuò)充外觀"取得改變的形狀。(這裡只做了些微的變形，因?yàn)橐路�本身皺折很�?
3.複製拉出logo圖案最後一層的色塊，利用它來(lái)將logo圖案上白邊的地方作出光影變化。
4. 從物件屬性的透明度視窗，將屬性改為"色彩增值"，同時(shí)將不透明度調(diào)低為50%，然後將這個(gè)色塊蓋到原來(lái)logo位置，白邊產(chǎn)生明暗色調(diào)變化。

step/27
按照上一步的做法，將人物全身欲著色的部位都用多層透明遮罩層層覆蓋，便可做出調(diào)性十足的柔和色彩變化!!!

step/28
透明遮罩放大解說(shuō)：
1.這個(gè)是原來(lái)基本的色塊，屬性為一般，不透明放射狀漸層作為基調(diào)。
2.這個(gè)物件極為重要!!將屬性改為"色彩增值"，透明度改為50%，並利用放射狀漸層拉出陰影的位置。
3.重疊後即產(chǎn)生簡(jiǎn)單又效果好的光影效果。

csdsq

step/29 色彩大實(shí)驗(yàn)!!! 在透明度遮罩都完成後，就可以輕鬆開(kāi)始嘗試各種編排與色彩變換!! 是否越看這個(gè)人越欠扁啊....尤其是一整排出現(xiàn)的時(shí)候........><" step/30 在這裡進(jìn)行最後一個(gè)動(dòng)作..加粗邊效果(作輪廓剪影)。 1.先把人物輪廓線獨(dú)立一個(gè)副本。 2.將剛才填好色的人物圖案，每部份色塊皆複製一組到只有輪廓線的人物上。 3.仔細(xì)檢查色塊與輪廓線對(duì)齊與否。 4.檢查完畢，全選，融合全部物件。 5.記得要展開(kāi)。 step/31 1.在融合完畢後發(fā)現(xiàn)物件內(nèi)部有不完全的線條與節(jié)點(diǎn)，我的目的是只要輪廓剪影，所以必須把多餘的修掉(使用刪除描點(diǎn)工具)。 2.修正完成後，準(zhǔn)備把填色模式交換(之前是外框線條無(wú)填色，現(xiàn)在為了取得比人物外輪廓更大一圈的粗線，所以把剪影外框線條填色加粗即得)。 3.將剪影加粗到適當(dāng)粗細(xì)，並把內(nèi)部填入鮮豔色(藉此更清楚觀察外框線條粗細(xì)程度)。 4.將剪影外框移到底圖層，並移至人物原圖正下方，完成人物外框加粗的公作!!這樣的效果可以讓主體更為突顯，帶有漫畫(huà)的感覺(jué)，可以跟左側(cè)無(wú)外框粗線的人物比較兩者的效果差異。 呼呼~(yú)~ 完成了!!各位覺(jué)得如何呢?? 有值得參考的地方嗎??~~
打造精品設(shè)計(jì)版塊 締造靈性設(shè)計(jì)空間
[2 樓] | Posted: 2006-10-25 22:39