AI圖標(biāo)設(shè)計(jì)，用AI制作太陽系的行星圖標(biāo)

繪制過很多圖標(biāo)，我們本次來制作一下宇宙廣袤空間里的太陽系行星，用的是AI中最基礎(chǔ)的繪圖工具，那么我們是如何用基礎(chǔ)工具去繪制形態(tài)不同的行星呢？通過教程來學(xué)習(xí)一下，相信同學(xué)們就知道如何做，教程比較長，制作的時候要有耐心，希望同學(xué)們在制作當(dāng)中找到學(xué)習(xí)的樂趣，具體通過教程來操作一下吧。

效果圖：

m.theoat.com.cn

操作步驟：

一、設(shè)置新文檔

首先，打開文件>新建或使用Control-N快捷鍵創(chuàng)建新文檔，并進(jìn)行以下設(shè)置

畫板數(shù)量：1

寬度：800像素

高度：600像素

單位：像素

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

色彩模式：RGB

光柵效果：屏幕（72ppi）

選中對象與像素網(wǎng)格對齊

二、設(shè)置圖層

文檔建立后，進(jìn)行分層項(xiàng)目，這將通過關(guān)注一個圖標(biāo)來幫助我們保持穩(wěn)定的工作流程

因此，使用圖層面板，創(chuàng)建九個圖層，重新命名如下

第1層：reference grids參考網(wǎng)格

第2層：mercury水星

第3層：venus金星

第4層：earth地球

第5層：mars火星

第6層：jupiter木星

第7層：saturn土星

第8層：uranus天王星

第9層：neptune海王星

注意：在開始繪制圖像前，我們需要單擊眼睛圖標(biāo)旁的小圓圈（Toggles Lock）鎖定除我們當(dāng)前正在處理的圖層之外的所有圖層

三、設(shè)置自定義網(wǎng)格

進(jìn)入編輯>首選項(xiàng)>參考線和網(wǎng)格子菜單，并做如下調(diào)整

網(wǎng)格線：1px

細(xì)分：1

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

參考網(wǎng)格的建立可以方便我們繪制過程中觀察圖形的水平和對齊，網(wǎng)格的大小一般決定了圖標(biāo)的大小，每個圖標(biāo)的創(chuàng)建就是以參考網(wǎng)格為準(zhǔn)則

第1步

鎖定除參考網(wǎng)格之外的所有圖層，選擇矩形工具（M）繪制一個128×128像素的紅色（#F97373）方塊，定義圖標(biāo)的大小進(jìn)行調(diào)整

第2步

添加另一個較小的116×116px矩形（#F2F2F2），作為我們的活動繪圖區(qū)域，從而為我們提供6px的邊緣填充

第3步

使用Control-G快捷鍵將兩個矩形組合在一起，然后創(chuàng)建七個間隔40px的副本，將它們堆疊成兩行（每行四個），并與畫板中心對齊

五、創(chuàng)建默認(rèn)“空白”圖標(biāo)

正如預(yù)覽圖像中觀察的那樣，所有圖標(biāo)都遵循相似但不完全相同的構(gòu)圖或基礎(chǔ)，八個圖標(biāo)中存在一些共同的元素

這意味著我們可以構(gòu)建一個“空白”圖標(biāo)，然后我們可以通過添加或刪除其組成元素中的細(xì)節(jié)來創(chuàng)建剩余的圖標(biāo)，從而使創(chuàng)作過程非常方便快捷。

第1步

選擇第一個參考網(wǎng)格，放大（以便觀察），使用圓角矩形工具(M),創(chuàng)建一個22×14像素，7像素角半徑的形狀，顏色設(shè)置為#656370，定位在繪圖區(qū)域的左上角，左側(cè)留下6像素，頂部留下11像素的距離

注意：建議打開“像素預(yù)覽”模式（視圖>像素預(yù)覽>Alt-Control-Y），以便更輕松的根據(jù)基礎(chǔ)像素網(wǎng)格確定形狀

第2步

創(chuàng)建一個7px角半徑68×14px的圓角矩形（#656370），并將其放置在先前創(chuàng)建的形狀的右側(cè)，六處4px的間隙

第3步

創(chuàng)建云中間連接的形狀

首先，創(chuàng)建3px角半徑58×6px的圓角矩形，使用#656370進(jìn)行著色，然后兩個6×6px圓圈（用紅色突出顯示），使用路徑查找器里的減去功能對圓形進(jìn)行調(diào)整

第4步

將調(diào)整后的形狀放在先前創(chuàng)建的形狀下方，水平居中（對齊面板）

第5步

創(chuàng)建7px角半徑110×14px的圓角矩形#656370，將其放置在連接器的下方，將其對齊到可繪制區(qū)域的左側(cè)

第6步

添加86×6px的連接形狀，并將其放置在前一個形狀的下方，放置在可繪制區(qū)域右側(cè)14px的位置

第7步

使用圓角矩形工具，創(chuàng)建一個108×14像素7px角半徑的形狀，使用#656370進(jìn)行著色，將其放置在我們剛剛創(chuàng)建好的形狀下方，將其對齊到可繪制區(qū)域的右側(cè)

第8步

留出6px間隙，添加一個90×14px、7px角半徑的圓角矩形（#656370），然后再繪制一個18×14px的圓角矩形（#656370），將它們之間的距離調(diào)整為4像素，并將它們對準(zhǔn)到可繪制區(qū)域的左側(cè)

第9步

創(chuàng)建一個52×6px連接形狀，使用#656370進(jìn)行著色，并將其放置在我們前一步創(chuàng)建的形狀下方（朝向右側(cè)），放置在距離右側(cè)32px的位置

第10步

創(chuàng)建一個76×14、7px角半徑的圓角矩形（#656370），將它放置在第三個連接形狀的下方，距離可繪制區(qū)域右側(cè)6px

第11步

使用橢圓工具（L），創(chuàng)建一個16×16像素的圓圈，使用#e2d388進(jìn)行著色，然后將其放置在背景的左上角，距離可繪制區(qū)域頂部5px的位置

第12步

制作它的副本（Control-C> Control-F），然后對其應(yīng)用-2px位移，為我們剛剛創(chuàng)建的小太陽添加一個微妙的高光（選擇副本并選擇對象>路徑>偏移路徑> - 2 px），然后選擇路徑查找器的減去功能

第13步

選擇生成的形狀并將其顏色更改為白色（#FFFFFF），將其混合模式更改為柔光，將不透明度更改為80%

第14步

添加高光后，使用4像素偏移為太陽提供外部陰影（選擇黃色形狀并選擇“對象”>“路徑”>“偏移路徑”> 4像素）

使用黑色（#000000）為生成的形狀著色，并將其不透明度降低至10%

完成后，選擇所有三個形狀（陰影，黃色和高光）并使用Control-G快捷鍵對他們進(jìn)行分組