效果圖：

主要過程：

第一步、創(chuàng)建一個正方形的熊

步驟1：打開AI，點擊【文件 > 新建（或CTRL+N）】，設置如圖：

然后使用【矩形工具（M）】創(chuàng)建一個和畫布一樣寬高的形狀，顏色ffe133，將它放置在畫布中間，然后按CTRL+2將它鎖定。

步驟2：現(xiàn)在我們開始繪制熊的頭部。

右擊【矩形工具（M）】，選擇【圓角矩形工具】創(chuàng)造出一個200×200像素、50圓角半徑的圓角矩形。

使用【漸變工具（G）】，在【漸變】面板中將角度調(diào)為-90°，顏色由cb99ff過渡到b26cd8，這時我們就得到了一個有著紫色漸變的圓角矩形。

步驟3：現(xiàn)在我們來做它的眼睛。

使用【橢圓工具（L）】，創(chuàng)造一個50×50像素的圓，切換到【填充工具（G）】，在【漸變】面板中將【類型】更改為【徑向】，添加一個由白色ffffff漸變到灰色e8e8e8的漸變，使眼球成型，如下圖。

現(xiàn)在我們來塑造虹膜。復制粘貼一個新的眼球（CTRL+C > CTRL+V），打開【變換】面板，將它的寬高調(diào)整為35×35 px。

使用【填充工具（G）】，填充一個由20dce5到00b0ba顏色的漸變，然后將它放置在眼球的中心。

再復制粘貼一個新的虹膜（CTRL+C > CTRL+V），打開【變換】面板，將它的寬高調(diào)整為25×25 px，填充深綠色0099a5，然后再用【橢圓工具（L）】在眼睛的左上部做一個12×12 px的白色小亮點，如下圖。

選中整個眼睛，再復制粘貼出一個新的眼睛，再選中這兩只眼睛，CTRL+G組合在一起，將它們放置在臉部的中心，blingbling的大眼睛就完成啦！

步驟4：

使用【橢圓工具（L）】做一個50×15像素大小的圓鼻子，選擇【漸變工具（G）】，給鼻子一個線性的漸變，角度為-90°，由ff78be過渡到ff445a，再在頂部制作一個35×8 px的橢圓，填充粉色ffb8e4，打開【透明度】面板，將它的【混合模式】調(diào)整為【柔光】，形成一個半透明的亮點。

步驟5：

下一步制作嘴巴。使用【圓角矩形工具】創(chuàng)建一個32×100像素、16圓角半徑的圓角矩形，描邊粗細2，描邊顏色9b3ecc，如下圖。

使用【直接選擇工具（A）】選擇這個圓角矩形的上部分、右部分，按ESC刪去，得到下圖中的樣子。

選擇剪刀工具（C），選擇紫色矩形與鼻子相交的點，按ESC刪去，得到下圖中的樣子。

打開【描邊】面板，將它的端點和邊角都設置為第二個，如下圖。

CTRL+C > CTRL+V復制一個新的嘴角，右鍵 > 變換 > 對稱，設置如圖：

調(diào)整一下得到嘴巴，然后CTRL+G組合嘴巴。

步驟6：

現(xiàn)在我們來添加耳朵。使用【橢圓工具（L）】，添加一個70×70像素的圓，填充顏色dc88ff。

再添加一個40×40像素的圓，用【漸變工具（G）】添加一個線性、角度135°、由dc92ff到c86cd8的漸變。

復制粘貼一個新的耳朵放置在頭的另一邊，漸變角度設置為45°，我們就得到耳朵啦。

步驟7：

使用【橢圓工具（L）】創(chuàng)建一個180×80像素的橢圓，填充白色ffffff，打開【透明度】面板，將它的混合模式調(diào)整為【柔光】，透明度為80%。

此時打開【圖層】面板，找到熊臉圖層，將它解鎖并復制一層，放置在同樣的位置。

打開【路徑查找器】面板，選中橢圓和剛剛復制的臉，在【路徑查找器】中選擇【交集】，如下圖。

熊熊做好啦！

第二步、創(chuàng)建一個正方形熊貓

步驟1：讓我們使用上一個已經(jīng)創(chuàng)建的熊圖標來創(chuàng)建這個新的熊貓圖標。

復制熊，改變臉的漸變?yōu)榘咨^渡到淺灰色，耳朵、鼻子的漸變從深灰色到一個非常深的灰色，調(diào)整嘴巴的顏色為粉紅色。

最后再調(diào)整眼睛、瞳孔的顏色，由淺棕色至深褐色漸變。（把握不好顏色的同學，可以從下圖中取色哦）

步驟2：添加眼睛周圍的黑色輪廓，使它看起來更像一個真正的熊貓。

使用【橢圓工具（L）】創(chuàng)建一個75×95像素的形狀，用【漸變工具（G）】添加深灰色的線性漸變。

旋轉(zhuǎn)約45度的形狀，打開【圖層】面板，將其放置在眼睛圖層的下方。

步驟3：

復制粘貼（CTRL+C >CTRL+V）黑眼圈，同樣水平翻轉(zhuǎn)到眼睛的另一側(cè)。超可愛的熊貓就完成啦！

第三步、創(chuàng)建一個正方形的浣熊

步驟1：現(xiàn)在讓我們復制熊貓圖標，將它變成一個可愛的浣熊圖標！

首先，改變頭部形狀的顏色，漸變由天藍色過渡到深藍色。（把握不好顏色的同學，可以從下圖中取色哦）

再改變眼睛的顏色為紅褐色，使用【矩形工具（M）】創(chuàng)建一個20×20像素的矩形，填充深灰色，描邊粗細2，旋轉(zhuǎn)45°，使用【直接選擇工具（A）】將其下半部分去掉，得到下圖中的樣子。

步驟2：現(xiàn)在我們來修改耳朵。

選擇外耳廓，用【錨點工具（SHIFT+C）】點擊最上面的錨點，將其轉(zhuǎn)換為尖耳朵，如下圖，內(nèi)耳廓也一樣轉(zhuǎn)換為尖的。

步驟3：

改變耳朵的顏色，使它看起來更協(xié)調(diào)，同時選中外耳廓和內(nèi)耳廓，旋轉(zhuǎn)45度，變成下圖中的樣子，然后復制粘貼一個它，水平翻轉(zhuǎn)，形成另一個耳朵。

步驟4：

選中黑眼圈，將它調(diào)整為暗藍色的微漸變。

在鼻區(qū)添加一個淺灰色的橢圓，放置在鼻子和嘴巴圖層的下方。小浣熊圖標就得到啦！

第四步、設計一個正方形的鸚鵡

步驟1：現(xiàn)在復制第一個圖標——熊，并用它來做一個有趣的鸚鵡圖標。

改變頭部的顏色，用淺綠色過渡到深綠色的線性漸變填充它。（把握不好顏色的同學，可以從下圖中取色哦）

刪除熊的耳朵和嘴巴，因為我們不再需要他們了。

現(xiàn)在改變眼睛的顏色為橙色，如下圖。

步驟2：

現(xiàn)在我們來把熊的鼻子變成鸚鵡的嘴！將它旋轉(zhuǎn)90度，運用【錨點工具（SHIFT+C）】選擇底部的節(jié)點，將它轉(zhuǎn)換為尖。

在【漸變工具（G）】中將漸變更改為黃色過渡到橙色。

步驟3：

使用【橢圓工具（M）】，添加4個15×40像素的橢圓，填充淺綠色，并改變【混合模式】為正片疊底，使它成為半透明的羽毛。

步驟4：現(xiàn)在我們來添加最后的細節(jié)。

使用【橢圓工具（M）】，添加一個40×70像素的形狀在中間的額頭上，填充淺綠色。

再添加兩個較小的橢圓放置在中間兩側(cè)，選中這三個形狀，在【路徑查找器】中選擇【聯(lián)集】，將它們合并在一起。

復制這個形狀，填充深綠色，將它放置在淺綠色形狀的下方，成為它的陰影，如下圖。

現(xiàn)在我們的鸚鵡圖標做好啦！

步驟5：

現(xiàn)在我們有了一組可愛的正方形動物圖標，我們將使用它們制作一個“消消樂”的游戲畫面，加油哦，馬上就要做出來啦，保持耐心！

第五步、設計一個消消樂的游戲屏幕

步驟1：

現(xiàn)在我們將背景形狀顏色改變?yōu)橐粋€溫柔的橙色，使用【圓角矩形工具】，創(chuàng)建一個415×600像素、20圓角半徑的圓角矩形，填充黃色。

步驟2：

復制這個圓角矩形，在【變換】面板中將它的寬高更改為365×550像素，填充顏色為深黃色。

再復制這個新形狀，并再次縮小至345×530像素，將顏色更改為和較大圓角矩形一樣的淡黃色。

最后，復制最大的圓角矩形，將它往下移動10個像素，并在【透明度】面板中改變其混合模式為正片疊底，形成一個微妙的陰影，游戲面板就出來啦。

步驟3：

使用【橢圓工具（L）】創(chuàng)建一個350×350像素的圓，將它放置在游戲屏幕和背景形狀之間，然后再添加更多的圓圈，覆蓋畫布的底部。

步驟4：

選擇一個淺綠色的色調(diào)，繼續(xù)使用【橢圓工具（L）】創(chuàng)建出更小、更輕的圓圈，描繪簡單的灌木叢，如下圖。

步驟5：

繼續(xù)使用相同的方法，添加畫布頂部的淺橙色圓圈，描繪出游戲屏幕中的云，如下圖。

步驟6：

現(xiàn)在我們可以開始把動物圖標放在游戲面板上了！

我們將圖標放置在游戲屏幕的最底排，并調(diào)整至相關(guān)大小，使他們適應游戲屏幕。

選中這排游戲圖標，將它們復制滿屏幕。

步驟7：現(xiàn)在我們可以隨機排列我們的圖標，打亂它們的順序，使它們看起來像一個真正的消消樂游戲畫面。

恭喜你完成了一項偉大的工作！你已經(jīng)有了一個自己制作的消消樂游戲畫面啦！

我希望你能喜歡這個教程，在這個教程中你會發(fā)現(xiàn)一些更有用的技巧，如漸變填充、各種轉(zhuǎn)換的操作，還有對色彩的捕捉能力。

那么，恭喜你完成了質(zhì)的飛躍！

相關(guān)教程推薦：

AI封套扭曲工具制作超炫的游戲海報招貼畫

AI制作精美的阿爾托的冒險游戲場景插畫教程

AI繪制漂亮的經(jīng)典游戲圖標詳解