新手教程！手把手教你用AI繪制呆萌的青蛙柯密特

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

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

一、繪制草圖

第1步

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

第2步

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

第3步

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

二、畫頭

第1步

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

第2步

嘴的部分我們先畫一個橢圓，再進行其他的調整。

第3步

現在我們來分解嘴巴部分的形狀：

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

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

? 使用直接選擇工具（A），選擇錨點，上/下拖動，增加曲線的彎曲度。（c）

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

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

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

第4步

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

第5步

復制眼睛，水平翻轉。將復制的眼睛放置到頭的另一側，如下圖。

三、繪制脖子和身體

第1步

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

第2步

身體部分十分簡單：

? 用圓角矩形工具畫一個圓角矩形（a）

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

? 用直接選擇工具（A）選擇下方的錨點，選擇縮放工具（S），像圖中那樣調整節點。（c）

第3 步

我們的柯密特已經基本成形啦！現在，讓我們為它加上手臂和標語。

四、繪制手臂和標語

第1步

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

第2步

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

第3步

把繪制好的手臂和手掌移動到合適的位置，柯密特已經看起來越來越完整啦。下一步添加標語。

第4步

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

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

第5步

現在初步繪制工作就完成了，可以開始上色和刻畫細節了。

五、上色和細節刻畫

第1步

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

第2步

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

第3步

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

第4步

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

第5步

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

第6步

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

大功告成！

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

想學步驟簡單效果還很贊的教程？看這邊！

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

成功將女友變成前任的簡易教程！
《PS新手教程！教你簡單9步創建超有質感的人像》

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

原文地址：design.tutsplus
優設網翻譯：@葶蓂溪畔的幽靈公主

本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量76萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：