編者按：超好玩的真人變Q版過程全揭秘！這類效果看著非常高大上，學(xué)會(huì)了其實(shí)非常簡單，而且對(duì)手繪功底要求也不高，只要掌握一定的技巧，就可以快速創(chuàng)造出一個(gè)蠢萌蠢萌的Q版卡通形象，跟著@杏仁設(shè)計(jì)?一起來試試！

此教程分三部分：構(gòu)思制作&動(dòng)作變化&運(yùn)用場景

第一部分：將真人繪制成Q版

我先來說一下畫Q版之前的構(gòu)思，畫前要先仔細(xì)觀察照片上人物的特征。BATMAN的特征：面罩、胸口的蝙蝠、腰帶

抓住特征之后就可以進(jìn)行修飾與變化了。畫的時(shí)候要注意兩點(diǎn)：一方面：Q版應(yīng)該避免一些復(fù)雜的東西，將之簡化。另一方面：Q版的比例把握非常重要。

頭部：把腦袋放大到離譜是Q版的共性；人物的表情體現(xiàn)人物性格，所以蝙蝠俠用一本正經(jīng)的表情最為適合，然后再配上這樣的身材就有了強(qiáng)烈的反差萌感！頭部大致和身體是1:1大小。

身體：身體的造型比例太大太小都不適合，我習(xí)慣把人物身材畫得較為肥美，肉多更有質(zhì)感！身體上窄下寬像穿尿布一樣的設(shè)定，讓人物有了蠢萌的氣質(zhì)！身體大致和頭部是1:1大小。

手部：位置大概到肚臍，手指可以忽略，或畫得很小。

腿部：比手臂略粗，占身體比例3分之2。

第1步 根據(jù)照片畫草圖

剛畫出來的草圖因?yàn)橹髸?huì)經(jīng)過細(xì)節(jié)修改，所以只要大體形出來就OK了。

第2步 細(xì)化草圖

我習(xí)慣按照之前畫的草圖再重新畫一張，這步需要對(duì)細(xì)節(jié)處理得稍微用點(diǎn)心，在草圖的基礎(chǔ)上進(jìn)行美化并添加細(xì)節(jié)。

第3步 勾線

我一般會(huì)使用針管筆進(jìn)行勾線，勾線的時(shí)候注意線條的流暢，盡可能避免扭曲與抖動(dòng)的線條。（扭曲抖動(dòng)的線條表現(xiàn)可以用在別的地方，但Q版實(shí)在不適合）

第4步 細(xì)化勾線稿

細(xì)化勾線稿就是將該填滿顏色的地方填滿，可以再添加些細(xì)節(jié)增加畫面感，然后描邊的粗細(xì)可以根據(jù)個(gè)人喜好。（我之后會(huì)用描粗邊的圖做示范）

以上，紙上作畫部分全部完成。

第5步 將圖片變成矢量圖

1、手機(jī)拍照發(fā)到電腦，放進(jìn)AI

2、點(diǎn)擊“圖像描摹”

3、點(diǎn)擊“擴(kuò)展”

“圖像描摹”在哪里？

首先要點(diǎn)擊選中圖片，不然無法點(diǎn)擊“圖像描摹”

接著，還有兩種方式可以找到它，方式1：AI上方菜單“對(duì)象——圖像描摹”

方式2：AI上方工具欄，“不透明度”的左邊有個(gè)“蒙板”

“蒙板”的左邊就是“圖像描摹”

“擴(kuò)展”在哪里？

此時(shí)，你還是要點(diǎn)擊選中你已經(jīng)描摹好的圖片，不然也無法找到“擴(kuò)展”。

接著，同樣也有兩種方式可以找到它。

方式1： AI上方菜單“對(duì)象——擴(kuò)展”

方式2： AI上方工具欄直接找到“擴(kuò)展”

“擴(kuò)展”后，讓圖片“取消編組”，你就可以隨意刪除不需要的部分了。

第6步 填色

“取消編組”后的圖片是可以隨意填色的，填色由個(gè)人喜好而定，比較隨性，如果參考的照片配色本來就很贊的話就可以用吸管工具吸取照片上的顏色。當(dāng)然自己配色的話是最棒的！

配色的時(shí)候要注意色調(diào)（冷暖色調(diào)），盡可能保持色調(diào)統(tǒng)一；另外顏色多是可以增添畫面活力的，但是也很難把控，使用不當(dāng)就會(huì)讓畫面看上去太過花哨，所以剛開始的時(shí)候用一些簡單的顏色就行；由于蝙蝠俠的顏色與背景顏色差異較大，所以用褲帶的黃色與背景相呼應(yīng)，不至于人物與背景脫節(jié)。

Q版樣式不一，完全可以根據(jù)自己的喜好來作畫。

下面我另外畫了一些其它形式的Q版。

第二部分：Q版動(dòng)作設(shè)計(jì)

Q版人物的形象已經(jīng)出來了，接著來為他們?cè)O(shè)計(jì)些靈動(dòng)的動(dòng)作。

第1步 網(wǎng)上找圖片素材

該設(shè)計(jì)些什么動(dòng)作呢？

其實(shí)沒什么好糾結(jié)的！網(wǎng)上找些有趣的圖片，參考一下即可。自己做練習(xí)完全可以畫些有趣的東西，太刻板的東西過于乏味，缺少畫下去的欲望。

然后我在網(wǎng)上找了這些動(dòng)作的圖片：

第2步 繪制草圖

我從前面找的6張圖片中挑了4個(gè)動(dòng)作來做范例，與之前相同，先把這些動(dòng)作畫出大致的草圖。草圖隨性一些即可，只需將動(dòng)作意思表達(dá)出來，效果就達(dá)到了。

第3、4、5、6步

接下來的第3步細(xì)畫草圖、第4步勾線、第5部細(xì)化勾線稿、第6部將圖片變成矢量圖，詳情在上一篇中可找到

第7步 填色

將以上省略的步驟完成之后，就可以填色了。

第三部分：場景運(yùn)用

辛辛苦苦畫出來的Q版人物形象，不能讓它白白只是作為練習(xí)浪費(fèi)了！要想辦法把它用進(jìn)生活中。我絞盡腦汁想到了以下這些方案。

相信明眼人已經(jīng)看出來了，這其中壁紙是最實(shí)惠的！沒錯(cuò)！像我這樣的窮人已經(jīng)這么干了，把自己的畫作為手機(jī)壁紙不但不花錢還會(huì)有一種成就感，特別有意義！胸章和T恤對(duì)我而言太奢華了。

其他方案展示：

大家也動(dòng)手來畫一畫吧！

【Get更多教程】關(guān)注作者微信公眾號(hào)：xr-design，周二晚8點(diǎn)不定期更新，微課同聲傳教。

?「優(yōu)設(shè)熱門教程合集」

1. 《萌系PS教程！手把手教你打造Q版的個(gè)人頭像》
2. 《這效果超火！手把手教你將照片PS成熱門漫畫人物趙石》
3. 《請(qǐng)收下我的膝蓋！教你四步把真人照片處理成GTA 5的風(fēng)格》

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量160萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com