建立新文件
正如我們對每個新項目所做的那樣，首先要設置一個新文檔（文件>新建或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）所有燈泡的組成形狀，然後對圖標部分進行相同的操作
完成啦！
