巧用AI設計創建一個樂高蝙蝠俠形象！

來源：學UI網 設計師：IX男神

今天和大家一起，用AI、運用簡單的幾何形狀，稍作調整，畫一款我平時常玩的樂高蝙蝠俠。

看到這張圖，別急著畫，先分析、分解，再一塊塊的畫，大致分為這六塊：

新建800 * 600px的畫布；Ctrl+k調整：網格線間隔：1px，次分割線：1；視圖菜單下：對齊網格。

Part1：先從簡單的腿開始

1.1建立100 * 16px的矩形，填充#53555E，描邊8px、#24252B。

1.2建立一個44 * 32 px矩形、填充#6D6F77，描邊 8px、#24252B；

建44 * 36px的矩形、填充#53555E，描邊 8 px厚、#24252B；

建44 * 20 px矩形、填充#6D6F77，描邊 8 px、#24252B。

將這三個矩形Ctrl+g打組，在複製（Ctrl+c，Ctrl+f）

1.3再建立一個16 * 36 px矩形、填充#6D6F77，描邊 8 px 、#24252B，把這兩條腿銜接起來。

Part2：畫身體（肌肉屬於小的細節裝飾、放到後面畫）

2.1建立108 * 12px的矩形，填充#6D6F77，描邊8px、#24252B，連接腿部。

2.2建立108 * 76 px矩形，填充#6D6F77，描邊8px、#24252B；直接選擇工具（A）、選中上面兩個錨點，分別向中間移動12px，再和上面建立的矩形合併形狀。

Part3：畫手

3.1選擇鋼筆工具(P)，並將顏色設置填充#53555E、描邊8px# 24252B，勾勒出手臂形狀、調整位置。

3.2建立20 * 16的px矩形作為手腕，填充#53555E、描邊8px#24252B，直接選擇工具（A）調整形狀如下圖所示：

3.3 36 * 36px的圓，填充#6D6F77，再用布爾運畫出手的形狀，再添加描邊#24252B。

3.4將左邊畫好的手臂打組，複製一份，對稱變換，移動到右邊，調整位置，手臂就畫好啦。

Part4：畫頭部（習慣按照樂高的結構來畫，想偷懶的可以不畫完整的頭部）

4.1和前面的步驟大同小異，都是由簡單的幾何形拼湊起來的。40 * 12px的長方形，填充#dda98c來當做頸部，描邊8 px、#24252B。

4.2新建一個76 * 64px的圓角16px的圓角矩形，填充#f9c9a9、描邊 8 px#24252B；再創建一個32 * 16px的矩形，填充#dda98c、描邊8 px#24252B，調整位置，作為頭部。

4.3刻畫臉部細節：主要用到橢圓工具和鋼筆工具，這裡就做詳細講解了，參照下圖：

Part5：給身體添加細節

身體這裡指的是上身，主要是胸口的標識和肌肉。

5.1創建 44 * 28 px的橢圓，填充#fccf4f，對齊，調整位置。

5.2布爾運算（不會的可以直接用鋼筆工具，勾勒出一半蝙蝠形狀，複製、對稱位置就得到左右一致的蝙蝠形狀）

5.3肌肉：用鋼筆工具勾勒出形狀，描邊4px、#24252B。

Part6：到拉風的斗篷了，小虎伴們再堅持一下就完工啦！

6.1首先創建一個256 * 320 px的橢圓，填充#393B42，居中對齊。

6.2布爾運算或者直接選擇工具（A）

6.3創建4個64 x 32 px橢圓(用紅色突出顯示)

6.4布爾運算，再描邊8px、#24252B，調整圖層先後順序。

Part7：畫面具

7.1創建一個84 * 92 px的矩形，填充#53555E，調整圓角如圖所示：

7.2兩個24 * 36px的矩形、填充#53555E，直接選擇工具（A）調整錨點，如圖所示：

7.3調整錨點的兩邊控制線，拉出弧度。

7.4花點時間，將面具中間挖空，露出下面的臉部細節。

7.5面具上加上4px、#24252B的線條，讓Batman更豐富一點。

一個完整的Batman形象就畫好了，如果可以，我們還可以為他加上背景。

有時間的小虎伴們，還可以按照畫Batman的方法，畫個小人。

原文網址：https://design.tutsplus.com/tutorials/how-to-create-a-lego-batman-figurine-in-adobe-illustrator–cms-30047

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！