編者按：今天我們的教程，要從呆萌的青蛙柯密特說起，教程利用簡(jiǎn)單的形狀和工具就可以完成，最后給大家展示如何一秒變色，教程有點(diǎn)難度的地方都有譯者注解，童鞋們可以放心打開軟件練習(xí)啦！

在這個(gè)教程中，我將在AI中用簡(jiǎn)單的形狀和工具來繪制一只青蛙柯密特（在墨西哥被稱作"La Rana René"）。我也會(huì)給大家展示如何一秒鐘變色！讓我們開始吧！

一、繪制草圖

第1步

在圖層面板新建一個(gè)圖層。頂層用來繪制圖像 （重命名為"Draw"），底層用來繪制草圖 （重命名為"Sketch"）

第2步

用融合筆工具（Shift + B）在 "Sketch"圖層中來畫一個(gè)草圖。如果你有數(shù)位板的話會(huì)容易很多，如果沒有平板，你也可以用鉛筆勾勒一個(gè)草圖，然后用攝像頭拍下來或是把它掃描進(jìn)去。 不用畫太多細(xì)節(jié)，只需注意比例和構(gòu)成，之后你可以進(jìn)行任何必要的調(diào)整。

第3步

把草圖的不透明度調(diào)整為40%并鎖住“Sketch”圖層。

二、畫頭

第1步

柯密特的頭是一個(gè)正圓，所以選擇橢圓工具（L），按住Shift鍵，畫一個(gè)正圓。

第2步

嘴的部分我們先畫一個(gè)橢圓，再進(jìn)行其他的調(diào)整。

第3步

現(xiàn)在我們來分解嘴巴部分的形狀：

? 復(fù)制上一步繪制的橢圓，將復(fù)制的橢圓置于原橢圓的下方。（a）

? 選中兩個(gè)橢圓，選擇路徑尋找器面板中的交集（b）

? 使用直接選擇工具（A），選擇錨點(diǎn)，上/下拖動(dòng)，增加曲線的彎曲度。（c）

? 復(fù)制（Control + C），粘貼到最前面 （Control + F）, 選擇橡皮擦工具（Shift + E）， 按住Alt鍵拖出一個(gè)矩形框，從而擦掉復(fù)制圖形的上半部分。（d）

? 用橢圓工具（L）畫一個(gè)正圓并把它放在中間直線的中央（e）

? 選中正圓和（d）中復(fù)制的橢圓，選擇路徑尋找器面板中的交集，得到一個(gè)半圓。（f）

第4步

現(xiàn)在來畫眼睛。畫一個(gè)橢圓，將其旋轉(zhuǎn)45度。 用融合筆工具（Shift + B），沿著橢圓的左上方畫一條線，然后再畫一根垂直線，與前一根線構(gòu)成一個(gè)十字。選中這個(gè)十字和橢圓，選擇路徑尋找器面板中的交集。

第5步

復(fù)制眼睛，水平翻轉(zhuǎn)。將復(fù)制的眼睛放置到頭的另一側(cè)，如下圖。

三、繪制脖子和身體

第1步

用矩形工具（M）和三角形來繪制脖子。按照下面的步驟進(jìn)行繪制。

第2步

身體部分十分簡(jiǎn)單：

? 用圓角矩形工具畫一個(gè)圓角矩形（a）

? 選擇橡皮擦工具（Shift + E），按住Alt鍵拖出一個(gè)矩形框，從而擦除形狀的底端部分。（b）

? 用直接選擇工具（A）選擇下方的錨點(diǎn)，選擇縮放工具（S），像圖中那樣調(diào)整節(jié)點(diǎn)。（c）

第3 步

我們的柯密特已經(jīng)基本成形啦！現(xiàn)在，讓我們?yōu)樗由鲜直酆蜆?biāo)語。

四、繪制手臂和標(biāo)語

第1步

我們用圓角矩形的角來繪制手臂。刪除左上角的路徑（可用路徑橡皮擦工具，譯者注），加粗描邊，然后選擇對(duì)象>擴(kuò)展。

第2步

手掌的繪制也從一個(gè)圓角矩形開始（a）。選擇直線工具 （\） ，繪制一根斜線 （b） ，用鏡像工具（O）復(fù)制出另一根手指（c）（選中手指，選擇鏡像工具，按住Alt鍵單擊手指下端的錨點(diǎn)，彈出窗口，選擇垂直，單擊復(fù)制。譯者注），繪制中間的手指（d），用鋼筆工具（P）畫一根彎曲的線作為拇指（e）。最后， 擴(kuò)展手指（f），選中整個(gè)手掌，選擇路徑尋找器面板中的合集。

第3步

把繪制好的手臂和手掌移動(dòng)到合適的位置，柯密特已經(jīng)看起來越來越完整啦。下一步添加標(biāo)語。

第4步

跟著下面的圖解來繪制絲帶形狀。之后用文字工具（T）來添加文字。 我用的字體是AI自帶的"Myriad Pro"。將文字轉(zhuǎn)換為輪廓 （Control + Shift + O） ，（右鍵，ungroup，譯者注）然后用直接選擇工具（A）給字母"R" 和"A" 變形。

如果你不知道哪里有高質(zhì)量英文字體，趕緊戳：《字體福利！23款新鮮高品質(zhì)字體打包下載》

第5步

現(xiàn)在初步繪制工作就完成了，可以開始上色和刻畫細(xì)節(jié)了。

五、上色和細(xì)節(jié)刻畫

第1步

這是我們即將要用到的調(diào)色板。我制作了一些方形色塊并把它們放在柯密特旁邊。

第2步

在接下來的步驟中，用吸管工具（I），吸取左邊的顏色給形狀上色。

第3步

利用復(fù)制形狀和路徑尋找器面板，按下面的位置給圖像添加陰影，用橢圓工具繪制圓給手肘添加關(guān)節(jié)，給上嘴唇添加高光。

第4步

鎖住包含標(biāo)語的圖層（Ctrl+2）。用直線工具 （\） 在圖的中央畫一條線。選擇路徑尋找器面板中的分割。

第5步

用直接選擇工具（A）選擇圖像的一半，選擇重新著色圖稿。

第6步

在重新著色圖稿面板中，單擊編輯， 把小鏈子選中，從而同時(shí)改變所有顏色。填入數(shù)值H:10, S: 70, B: 80。

大功告成！

希望大家在繪制的過程中能學(xué)到了很多小技巧。回見！

想學(xué)步驟簡(jiǎn)單效果還很贊的教程？看這邊！

論人工降雨最簡(jiǎn)單快捷的方法！
《PS新手教程！簡(jiǎn)單幾步給相片加上效果逼真的雨絲效果》

成功將女友變成前任的簡(jiǎn)易教程！
《PS新手教程！教你簡(jiǎn)單9步創(chuàng)建超有質(zhì)感的人像》

很火的攝影效果，現(xiàn)在用后期也可以輕松搞定！
《PS教程！教你簡(jiǎn)單8步打造雙重曝光效果》

原文地址：design.tutsplus
優(yōu)設(shè)網(wǎng)翻譯：@葶蓂溪畔的幽靈公主

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

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

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(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ì)微博：擁有粉絲量76萬的人氣微博@優(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
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：