AI圖標(biāo)制作，用AI創(chuàng)建一款趣味性圖標(biāo)(4)

本篇教程通過AI創(chuàng)建一款趣味性圖標(biāo)，圖標(biāo)制作起來過程比較詳細(xì)，一般圖標(biāo)教程大都比較長，我們可以根據(jù)實(shí)際情況來進(jìn)行制作，具體教程還需要同學(xué)們親自來制作一下才可以，圖標(biāo)制作還是比較有趣的，同學(xué)們一起來學(xué)習(xí)一下吧。

效果圖：

操作步驟：

設(shè)置新文檔

首先我們需要創(chuàng)建新文檔（文件>新建或控制-N），然后進(jìn)行以下設(shè)置調(diào)整：

畫板數(shù)量：1

寬度：800像素

高度：600像素

單位：像素

進(jìn)入“高級”選項(xiàng)卡：

色彩模式：RGB

柵格效果：屏幕（72 ppi）

建立圖層

打開“圖層”面板，我們創(chuàng)建五個圖層，將其命名如下：

第1層>參考網(wǎng)格

第2層>可見性

第3層>指紋掃描

第4層>隱身模式

第5層>安全鎖

創(chuàng)建參考網(wǎng)格

一旦我們完成了的項(xiàng)目文件的分層，我們就可以開始創(chuàng)建參考網(wǎng)格了，這將有助于我們通過觀察水平和大小來編輯我們的圖標(biāo)。

第1步

選擇矩形工具（M）并創(chuàng)建一個64 x 64像素的正方形，使用＃F15A24進(jìn)行著色，然后使用“對齊”面板的“水平和垂直對齊中心”選項(xiàng)將其定位到畫板的中心。

第2步

創(chuàng)建另一個較小的56 x 56像素正方形（#FFFFFF），將它作為繪圖區(qū)域，同時繪制4 px輪廓。將兩個正方形（Control-G）進(jìn)行分組，然后創(chuàng)建三個副本（Control-C>Control-F三次），將它們與原始距離保持28 px。將所有網(wǎng)格都放置好后，進(jìn)行分組（Control-G）然后將它們居中對齊到底層的畫板，如參考圖像中所示。

第3步

一旦完成畫板和繪圖區(qū)域的創(chuàng)建以及參考網(wǎng)格，就可以鎖定它們的圖層，然后繼續(xù)下一步。

創(chuàng)建可見性圖標(biāo)

跳轉(zhuǎn)到第一個繪圖區(qū)域我們開始繪制第一個可見性圖標(biāo)

第1步

使用橢圓工具（L），創(chuàng)建一個56 x 56像素的圓，使用＃3A2F2E進(jìn)行著色，然后將中心對齊到下面的繪圖區(qū)域，如參考圖像中所示。

第2步

使用36 x 24 px橢圓添加眼睛的主要形狀，使用#FFFFFF顏色，然后將中心對齊到較大的圓圈。

第3步

通過直接選擇它來調(diào)整我們剛剛創(chuàng)建的形狀，然后使用錨點(diǎn)工具（Shift-C）選擇它的左右錨點(diǎn)使它們變得尖銳。

第4步

使用16 x 16 px圓圈創(chuàng)建眼球，使用＃EABD63進(jìn)行著色，然后定位到我們剛剛調(diào)整過的形狀的中心。

第5步

使用8 x 8 px圓圈添加瞳孔，使用＃3A2F2E進(jìn)行著色，然后將中心對齊到較大的圓圈。

第6步

打開像素預(yù)覽模式（Alt-Control-Y），然后使用4 x 4 px圓圈（＃EABD63）創(chuàng)建覆蓋虹膜右下角的小圓形切口，移動到參考圖中看到的位置。

第7步

完成圖標(biāo)，通過使用4 x 4 px圓（#FFFFFF）添加圓形高光，我們將定位到參考圖像中看到的虹膜的左上角。完成后，關(guān)閉像素預(yù)覽模式（Alt-Control-Y），然后使用Control-G鍵盤快捷鍵選擇并分組所有光圈組成形狀。

第8步

完成圖標(biāo)處理后，您可以選擇并將（Control-G）所有組成部分組合在一起，確保鎖定其圖層，然后再轉(zhuǎn)到下一個圖層。

創(chuàng)建指紋掃描圖標(biāo)

假設(shè)你已經(jīng)完成了第一個圖標(biāo)，那我們就可以轉(zhuǎn)到下一個圖層（第三個圖層），我們將逐步構(gòu)建第二個圖標(biāo)。

第1步

首先使用56 x 56 px圓圈添加背景，使用＃3A2F2E對其進(jìn)行著色，然后將其中心對齊到第二個活動繪圖區(qū)域.

第2步

創(chuàng)建好背景之后，我們創(chuàng)建一個24 x 30像素2 px輪廓的矩形，使用＃EABD63對其進(jìn)行著色，然后將中心對齊到較大的圓圈。

第3步

通過在“變換”面板的“矩形屬性”中將其頂角的半徑設(shè)置為12 px，調(diào)整我們剛剛創(chuàng)建的形狀。

第4步

打開“像素預(yù)覽”模式（Alt-Control-Y），然后使用“添加錨點(diǎn)工具”（+）在距離左圓角底部4 px處添加新錨點(diǎn)。

第5步

使用直接選擇工具（A）選擇它的左下角錨點(diǎn)調(diào)整形狀，然后按刪除它，繪制一個弧形圖案。

第6步

使用直接選擇工具（A）選擇其錨點(diǎn)，然后使用“移動”工具（右鍵單擊>“變換”>“移動”>“垂直”>將其按4 px的距離推到頂部，縮短生成的路徑右側(cè)的長度-4像素或使用方向箭頭鍵）。

第7步

繪制2 px輪廓（＃EABD63）16 x 26 px大小矩形創(chuàng)建指紋的下一個線段，通過在“變換”面板的“矩形屬性”中將其頂角的半徑設(shè)置為8 px來進(jìn)行調(diào)整。完成后，將結(jié)果形狀定位在參考圖像中。

第8步

通過在距離左圓角的底部點(diǎn)4 px處添加新錨點(diǎn)來調(diào)整生成的形狀，移除左下角的錨點(diǎn)，就像我們繪制較大的形狀所做的那樣。

第9步

聯(lián)合兩個路徑的左端ctrl-J鍵盤快捷鍵，選擇它們之后使用直接選擇工具（A），使用實(shí)時角落工具設(shè)定所得角內(nèi)部半徑2像素。

第10步

創(chuàng)建2 px輪廓（#FFFFFF）的8 x 20 px矩形，將其頂角的半徑設(shè)置為4 px，在距離左邊2 px處添加新的錨點(diǎn)角落的底點(diǎn)。像我們對前面的線段所做的那樣移除左下方的錨點(diǎn)，將結(jié)果形狀定位在參考圖像中。

第11步

選擇鋼筆工具（P），并使用參考圖像作為參考繪制白色路徑的水平線段。完成之后再進(jìn)行下一步操作。

第12步

將其頂角的半徑設(shè)置為6 px，將其底部的半徑設(shè)置為14 px來調(diào)整生成的形狀。

第13步

創(chuàng)建“J”形2 px的線條（#FFFFFF），放置在與我們剛剛完成調(diào)整的形狀之間保持2 px的位置。完成后，關(guān)閉像素預(yù)覽模式（Alt-Control-Y），然后使用Control-G鍵盤快捷鍵選擇并將所有指紋的組成線組合在一起。

第14步

接下來，創(chuàng)建一個12 x 12像素的圓圈，使用＃EABD63進(jìn)行著色，然后將中心對齊到指紋的下邊緣。

第15步

使用2 px的線條（＃3A2F2E）繪制小型對號來完成圖標(biāo)，我們將其定位到上一步中較小圓圈的中心。完成后，選擇并將兩者組合在一起（Control-G），然后對所有組成形狀執(zhí)行相同操作。

創(chuàng)建隱身模式圖標(biāo)

進(jìn)入第四個圖層，放大繪圖區(qū)域進(jìn)行隱身模式圖標(biāo)的繪制

第1步

首先使用56 x 56 px的圓創(chuàng)建背景，我們將使用＃3A2F2E進(jìn)行著色，然后將中心對齊到第三個繪圖區(qū)域。

第2步

創(chuàng)建兩個8 x 8 px大小2 px輪廓的圓圈（＃EABD63）創(chuàng)建眼鏡框，將彼此間隔調(diào)整為4 px，確保將它們定位在距離繪圖區(qū)域的底部邊緣16px的位置。

第3步

創(chuàng)建6 x 6 px大小2 px厚的圓圈（＃EABD63）添加將兩個圓圈連接在一起的橋接部分，將它放置在參考圖像中的位置。

第4步

使用直接選擇工具（A）選擇其底部錨點(diǎn)來調(diào)整較小的圓，然后通過按Delete刪除它。完成后，選擇并將所有三個部分組合在一起（Control-G），然后再繼續(xù)下一步。

第5步

使用圓角矩形工具繪制1 px輪廓36 x 2 px大小圓角矩形（#FFFFFF）創(chuàng)建帽子邊緣，將居中對齊到下面眼鏡2px的位置。

第6步

創(chuàng)建20 x 10 px矩形（#FFFFFF）創(chuàng)建帽子部分，我們將其放置到上一個形狀的頂部。

第7步

通過在“變形”面板的“矩形屬性”中將其頂角的半徑設(shè)置為2 px來調(diào)整帽子頂部。

第8步

使用添加錨點(diǎn)工具（+）將新錨點(diǎn)添加到其上邊緣的中心來繼續(xù)調(diào)整生成的形狀，然后我們將其向下推動2 px的距離（右鍵單擊>變換>移動>垂直> 2像素或使用方向箭頭鍵）。

第9步

使用直接選擇工具（A）選擇其頂部和中心錨點(diǎn)來調(diào)整表冠上部的曲率，使用平滑工具，調(diào)整出一個良好的彎曲過渡。

第10步

創(chuàng)建4 x 4 px正方形（＃3A2F2E）添加帽子上的小細(xì)節(jié)，我們將通過在其頂部邊緣的中心添加新錨點(diǎn)然后將其推到底部2 px（右鍵單擊）進(jìn)行調(diào)整>變換>移動>垂直> 2像素或使用方向箭頭鍵）。完成后，將圖形定位到參考圖像的位置。

第11步

創(chuàng)建2 x 12 px矩形（＃EABD63）添加小邊細(xì)節(jié)來完成圖標(biāo)，通過“變換”面板的“矩形”屬性中將其左上角和右下角的半徑設(shè)置為2 px來進(jìn)行調(diào)整。將生成的形狀放置在帽子的右側(cè)，距離底部帽子邊緣2 px，使用Control-G鍵盤快捷鍵選擇并分組所有形狀。

創(chuàng)建安全鎖圖標(biāo)

接下來我們創(chuàng)建最后一個安全鎖圖標(biāo)，選擇最后一個畫板放大繪圖區(qū)域進(jìn)行下一步操作。

第1步

首先創(chuàng)建56 x 56 px圓（＃3A2F2E）作為背景，將其對齊到下面的繪圖區(qū)域。

第2步

開始繪制安全鎖時，首先創(chuàng)建24×20像素2 px角半徑的圓角矩形（＃EABD63）創(chuàng)建安全鎖下部主體形狀，我們將它放置在距離繪圖區(qū)域的底部邊緣12px的位置。

第3步

使用8 x 8 px圓圈添加鍵孔的圓形部分，使用＃3A2F2E進(jìn)行著色，然后將其放置在距前一個形狀頂部邊緣4 px的位置。

第4步

使用4 x 8 px矩形（＃3A2F2E）創(chuàng)建孔的下部，調(diào)整“變換”面板的“矩形屬性”中將其底角的半徑設(shè)置為2 px。完成后，將生成的形狀放在圓圈的下半部分，使用Control-G鍵盤快捷鍵選擇并將兩者組合在一起。

第5步

創(chuàng)建四個2 x 2 px圓圈添加小螺栓，使用＃3A2F2E進(jìn)行著色，然后定位到距離安全鎖四個角角2 px的位置，如參考圖像所示。準(zhǔn)備就緒后，在繼續(xù)下一步之前，選擇并將（Control-G）所有當(dāng)前部分的組成形狀組合在一起。

第6步

創(chuàng)建鎖環(huán)，使用14×11像素大小2像素輪廓的矩形（#FFFFFF）調(diào)整頂部邊角的半徑至7像素，確保選擇并刪除其右下錨點(diǎn)。然后將邊角設(shè)置為圓角，定位到鎖身，如參考圖像中所示。將形狀放置到位后，使用Control-G鍵盤快捷鍵選擇并組合鎖的所有形狀。

第7步

完成圖標(biāo)，以參考圖像為標(biāo)準(zhǔn)，創(chuàng)建六個2 px粗的線條（#FFFFFF）給安全鎖添加細(xì)節(jié)裝飾。完成后，選擇并分組（Control-G）所有圖標(biāo)的組成形狀。

這樣我們的安全主題系列圖標(biāo)就完成了！

圖標(biāo)制作就完成了，一起來學(xué)習(xí)一下吧。