AI圖標設計，用AI中的基本工具制作時尚配件的小圖標

本篇教程通過AI制作一款時尚配件圖標，圖標中的物件有我們日常的穿搭，比如眼鏡、包包、鞋子等，我們可以通過自己的雙手把這些小物件給一一做出來，教程是是翻譯教程，整個文章給出了詳細的中文解釋，同學們可以根據(jù)具體教程進行制作，具體我們通過教程來學習一下吧。

效果圖：

tgudhdp.cn

操作步驟：

1.如何設置新的項目文件

運行Illustrator，創(chuàng)建新文檔（文件>新建或控制-N）并進行以下設置：

畫板數(shù)量：1

寬度：800像素

高度：600像素

單位：像素

進入“高級”選項卡：

色彩模式：RGB

光柵效果：屏幕（72ppi）

預覽模式：默認

2.設置自定義網格

使用編輯>首選項>指南和網格子菜單，然后調整以下設置：

網格線：1 px

細分：1

3.設置圖層

創(chuàng)建新文檔后，接下來我們開始創(chuàng)建圖層。打開“圖層”面板，創(chuàng)建五個圖層，將它們重命名如下：

第1層：參考網格

第2層：眼鏡

第3層：皮包

第4層：鞋子

第5層：腕表

創(chuàng)建參考網格

通常，網格的大小決定了圖標的實際大小，網格的使用也方便我們控制水平方向和調整圖標大小。

第1步

首先鎖定除“參考網格”圖層以外的所有圖層，然后選擇矩形工具（M）并創(chuàng)建一個128 x 128像素的橙色（#F15A24）方塊，定義圖標的大小。

第2步

創(chuàng)建一個較小的120 x 120 px（#FFFFFF）矩形，將其放置在前一個形狀的頂部，將它作為我們的繪圖區(qū)域，并創(chuàng)建4 px的輪廓。

第3步

使用Control-G鍵盤快捷鍵選擇兩個正方形并將它們組合在一起，然后將它們居中對齊到底層的畫板。創(chuàng)建三個副本（Control-C> Control-F三次）創(chuàng)建剩余的畫板，將它們之間的距離調整為40 px，鎖定當前圖層，然后再進行下一步。

創(chuàng)建眼鏡圖標

第1步

我們首先進入眼鏡的左側部分工作。使用44 x 44像素橢圓創(chuàng)建鏡片，并進行著色#6FD8C4，然后將其定位在距繪圖區(qū)域左邊緣10 px的位置，距離頂部邊緣18 px的位置。

第2步

使用描邊給我們剛剛創(chuàng)建輪廓添加形狀，然后創(chuàng)建它的副本（Control-C），將在它們粘貼到鏡片前面（Control-F），然后給剛剛創(chuàng)建的副本填充（Shift-X）顏色#3D2F2C，將其權重設置為4像素。完成后，使用Control-G鍵盤快捷鍵選擇并將兩個形狀組合在一起，然后再繼續(xù)下一步。

第3步

打開像素預覽模式（Alt-Control-Y）使用鋼筆工具（P）#3D2F2C以下面圖像為參考繪制左端鏡框，確保它與圓圈的左上角重疊。一旦調整好形狀，返回默認預覽模式（Alt-Control-Y），然后再繼續(xù)下一步。

第4步

右鍵單擊>排列>發(fā)送至下一層，將生成的形狀置于較大鏡片的下方。

第5步

創(chuàng)建一個8 x 16 px矩形（#3D2F2C）開始制作鏡頭的內部形狀，將其放置到鏡片的上半部分，并確保將其與右邊緣對齊。

第6步

在“變換”面板的“矩形屬性”中將矩形右上角的半徑設置為4 px。完成后，不要忘記將結果形狀發(fā)送到鏡頭下方（右鍵單擊>排列>發(fā)送到后面），選擇并將所有這些形狀組合在一起（Control-G），然后再繼續(xù)下一步。

第7步

給我們剛剛創(chuàng)建的分組添加副本（Control-C> Control-F）作為眼鏡的鏡片，然后進行垂直反射（右鍵單擊>變換>反射>垂直），然后定位到繪圖區(qū)域的另一側。

第8步

使用16 x 16 px大小、4 px輪廓的圓（#3D2F2C）添加眼鏡橋接部分，將圓圈的中心對齊到活動繪圖區(qū)域，將其定位在距頂部邊緣18 px的位置。

第9步

使用直接選擇工具（A）選擇其底部錨點然后按Delete刪除它來調整我們剛剛創(chuàng)建的圓。選擇所有組成部分并使用Control-G鍵盤快捷鍵對它們進行分組。

第10步

使用10 x 74 px大小、2 px輪廓的矩形（#3D2F2C）添加鏡框左邊支架，將其放置在距繪圖區(qū)域左邊緣2 px和距底部邊緣16 px的位置。

第11步

在“變形”面板的“矩形屬性”中將其底角的半徑設置為5 px調整到繪圖區(qū)域的底部部分。完成后，將生成的形狀放在眼鏡下面（右鍵單擊>排列>發(fā)送到后面），然后再繼續(xù)下一步。

第12步

給我們剛剛完成的圖形創(chuàng)建副本（Control-C> Control-F），將其定位到眼鏡的另一側，放置在距離繪圖區(qū)域2 px的位置。

第13步

使用12 px長2 px寬的直線（#3D2F2C）添加中心部分，與其上方拱形相距16 px。

第14步

給眼鏡添加標簽，創(chuàng)建4 x 10 px（#F27E51）和2 px輪廓（#3D2F2C）的矩形，放置在眼鏡右邊緣，距離底部線條26px的位置。

創(chuàng)建皮包圖標

完成第一個圖標的工作之后，然后鎖定它的圖層，繼續(xù)前進到下一步操作。

第1步

使用88 x 28 px大小、4 px輪廓的矩形（#3D2F2C）創(chuàng)建包的上半部分，將其進行分組（Control-G），然后將它中心對齊到下面的繪圖區(qū)域，放置在距離頂部16 px的位置。

第2步

使用十個4 x 2 px矩形（#3D2F2C）添加小的針腳線，調整彼此的水平間隔 為4 px，0分組（Control-G），然后將中心對齊到矩形區(qū)域的頂部邊緣2 px的距離。

第3步

創(chuàng)建16 x 6 px矩形（#8E5A4F）添加4 px輪廓（#3D2F2C）創(chuàng)建皮包的小口袋，然后將它們進行分組（Control-G），將它中心對齊到較大的矩形，距離底部邊緣4 px的位置。

第4步

在矩形的兩側添加各一個6 x 6 px方形（#3D2F2C），然后使用“對齊面板”的“垂直對齊中心”選項將它們居中對齊到大矩形。

第5步

創(chuàng)建一個8 x 3 px矩形（#3D2F2C）來完成皮包口袋，將它對齊到皮包的頂部邊緣。完成后，選擇并分組（Control-G）所有組成形狀，然后將包的上部所有形狀進行分組。

第6步

創(chuàng)建皮包的下半部分，使用88 x 56 px（#9B6759）4 px輪廓（#3D2F2C）矩形，將圖形進行分組（Control-G）然后定位在皮包上半部分的下方，使它們的輪廓重疊。

第7步

給皮包的上半部分創(chuàng)建副本（Control-C> Control-F）添加針腳，將其定位在距離底部邊緣2 px的位置。

第8步

使用六個2 x 4 px矩形（#3D2F2C）添加左側針腳，將它們垂直堆疊彼此距離調整為4 px，分組（Control-G），然后將它們放置在矩形的左側和頂部邊緣2 px位置。

第9步

給我們剛剛的分組創(chuàng)建副本（Control-C> Control-F）并建立起正確的垂直針腳線，將其定位到的另一側，讓它們彼此距離調整為2 px。完成后，使用Control-G鍵盤快捷鍵將底部所有的組成形狀組合在一起。

第10步

使用12 x 18 px大小、2 px輪廓（#3D2F2C）的矩形添加皮包的帶子。

第11步

使用12 x 12 px大�。�#F2AC99）和4 px輪廓（#3D2F2C）的圓添加紐扣，進行分組（Control-G），然后定位到先前創(chuàng)建的書包帶底端，如參考圖像中所示。

第12步

完成紐扣，創(chuàng)建兩個2 x 2 px圓（#3D2F2C），將彼此距離調整為2 px添加扣子上的小孔，然后進行分組（Control-G），然后將其中心對齊到主體部分，分組（Control-G）。

第13步

創(chuàng)建4 px輪廓6 x 12 px矩形（#8E5A4F）放置到皮包上半部分的左端，將其進行分組（Control-G）然后定位到包的側面，居中對齊到皮包的上半部分。#3D2F2C

第14步

使用下面圖像作為參考， 繪制4 px的線條（#3D2F2C）創(chuàng)建背帶。

第15步

使用鋼筆工具選擇的拐角錨點將將半徑設置為4像素，然后將角調整為圓角。完成后，使用Control-G鍵盤快捷鍵選擇并組合所有背帶的組成形狀。

第16步

完成背帶，給我們剛剛完成的圖形創(chuàng)建副本（Control-C> Control-F）添加到皮包的右側部分，使用垂直反映（右鍵單擊>變換>反射>垂直）定位到包的另一側。完成后，選擇并對所有圖形進行分組（Control-G），然后再進行下一步。

創(chuàng)建鞋子圖標

完成皮包圖標，跳轉到第四個圖層進行鞋子的創(chuàng)建。

第1步

創(chuàng)建32 x 10 px矩形（#F4E1DC）作為鞋底的前半部，然后在“變形”面板的“矩形屬性”中將其右角的半徑設置為4 px。為生成的形狀添加一個4 px的輪廓，分組（Control-G），然后將兩者對齊到活動繪圖區(qū)域的右邊緣，放置在距其底部邊緣32 px的位置。#3D2F2C

第2步

添加鞋底的后端，創(chuàng)建64 x 10 px大�。�#E8C4BA）4 px輪廓（#3D2F2C）的矩形，將其進行分組（Control-G），然后定位到先前創(chuàng)建形狀的左側。

第3步

使用64 px長2 px寬的線條（#3D2F2C）創(chuàng)建鞋底條紋，將其對齊到鞋底較大的部分。

第4步

創(chuàng)建4 x 4 px（#3D2F2C）的矩形添加鞋子標簽，將其對齊到鞋底的左邊緣。完成后，選擇并組合（Control-G）當前的所有形狀，然后對整個鞋底進行分組。

第5步

使用16 x 8 px矩形（#F4E1DC）創(chuàng)建鞋子頭部，在“變形”面板的“矩形屬性”中將其右上角的半徑設置為6 px。賦予4 px的輪廓，進行分組（Control-G），然后將兩者放在鞋底的前端。#3D2F2C

第6步

接下來，打開像素預覽模式（Alt-Control-Y）使用鋼筆工具（P）繪制鞋子的主體（#F27E51），以下面圖像作為主要參考。完成后，切換到默認預覽模式（Alt-Control-Y），然后再繼續(xù)下一步。

第7步

使用描邊方法為剛剛創(chuàng)建的圖形添加4 px輪廓（#3D2F2C），隨后選擇并組合（Control-G）兩個形狀。

第8步

使用12 x 8 px矩形（#E26B47）添加鞋舌，然后在“變換”面板的“矩形屬性”中將其左上角的半徑設置為8 px。給得到的形狀賦予4 px的輪廓，分組（Control-G），然后將兩者放在鞋子主體的頂部。#3D2F2C

第9步

使用4 px的直線（#3D2F2C）繪制四個鞋帶，放置在參考圖像中所示的位置。完成后，使用Control-G鍵盤快捷鍵選擇并將這些圖形組合在一起。

第10步

使用2 px輪廓6 x 6 px大小的圓（#F4E1DC）創(chuàng)建鞋子的第一個孔眼，在其中心添加一個較小的2 x 2 px圓。將三個形狀組合在一起（Control-G），然后將它們放置在距離鞋底2 px，距離鞋子主體左邊緣24 px的位置。#3D2F2C

第11步

給剛剛創(chuàng)建的圖形添加副本（Control-C> Control-F）繪制第二個孔眼，將其定位到原始圖形的右側，距離為4像素。完成后，選擇并將兩者組合在一起（Control-G），然后再繼續(xù)下一步。

第12步

創(chuàng)建一個16 x 16 px（#F4E1DC）4 px輪廓（#3D2F2C）的圓創(chuàng)建圓形貼片，將其進行分組（Control-G），然后定位在距離主體頂部邊緣12 px，左邊緣8像素的位置。

第13步

完成貼片，使用繪圖工具繪制星星為其填充#3D2F2C的顏色。完成后，選擇并組合（Control-G）所有形狀，然后將整個鞋子進行分組。

第14步

給我們剛剛繪制的鞋子創(chuàng)建副本（Control-C> Control-B）添加另一只鞋子，將其與繪圖區(qū)域的左邊緣對齊。

第15步

給鞋子的下列部分進行調色：

主體：#E26B47

鞋底和貼片：#D6B4AB

鞋舌：#D65F43

第16步

使用4 px的直線（#3D2F2C）創(chuàng)建鞋帶，如參考圖像所示。

第17步

完成鞋帶，創(chuàng)建8 x 2 px矩形（#3D2F2C）添加鞋帶頭部形狀 ，將其定位在鞋帶左端的頂部。完成后，選擇并將兩者組合在一起（Control-G），對整個圖標執(zhí)行相同操作，然后再轉到下一個圖標。

創(chuàng)建腕表圖標

第1步

創(chuàng)建56 x 76 px圓角矩形創(chuàng)建腕表的主要部分，為其添加4 px角半徑和4 px寬輪廓（#3D2F2C），進行分組（Control-G）然后將整個圖形中心對齊到下面的繪圖區(qū)域。

第2步

創(chuàng)建兩組10個2 x 4 px矩形（#3D2F2C）相互垂直堆疊彼此間距4 px將所有圖形進行分組（Control-G）然后定位在距離表帶兩側2 px的位置）來添加針腳線。完成后，將繪制的所有圖形進行分組（Control-G），然后再繼續(xù)下一步。

第3步

創(chuàng)建一個24 x 22像素（#B27866）4 px輪廓（#3D2F2C）的矩形，將其進行分組（Control-G），然后將其中心對齊到較大部分，將其定位在距離頂端繪圖區(qū)域16像素的位置。

第4步

創(chuàng)建兩組2 x 4 px矩形（#3D2F2C）垂直堆疊彼此距離4 px（分組（Control-G）然后對齊到矩形頂部的邊緣，將它們定位在距離矩形兩邊緣2 px的位置。

第5步

使用4 x 4 px圓圈（#3D2F2C）添加表帶的圓孔，將其中心對齊到其頂部附件部分，定位在距其頂部邊緣4 px的位置。完成后，使用Control-G鍵盤快捷鍵選擇當前所有形狀并將其組合在一起。

第6步

使用兩個6 x 12 px（#9B908F）4 px輪廓（#3D2F2C）的矩形添加金屬表扣，將創(chuàng)建的形狀進行分組（Control-G），然后定位到上一部分的兩側。在繼續(xù)下一步之前，選擇并組合（Control-G）所有完成的形狀。

第7步

給我們剛剛完成的圖形創(chuàng)建副本（Control-C> Control-G），進行水平反映（右鍵單擊>變換>反射>水平），將其定位到表帶的另一側。雙擊將組隔離，然后移除其側面針跡和小孔，將較大形狀的填充顏色更改為#7F5247。

第8步

選擇矩形工具（M）創(chuàng)建一個較小24 x 12像素（#B27866）矩形，將其對齊到底部中心。

第9步

使用添加錨點工具（+）將新錨點添加到其底部邊緣的中心來調整我們剛創(chuàng)建的形狀，然后我們將使用移動工具選擇并向下推動10 px（右鍵單擊>變換>移動>水平> 10像素）。

第10步

使用圓形連接為結果形狀提供4 px的輪廓（#3D2F2C），然后使用Control-G鍵盤快捷鍵選擇并將兩者組合在一起。

第11步

接下來為圖形頂部添加一個4 x 4 px圓（#3D2F2C），將其定位在距離頂部邊緣10 px的位置。完成后，選擇并組合（Control-G）所有表帶形狀，然后再繼續(xù)下一步。

第12步

使用帶有4 px輪廓的56 x 56 px圓圈（#ADA6A5）來創(chuàng)建手表的表盤，將其進行分組（Control-G），然后中心對齊到底部的圓角矩形。#3D2F2C

第13步

使用44 x 44 px（#F4E1DC）4 px輪廓（#3D2F2C）的圓添加表盤的內部部分，將圖形進行分組（Control-G），然后將中心對齊到上一步的形狀。

第14步

接下來，創(chuàng)建4個6 px長2 px寬的直線（#3D2F2C）創(chuàng)建刻度盤，將它們對齊到內部輪廓中2 px的位置。完成表盤部分，選擇并進行分組（Control-G）。

第15步

創(chuàng)建6×6像素大小4 像素（#3D2F2C）輪廓的圓添加表盤的中心形狀，接著在這個圓的內部創(chuàng)建14×14像素大小2 像素輪廓（#3D2F2C）的圓，選擇所有圖形進行分組（Ctrl-G）。

第16步

接下來，創(chuàng)建4 像素的直線（#3D2F2C）添加時針，然后創(chuàng)建2 px的直線（#3D2F2C）進行分針。完成后，使用Control-G鍵盤快捷鍵選擇中心部分和指針并將其組合在一起。

第17步

使用20 x 20 px大小和2 px輪廓（#3D2F2C）的圓創(chuàng)建表盤裝飾圖案，然后放置在距離底部12px的位置。

第18步

使用直接選擇工具（A）選擇其右下錨點按Delete刪除它們調整我們剛剛創(chuàng)建的圓環(huán)。

第19步

添加右下方的裝飾元素，給我們剛剛創(chuàng)建的副本（Control-C> Control-F），將其水平和垂直反映（右鍵單擊>變換>反射>水平和垂直）然后定位到表盤的另一側。完成后，使用Control-G鍵盤快捷鍵選擇并分組（Control-C）所有表盤的組成部分。

第20步

完成手表。創(chuàng)建一個5 x 8 px（#9B908F）4 px輪廓（#3D2F2C）的矩形繪制手表表冠，將它們分組（Control-G）然后定位到較大主體的右側。然后，在繼續(xù)下一步之前，選擇并分組（Control-G）所有手表的組成部分。

第21步

選擇鋼筆工具（P），創(chuàng)建4px的線條（#3D2F2C）繪制表帶的左邊線條。

第22步

進入“實時角”將其左上角的半徑設置為4像素，將其右下角的半徑設置為8像素。

第23步

使用4 px的直線（#3D2F2C）添加表帶的右端線條。

第24步

進入“實時角”輸入框將其左下角的半徑設置為14像素來調整線條。

第25步

完成表帶，使用8 x 8 px（#F2AC99）4 px輪廓（#3D2F2C）的圓添加手表珠子，將其進行分組（Control-G）然后定位到右側弦線部分，距離其右端8 px。完成后，使用Control-G鍵盤快捷鍵選擇并分組所有圖標的組成部分。

完成：

（本教程由尋圖標icon.52112.com提供）

是不是很可愛，同學們一起來學習一下吧，通過教程來學習一下吧。