建立新文件
正如我們對每個新項目所做的那樣，首先要設置一個新文檔（文件>新建或Control-N），我們將使用以下設置進行調整：
畫板數量： 1
寬度： 800像素
高度： 600像素
單位： 像素
在“高級”標簽中：
色彩模式： RGB
柵格效果： 屏幕（72 ppi）

設置圖層
對于每個新項目，我希望將自己的資產分成幾個不同的層次，因為這樣我可以通過一次專注于一個項目來簡化我的工作流程，
這使我可以隨時跟蹤每個形狀。

因此，打開“圖層”面板，讓我們創建四個圖層，我們將其命名如下：
第1層>參考網格
第2層>抽屜
第3層>餐具柜
第4層>床

創建參考網格
一旦我們對項目文件進行了分層，就可以開始創建參考網格，這將通過關注一致性和大小來幫助我們創建圖標
第1步
抓住矩形工具（M），創建一個128×128像素的正方形，我們將使用＃F15A24對其進行著色，然后使用“對齊”面板的“水平
和垂直對齊中心”選項將其放置在畫板的中心

第2步
創建另一個較小的120×120像素正方形，它將用作活動繪圖區域，從而為我們提供了一個4像素的全邊框。使用白色
（#FFFFFF）為形狀著色，然后將正方形分組（Control + G），然后再創建兩個副本，一個在左邊，另一個在右邊，使它們
與原始像素相距40 px

創建抽屜圖標
假設您已經向上移動到第二層，讓我們通過創建第一個圖標開始項目。話雖如此，放大到其參考網格，以便您有一個更好的視野，讓我們開始吧
第1步
選擇鋼筆工具（P），然后使用4 px粗的筆觸（顏色設置為＃2B3249），通過繪制120 px寬的線段來創建圖標的背景線，我們將其居中對齊到基礎活動繪圖區域，位于距其底部邊緣8像素的距離

第2步
使用80×48 px矩形創建抽屜的前部，我們將使用＃EAA871對其進行著色，然后將其放置在剛剛創建的背景線上方，相距12
px，與活動繪圖區域之間的距離為10 px右邊緣

第3步
通過使用Stroke方法創建剛好輪廓的形狀，方法是在其后創建一個副本（Control + C），然后將其粘貼到前面（Control +
F），然后通過將其顏色更改為＃2B3249進行調整，然后然后使用筆劃（Shift + X）翻轉其“填充”，確保將其“權重”設
置為4像素。然后，一旦完成，使用Control + G鍵盤快捷鍵選擇兩個形狀并將它們分組在一起

第4步
通過繪制兩條80 px寬4 px粗的水平描邊線（＃2B3249）創建三個抽屜，將彼此垂直以16 px的距離堆疊起來，進行分組
（Control + G），然后將它們居中對齊到更大的底層長方形

第5步
接下來，使用三條12像素寬，4像素粗的筆畫線（＃2B3249）繪制小手柄，將其放置在上一步中創建的抽屜部分的中心，選擇并分組所有抽屜的前部然后將形狀組合在一起

第6步
使用20×48 px矩形創建抽屜的側面部分，使用＃C68355對其進行著色，然后放置在左側，垂直居中對齊，使其與前面部分的
填充形狀對齊，距離為0 px

第7步
使用Stroke方法為新創建的形狀提供4 px厚的輪廓（＃2B3249），然后將它們選擇并分組（按Control + G）

第8步
花一些時間，通過使用2 px厚的筆劃（顏色設置為＃2B3249）和筆帽為圓形，在抽屜的側面繪制一點木質紋理來發揮創意。完成后，對（Control + G）進行分組，然后使用基礎填充矩形的副本（Control + C> Control + F）對紋理的線條進行遮罩
（右鍵單擊>“制作剪貼蒙版”），確保將紋理分組為之后是側面部分
另外，由于我們已經完成了抽屜主體的工作，因此您可以同時選擇抽屜的各個部分并進行分組

第9步
通過使用6×14 px矩形創建抽屜的前部分開始工作，然后使用＃C68355對其進行上色，給出4 px粗輪廓（＃2B3249）分組
（Ctrl + G），然后將其放在下面其較大的主體，以便它們的輪廓重疊，確保將它們與右邊緣的可見表面對齊

第10步
使用8×14 px矩形（＃AA693C）創建腿部的側面，我們將通過直接選擇工具（A）選擇其左下角的錨點，然后將其向右推，來進行調整距離為3像素（右鍵單擊>變換>移動>水平> 3像素）

第11步
為生成的形狀指定4 px的粗輪廓（＃2B3249），然后使用Control + G鍵盤快捷鍵將這兩個形狀組合在一起

第12步
通過創建一個12×6 px的矩形來給腿部陰影，我們將使用＃2B3249對其進行著色，然后通過選擇其右下角的錨點并將其頂到
頂部2 px的距離進行調整（右鍵單擊>變換>移動>垂直> 2像素）
完成后，將生成的形狀放在腿上，使其與前部分的右上角對齊，然后選擇并分組（Ctrl + G）所有腿的組成形狀

第13步
使用我們剛剛完成的副本的副本（Control + C> Control + F）創建第二行，將其放置在抽屜的左側，相距6像素，選擇并分
組之后將兩者結合在一起

第14步
通過創建抽屜的右腿的副本（Control + C> Control + F）來添加抽屜的左腿，我們將其放置在距原件26 px的距離處
完成后，使用Control-G鍵盤快捷鍵選擇并組合所有抽屜組成部分

第15步
通過創建一個6×20像素的矩形（＃8195C1），給出一個4像素厚的輪廓（＃2B3249）組（Control + G），然后將其放置在抽屜上方，與距活動繪圖區域的右邊緣20像素

第16步
使用我們剛剛完成的那本書的副本（Control + C> Control + F）來創建第二本書，將其放置在左側以使其輪廓重疊，
并確保更改其填充形狀的顏色至＃ED664C

第17步
使用10×20 px矩形創建第二本書的側面部分，使用＃D35444進行著色，給出4 px的粗輪廓（＃2B3249），然后將其放置在其左側，選擇并分組（Ctrl + G）在一起，然后對這兩本書進行相同的處理

第18步
創建一個8×20 px的橢圓作為小燈，使用＃8195C1對其進行著色，然后將其放置在抽屜頂部，與活動繪圖區域的左邊緣相距
32 px

第19步
通過選擇并刪除其右錨點來調整我們剛剛創建的形狀，將其切成兩半。然后，創建最終形狀的副本（Control + C>
Control + F），將其放置在右側，距離為4 px，選擇并通過按Control + J兩次將兩個形狀組合在一起

第20步
生成一個4 px粗的輪廓（＃2B3249）和12 px寬2 px的水平細節線（＃2B3249），將其放置在距抽屜主輪廓4 px
的距離處。完成后，使用Control + G鍵盤快捷鍵將所有三個形狀選擇并分組在一起

第21步
使用24×16 px矩形創建燈的上部，使用＃DCE5F4對其進行著色，然后以0 px的距離居中對齊其下主體

第22步
創建4 px粗輪廓線（＃2B3249）和24 px寬4 px粗水平像素細線（＃2B3249）的形狀，該輪廓線距輪廓線底部邊緣2 px。在燈的頂部邊緣添加一個8×6像素的橢圓（＃2B3249），在燈的右側添加一個10像素高的2像素粗的字符串線（＃2B3249），
然后將所有上半部分的組成形狀組合在一起使用Control + G鍵盤快捷鍵

第23步
通過使用12×6 px矩形（＃2B3249）添加小陰影來完成燈及其圖標本身，將其放置在燈上部下方，通過選擇并將其錨點推到
頂部來對其進行調整2像素（右鍵單擊>變換>移動>垂直> -2像素）
完成后，選擇并組合（Control + G）所有燈的組成形狀，然后對圖標的所有組成部分進行相同的操作

創建餐具柜圖標
假設您已成功完成第一個圖標的工作，請鎖定其圖層，然后向上移動至下一個圖標（即第三個圖標），并放大其參考網格，以便我們開始使用
第1步
就像我們對第一個圖標所做的一樣，首先使用120 px寬4 px厚的筆觸創建水平背景線，并將筆劃顏色設置為＃2B3249，將其
與下層活動繪圖區域居中對齊，相距8 px從其底部邊緣開始

第2步
通過創建90×36 px矩形作為餐具柜，使用＃C68355對其進行著色，給出4 px厚的輪廓（＃2B3249）分組（Control + G），
然后將兩者放置在背景線，距其上邊緣的距離為6像素，距活動圖形區域的右邊緣的距離為4像素

第3步
使用矩形工具（M）創建一個78×24 px的形狀，使用＃EAA871對其進行著色，然后將其居中對齊到剛創建的前部

第四步
使用Stroke方法給出我們剛剛創建的4 px輪廓的形狀（＃2B3249），然后使用Control + G鍵盤快捷鍵將它們選擇并分組在一
起

第5步
接下來，使用34×24 px矩形創建正面的內部較暗部分，使用＃2B3249對其進行著色，然后將其與較亮部分居中對齊

第6步
創建一個較小的26×4 px矩形，使用＃AA714B對其進行著色，然后將其居中對齊到上一步中創建的較大矩形

第7步
使用兩條高8像素，高4像素的粗筆畫線（＃2B3249）繪制小手柄，我們將其放置在內部較暗部分的側面，在其右邊緣和頂部邊緣留出4像素的間隙。完成后，選擇所有內部部分的組成形狀并將它們分組（按Control + G），然后對整個前端進行相同的處理

第8步
使用18×36像素的矩形（＃C68355）和4像素厚的輪廓線（＃2B3249）創建餐具柜的側面，將其放置在其左側，確保輪廓線最終重疊

第9步
接下來，使用帶有圓形帽的2 px厚的描邊（＃2B3249）繪制小小的木質紋理，將其分組（按Control + G鍵），并使用基礎形
狀遮蓋它們（如果需要）剪貼蒙版（選擇所需形狀>右鍵單擊>創建剪貼蒙版）。一旦完成，別忘了使用Control + G鍵盤快捷
鍵選擇并組合所有側面部分的組合形狀，然后對餐具柜的組合部分進行相同的操作

第10步
通過創建帶有4 px粗輪廓（＃2B3249）的8×10 px矩形（＃AA693C），開始在餐具柜的腿上工作，我們將其放置在其右側下方，與活動繪圖區域的右側相距8 px邊緣

第11步
使用8×6 px矩形（＃2B3249）添加小腿陰影，通過選擇其右下角并將其推到頂部2 px來進行調整（右鍵單擊>變換>垂直>
–2 px）。完成后，使用Control + G鍵盤快捷鍵將所有三個形狀組合在一起

快速提示：在這一點上，您可能想知道為什么我們沒有在腿上增加側面部分。那是因為圓柱形狀通常以扁平狀態表示，您所看到的只是身體的正面。
第12步
使用我們剛剛完成的操作的副本（控件+ C>控件+ F）創建第二條腿，將其放置在其左側6 px的距離處，然后選擇并分組（控
件+ G ），然后將兩者結合在一起

第13步
使用我們剛剛分組的腿的副本（控件+ C>控件+ F）創建剩余的腿，將其放置在餐具柜的左側，與活動繪圖區域的左側相距8像素邊緣。然后，將它們放置到位后，使用Control + G鍵盤快捷鍵選擇并組合餐具柜的所有組成部分

第14步
通過使用18×6 px矩形（＃8195C1）和4 px粗輪廓（＃2B3249）創建燈頭來開始工作，將其分組（Control + G），然后將其
放置在側板頂部，位于距活動繪圖區域右邊緣22 px的距離

第15步
使用6×24 px矩形（＃DCE5F4）和4 px粗輪廓（＃2B3249）創建燈的支腿，將其分組（Control + G），然后將其放置在剛創建的基座上，將其居中對齊一對二

第16步
使用34×24 px矩形（＃8195C1）和4 px粗輪廓（＃2B3249）創建燈的上部，將其分組（Control + G），然后放置在腿
的頂端，使其輪廓重疊

第17步
通過使用8×24 px矩形和4 px粗輪廓（＃2B3249）創建較暗的部分，使燈具有一定深度，將其分組（按Control + G），然后
定位到其左側，對之后是整個上部

第18步
使用高12像素，高2像素的筆觸（＃2B3249）添加燈的小串開關，將其放置在上部輪廓的右下角

第19步
通過使用6×6 px的正方形（＃2B3249）添加小陰影來結束燈，將通過選擇其右下角并將其推到頂部2 px來進行調整（右鍵單
擊>變換>移動>垂直> – 2像素）。將生成的形狀居中對齊到腿的頂部邊緣，然后選擇并分組（Ctrl + G）所有燈泡的組成形
狀

第20步
使用8×8像素的圓圈創建小球，使用＃ED664C對其進行著色，給出4像素的輪廓（＃2B3249），分組（Control + G），然后
將其放置在餐具柜頂部，相距14像素

第21步
通過創建20×8 px的橢圓開始在小仙人掌碗上工作，使用＃DCE5F4對其進行著色，并為其指定4 px的粗輪廓（＃2B3249）。
將兩個形狀分組（按Control + G鍵），將它們放置在球的左側，相距6像素

第22步
使用12×24 px橢圓（＃85BF82）和4 px粗輪廓（＃2B3249）創建實際的仙人掌植物，將其居中對齊到剛創建的碗，將其放置在32 px的距離處從活動圖形區域的頂部邊緣開始

第23步
使用2×14 px橢圓（＃2B3249）添加植物的垂直細節線，使其居中對齊綠色形狀可見表面的底部，通過使用“錨點工具”捏
住其頂部和底部錨點對其進行稍微調整如下圖。完成后，使用Control + G鍵盤快捷鍵選擇所有三個形狀并將其分組

第24步
通過右鍵單擊>排列>發送到背面，然后使用Control + G鍵盤快捷鍵選擇并分組其所有組成部分，將仙人掌植物放在碗后，完
成圖標的制作

創建床圖標
現在我們到了該組的第三個也是最后一個圖標，因此假設您已重新裝滿咖啡杯，繼續前進到最后一層！
第1步
首先使用120像素寬，4像素厚的筆觸創建水平背景線，并將筆觸的顏色設置為＃2B3249，使其與下層活動繪圖區域居中對
齊，并且距其下邊緣8像素

第2步
放置背景線后，通過創建40×6 px矩形開始在床上工作，使用＃C68355對其進行著色，給出4 px粗輪廓（＃2B3249），分組
（Control + G），然后定位線頂部的兩個，與基礎活動圖形區域的右邊緣相距8像素

第3步
使用相同的4 px粗輪廓（＃2B3249）創建另一個更寬的60×6 px矩形（＃AA714B），將其分組（Control + G），然后定位到上一步中形狀的左側，進行選擇和分組之后所有人都在一起

第4步
通過創建48×16 px的矩形開始在床的上半部分的前部工作，使用＃EAA871進行著色，給出4 px的輪廓（＃2B3249）
48 px寬，4 px的水平分隔線（＃2B3249）對齊其中心。完成后，將所有三個形狀組合在一起（Control + G），然后將其放置在底部的頂部，與活動圖形區域的右邊緣相距4 px

第5步
使用具有4 px粗輪廓（＃2B3249）的60×16 px矩形（＃C68355）創建側面部分，將其分組（按Control + G），然后垂直居
中對齊床前，使其輪廓重疊

第6步
花一些時間，使用帶有圓形帽的2 px厚的描邊（＃2B3249）畫一些小的木質紋理線，使用下面的矩形作為剪貼蒙版將它們分組和遮蓋（如果需要）（選擇所需的形狀>右鍵單擊>制作剪貼蒙版）。完成后，使用Control + G鍵盤快捷鍵選擇并組合所有側面部分的組合形狀，然后對床的上部進行相同的操作

第7步
使用52×28 px矩形開始在床頭板的前部工作，使用＃EAA871對其進行著色，給出4 px的輪廓線（＃2B3249），然后在頂部給出52 px寬4 px的水平細節線，我們將分組（Control + G），然后將其放在床的上身頂部，使其與床的側面對齊

第8步
使用8×28 px矩形（＃2B3249）和4 px粗輪廓（＃2B3249）創建床頭板的側面部分，將其分組（Control + G），放置在
我們創建的形狀的左側在上一步中

第9步
使用2 px厚的帶有圓帽的筆劃（＃2B3249），畫出小的木質紋理線，分組（Control-G）并使用基礎矩形作為剪貼蒙版（如果需要）將其蒙版（選擇所需的形狀 >右鍵單擊>制作剪貼蒙版）。完成后，使用Control + G鍵盤快捷鍵選擇并組合所有側面
部分的組合形狀，然后對床頭板的所有組合部分進行相同的操作

第10步
通過使用36×8像素的矩形創建床墊的前部區域來開始處理床墊，使用＃DCE5F4對其進行著色，給出4像素厚的輪廓線（＃
2B3249）分組（Control + G），然后將兩者放置在床的上方前部

第11步
使用具有4 px粗輪廓（＃2B3249）的58×8 px矩形（＃B0BDD1）創建側面部分，將其分組（Control + G），放置在
我們剛剛提到的形狀的左側在上一步中創建，將兩個部分組合在一起

第12步
使用具有4 px粗輪廓（＃2B3249）的36×8 px矩形（＃DCE5F4）創建枕頭，在其中心添加8 px高4 px寬的垂直分隔線（＃
2B3249）。組合（Control-G）所有三個形狀，將它們放置在床墊頂部后居中對齊到床頭板的前部

第13步
使用20×10 px矩形創建小毯子，使用＃85BF82對其進行著色，給出4 px厚的輪廓（＃2B3249），分組（Control + G），然
后將兩者放置在床褥的前部
完成后，使用Control + G鍵盤快捷鍵選擇和組合床的所有組成部分

第14步
通過使用20×12 px矩形（＃8991A3）和4 px粗輪廓（＃2B3249）創建其前部，開始小揚聲器單元的工作，在其頂部將添加兩個4×4 px的圓圈（＃2B3249） ） 在每一側。選擇并分組（Control + G）所有四個形狀，將它們居中對齊到床頭板的前部

第15步
使用6×12 px矩形（＃6A7084）和4 px粗輪廓（＃2B3249）創建側面部分，將其分組（Control + G），然后定位到剛創建的
形狀的左側在上一步中。完成后，請不要忘記選擇和分組（Control + G）所有說話者的作曲部分，以免它們被意外分開

第16步
通過使用6×44 px矩形（＃8195C1），4 px粗輪廓（＃2B3249）和6 px寬2 px粗的水平分隔線（＃2B3249）創建燈腿
（Control + G），然后將其放置在床墊頂部，與活動繪圖區域的右邊緣相距24 px

第17步
使用26×22 px的矩形創建燈的上身，使用＃ED664C對其進行著色，給出4 px的粗輪廓（＃2B3249），將兩者居中對齊到腿的上部

第18步
通過創建一個14×8像素的橢圓（＃2B3249），開始向燈的上身添加細節，將其放置在剛創建的輪廓的頂部，然后使用26像素寬，4像素厚的水平分隔線（＃2B3249）定位在距其2 px的距離處。通過使用18像素高，2像素粗的描邊線（＃2B3249）添加小字符串開關來結束本節，然后將所有組成的形狀選擇并分組（按Control + G）

第19步
通過使用6×6 px正方形（＃2B3249）創建一個小的對角陰影，使燈及其圖標本身結束，我們將使其居中對齊到腿的上部，然
后通過選擇并推動其右錨點對其進行調整到頂部2像素（右鍵單擊>變換>移動>垂直> -2像素）。完成后，選擇并組合（按
Control + G）所有燈泡的組成形狀，然后對圖標部分進行相同的操作

完成啦！

總結

以上是生活随笔為你收集整理的平面设计：创建家具图标包的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。