效果圖：

主要過程：

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

步驟1：打開AI，點(diǎn)擊【文件 > 新建（或CTRL+N）】，設(shè)置如圖：

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

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

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

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

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

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

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

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

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

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

步驟4：

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

步驟5：

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

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

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

打開【描邊】面板，將它的端點(diǎn)和邊角都設(shè)置為第二個(gè)，如下圖。

CTRL+C > CTRL+V復(fù)制一個(gè)新的嘴角，右鍵 > 變換 > 對(duì)稱，設(shè)置如圖：

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

步驟6：

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

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

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

步驟7：

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

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

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

熊熊做好啦！

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

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

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

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

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

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

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

步驟3：

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

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

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

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

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

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

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

步驟3：

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

步驟4：

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

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

第四步、設(shè)計(jì)一個(gè)正方形的鸚鵡

步驟1：現(xiàn)在復(fù)制第一個(gè)圖標(biāo)——熊，并用它來(lái)做一個(gè)有趣的鸚鵡圖標(biāo)。

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

刪除熊的耳朵和嘴巴，因?yàn)槲覀儾辉傩枰麄兞恕?/p>

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

步驟2：

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

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

步驟3：

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

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

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

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

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

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

步驟5：

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

第五步、設(shè)計(jì)一個(gè)消消樂的游戲屏幕

步驟1：

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

步驟2：

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

再?gòu)?fù)制這個(gè)新形狀，并再次縮小至345×530像素，將顏色更改為和較大圓角矩形一樣的淡黃色。

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

步驟3：

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

步驟4：

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

步驟5：

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

步驟6：

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

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

選中這排游戲圖標(biāo)，將它們復(fù)制滿屏幕。

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

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

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

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

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

AI封套扭曲工具制作超炫的游戲海報(bào)招貼畫

AI制作精美的阿爾托的冒險(xiǎn)游戲場(chǎng)景插畫教程

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

最新評(píng)論