如何建立新文件
與任何新項目一樣，通過轉到文件→新建 （或使用 Control + N 鍵盤快捷鍵）創建一個 新文檔來開始工作 ，按以下步驟進行調整：
畫板數量： 16
間距： 32像素
列數： 4
寬度： 64像素
高度： 64像素
單位： 像素
在“ 高級” 標籤中：
色彩模式： RGB
柵格效果： 屏幕（72 ppi）
如何設置圖層
一旦完成項目文件的設置，花一些時間並對其進行結構化，以便我們可以將圖標與實際的參考網格分開，以簡化工作流程。爲此，只需打開“ 圖層” 面板，然後創建總共兩個圖層，我們將其重命名如下：
第1層→ 參考網格
第2層→ 圖標
創建參考網格
分層完成文檔後，添加少量 參考網格 ，這將使圖標具有較小的 保護性填充 表面，同時有助於保持一致性
步驟1
抓住 矩形工具（M） ，使用它創建一個 64×64 px的 正方形，使用 ＃F15A24對其進行着色，然後使用“ 對齊” 面板的“ 水平 和 垂直對齊中心”選項將其定位到第一個 畫板的 中心
步驟2
創建另一個較小的 56×56像素正方形 （#FFFFFF），它將用作 活動繪圖區域，這將爲我們的圖標提供4像素 的全方位 保護性填充。完成後，使用Control-G 鍵盤快捷鍵選擇兩個形狀並將它們分組在一起
步驟3
使用剛剛完成的副本（Control + C）添加其餘的 參考網格，然後將其（Control + F）粘貼到空的相鄰 Artboards上。完成後，請確保鎖定當前圖層，然後再繼續下一步
創建位置圖釘圖標
完成項目文件的設置後，可以將自己放置在第二層（即頂層）上，然後放大到第一張 Artboard， 以便可以更好地查看圖標的形狀
步驟1
使用56×56 px的 圓圈創建背景 ，用 ＃FF9B50對其進行着色 ，然後將其居中對齊到較大的基礎 Artboard
步驟2
使用20×20 px的 圓圈添加圖釘的主體 ，使用白色（#FFFFFF）進行着色，然後將其居中對齊到較大的背景，將其距 上緣14 px的距離定位
步驟3
通過使用錨點工具 （Shift + C）捏住底部錨點來調整我們剛剛創建的形狀，以使其呈尖形
步驟4
使用直接選擇工具 （A）選擇生成的錨點 ，然後使用 方向箭頭鍵 或“ 移動” 工具將其推到底部8像素的距離 （右鍵單擊→變換→移動→垂直→8像素）。完成後，只需選擇 形狀手柄的 端點 ，然後將其向下拖動，即可調整從形狀尖端到其側面錨的曲率
步驟5
給所得到的形狀的 輪廓 使用 中風 的方法，創建它（拷貝控制+ C），我們將在前面（粘貼控制+ F），然後通過第一調整改變其顏色，以 ＃155B6B，確保設置其 寬度 爲 4像素，其 角 爲 圓角連接
步驟6
通過使用8×8 px的 圓圈（＃155B6B）添加內部細節來結束圖標， 將其定位在 參考圖像中。完成後，請確保使用Control + G 鍵盤快捷鍵選擇並分組所有圖釘的組成形狀 ，然後對整個圖標進行相同的操作
步驟7
使用剛剛完成的圖標的副本（Control + C）創建禁用狀態變化，將其粘貼（Control + F）到相鄰的 Artboard上，確保隨後使用Shift + Control將其取消分組 + G 鍵盤快捷鍵或 右鍵單擊→取消分組
步驟8
通過選擇鋼筆工具 （P）結束當前圖標，然後使用它以34 px 高 4 px 厚的帶有圓帽的筆劃繪製對角線，以45°角旋轉（右鍵單擊→變換→旋轉→-45°）。完成後，確保將它們選擇並分組（Control + G），然後再繼續進行下一步
創建目標圖標
將您自己放置在第三個 Artboard上，開始處理我們的下一個圖標，它們是目標圖標
步驟1
與之前的操作一樣，首先使用56×56 px的 圓圈創建背景 ，然後使用 ＃FF9B50對其進行着色，然後將其居中對齊至底層的 Artboard
步驟2
使用創建的目標符號的內部部分 8×8像素 的圓（#FFFFFF）與 4 PX 厚 輪廓 （＃155B6B），我們將組（對照+ G），然後中心對準以較大的背景
步驟3
使用稍大的20×20 px 圓和 4 px 厚的 描邊 （＃155B6B）添加外部部分 ，我們將使其居中對齊剛剛分組的形狀
步驟4
通過使用四個4 px 長 4 px 粗的 描邊 線（＃155B6B）添加小細節線來結束圖標，如參考圖像所示 ，將其定位到外圓的 錨點上。完成後，請確保選擇並組合（Control + G）符號的組成形狀，然後對整個圖標進行相同的操作
步驟5
使用我們剛剛完成的圖標的副本（Control + C）創建禁用狀態，然後將其（Control + F）粘貼到相鄰的 Artboard上，確保像添加對角線一樣添加對角線定位銷
創建指南針圖標
假設您已經向下移動到第二行的Artboards，將自己放置在第一行中 ，然後放大其 參考網格， 以便可以更好地查看形狀
步驟1
通過創建使用後臺啓動 56×56像素 圈，顏色使用 ＃FF9B50 然後位置到底層的中心 畫板
步驟2
使用16×40 px 矩形創建針的主要形狀 ，將使用白色（#FFFFFF）進行着色，然後將其定位到較大背景的中心
步驟3
通過選擇“ 添加錨點工具” （+），單擊它們，將新的錨點添加 到四個邊緣中每個邊緣的中心，來調整我們剛剛創建的形狀
步驟4
只需通過使用“ 刪除錨點工具” （–）單擊它們的所有角錨點，即可繼續調整形狀
步驟5
通過按R 鍵然後單擊並拖動形狀，或者通過 右鍵單擊→變換→旋轉→-45°，以 45°角順時針旋轉生成的形狀 。旋轉形狀後，請確保花一些時間並分別選擇其每個 錨點， 然後將其捕捉回 Pixel Grid
步驟6
通過添加4 px 厚的 輪廓 （＃155B6B）和 Round Join來完成圖標，然後使用6×6 px的圓圈填充內部螺栓 ，如參考圖像所示，將其定位 。完成後，請確保選擇並組合（Control + G）所有指南針的組成形狀，然後對整個圖標進行相同的操作
創建地圖圖標
將您自己放置在下一個 Artboard上，然後快速放大其 參考網格， 以便我們可以開始使用小地圖圖標
步驟1
當我們與其他所有的圖標一樣，我們要通過創建使用的背景開始 56×56像素 的圓，將使用顏色 ＃FF9B50 ，然後定位到底層的中心畫板
步驟2
使用12×24 px 矩形爲地圖的中心部分添加主要形狀 ，將其與較大的圓對齊，使其居中，其距 頂部邊緣14 px
步驟3
調整我們剛剛創建的形狀，方法是使用 直接選擇工具 （A）選擇其右側 錨點，然後使用 方向箭頭鍵 或“ 移動” 工具將其推到底部4 px的距離 （右鍵單擊→變換→移動→垂直→4像素）。完成後，使用圓角連接爲生成的形狀提供 4 px 厚的 輪廓 （＃155B6B） ，並確保隨後使用Control + G 鍵盤快捷鍵將兩者選中並分組
步驟4
使用我們剛剛完成的工作的兩個副本（Control + C→Control + F兩次）添加地圖的側面部分，我們將對其進行垂直反射（右鍵單擊→變換→反射→垂直），然後進行定位它們是 輪廓 重疊，如 參考圖像所示
步驟5
通過抓住鋼筆工具 （P），然後按照參考圖像 作爲您的主要指南，使用它來繪製細節線，以 結束圖標 。完成後，請確保選擇並組合（Control + G）地圖的所有合成形狀，然後對整個圖標進行相同的操作
創建縮放圖標
我們列表的下一個是兩個縮放圖標，因此請確保您移至下一個 Artboard 並開始使用！
步驟1
創建用於放大圖標的背景下，使用 56×56像素 圈，顏色使用 ＃FF9B50 然後中心對準到基礎畫板
步驟2
使用24×24像素的 圓圈（#FFFFFF）和 4像素 厚的 輪廓線 （＃155B6B）添加鏡頭 ，將其分組（Control + G），然後按參考圖像中的位置
步驟3
使用4 px 厚的對角 描邊 線（＃155B6B）添加一個手柄，並從鏡頭的中心開始有一個圓帽，並確保在其下端與活動繪圖區域的底邊緣之間保持 12 px的間距 。繪製完形狀後，請右鍵單擊→排列→向後發送，以確保將其放置在較大的鏡頭下方
步驟4
通過在水平部分使用8像素寬4像素厚的描邊 （＃155B6B）創建加號，然後在垂直部分使用另一 8像素 高 4像素 粗線（＃155B6B）創建加號來結束圖標 。分組（Control + G），然後將兩者置於較大鏡頭的中央。完成後，請確保選擇並分組（Control + G）所有鏡頭的構圖形狀，然後對整個圖標進行相同的操作
步驟5
使用我們剛剛完成的副本的副本（Control + C）創建縮小圖標變體，將其粘貼到相鄰的 Artboard上，確保通過雙擊加號來對其進行調整在形狀上，然後刪除其垂直部分。完成後，只需按 Escape 鍵即可退出“ 隔離模式”
創建導航箭頭圖標
假設您已經向下移動到畫板的第三行 ，請放大第一個參考網格，在該 網格中我們將快速創建導航箭頭
步驟1
通過創建使用後臺啓動 56×56像素 圈，我們將顏色使用 ＃FF9B50 然後位置到底層的中心畫板
步驟2
使用20×28 px 矩形添加箭頭的主要形狀，使用白色（#FFFFFF）進行着色，然後將其放置在較大背景的中心
步驟3
只需通過使用添加錨點工具 （+）單擊它們，即可在頂部和底部邊緣的中心添加新的錨點，從而調整我們剛剛創建的形狀
步驟4
繼續通過除去其頂端角調整形狀錨 使用 刪除錨點工具 （- ），然後選擇使用其中心底部一個 直接選擇工具 （甲）和通過的距離它推到內 4 PX 使用任一 方向箭頭鍵 或 移動 工具（右單擊→變換→傳送→垂直→4像素）
步驟5
完成當前圖標的操作，將結果形狀賦予 4 px 厚的 輪廓 （＃155B6B），並進行“ Round Join”（圓角連接），確保將兩者選中並分組（按Control + G鍵），然後對整個圖標進行相同的操作
創建地圖圖釘圖標
將您自己放置在相鄰的 Artboard上，讓我們開始處理第十個圖標
步驟1
與之前的圖標一樣，將使用56×56 px的 圓圈創建背景 ，使用 ＃FF9B50對其進行着色，然後將其定位到基礎活動繪圖區域的中心
步驟2
使用16×16 px 圓（#FFFFFF）和 4 px 粗 輪廓 （＃155B6B）添加銷釘的頭部 ，將其分組（Control + G），然後居中對齊較大的圓，將其定位在 距頂部邊緣12像素
步驟3
玩完圖標，通過使用添加的垂直線段 12像素 高 4 PX 厚 中風 （＃155B6B），將定位爲在可見 參考圖像。一旦完成，別忘了選擇並分組（Control + G）所有圖釘的組成形狀，然後對整個圖標進行相同的操作
創建可見性圖標
接下來是可見性圖標，因此請確保移至下一個 Artboard 並放大其 參考網格， 以便可以更清晰地查看形狀
步驟1
使用56×56 px的 圓圈創建背景 ，使用 ＃FF9B50對其進行着色 ，然後將其居中對齊到較大的基礎 Artboard
步驟2
使用36×28 px 橢圓添加眼睛的主要形狀 ，使用白色（#FFFFFF）進行着色，然後居中對齊較大的背景
步驟3
通過使用 錨點工具 （Shift + C）單獨捏住其側面錨點，以調整我們剛剛創建的形狀， 使其變得尖銳
步驟4
使用圓角連接爲生成的形狀提供 4 px 厚的 輪廓 （＃155B6B），並確保隨後使用Control + G 鍵盤快捷鍵將兩者選中並分組
步驟5
使用16×16 px的 圓創建瞳孔 ，將使用 ＃155B6B對其進行着色 ，然後將其居中對齊到剛剛分組的形狀
步驟6
通過使用8×8 px的 圓圈（#FFFFFF）添加小切口來結束圖標， 如參考圖像所示，我們將其定位到瞳孔的右上角 。完成後，請確保選擇並分組（Control + G）所有眼睛的合成形狀，並對整個圖標進行相同的處理
步驟7
使用我們剛剛完成的副本的副本（Control + C）創建禁用狀態圖標變體，將其粘貼（Control-F）到當前行的其餘 Artboard上，然後通過雙擊進行調整進入 隔離模式 並加入 4 PX 厚對角線 筆畫 線（＃155B6B用） 圓帽。完成後，只需按 Escape 鍵退出“ 隔離”即可
創建旗幟圖標
現在，我們進入圖標的第四行和最後一行，因此將您自己放置在其第一個 Artboard上 ，讓我們看看如何快速構建標記圖標。
步驟1
現在你已經知道了鑽，搶 橢圓工具 （大號），並使用一張背景 56×56像素 的圓，我們將顏色使用 ＃FF9B50 ，然後定位到較大的底層的中心 畫板
步驟2
使用20×16 px 矩形爲旗幟的蒼蠅創建主要形狀 ，將使用白色（#FFFFFF）對其進行着色，然後垂直居中對齊較大的背景，將其距頂部邊緣18 px的距離定位
步驟3
通過使用“ 添加錨點工具” （+）在其右邊緣的中心添加一個新的錨點來 調整我們剛剛創建的形狀， 然後使用“ 直接選擇工具” （A）選擇它 並將其推入內部通過的距離 4 PX 使用任一 方向箭頭鍵 或 移動 工具（右單擊→變換→傳送→水平→4像素）
步驟4
使用Round Join爲所得的形狀提供 4 px 粗的 輪廓 （＃155B6B） ，並確保使用Control + G 鍵盤快捷鍵將兩者選中並分組
步驟5
通過使用28 px 高 4 px 粗的 帶圓帽的描邊 線（＃155B6B） 添加極點來結束當前圖標 ，如我們在參考圖像中所看到的那樣 。完成後，請確保選擇並分組（Control + G）所有標誌的組成形狀，然後對整個圖標進行相同的操作
創建出租車圖標
我們名單上的下一個是小汽車圖標，因此將您自己 放置在下一個 Artboard上，讓我們開始吧！
步驟1
首先使用56×56 px的 圓圈創建背景 ，我們將使用 ＃FF9B50對其進行着色 ，然後將其居中對齊到較大的基礎 Artboard
步驟2
使用兩個8×6 px 矩形（＃155B6B）添加車輪的主要形狀 ，通過在“ 變形” 面板中將其 底角的半徑設置 爲 4 px進行調整 。完成後，對（Control + G）進行分組並定位結果形狀，如 參考圖像所示
步驟3
使用28×10 px 矩形（#FFFFFF）和 4 px 粗 輪廓 （＃155B6B）以及 Round Join來創建汽車的下部車身 ，將其分組（Control + G），然後定位，使其路徑與車輪
步驟4
添加使用兩個前燈 4×4像素 的正方形（＃155B6B用） 2 PX 底拐角半徑，接着使用號牌 8×4像素 的矩形（＃155B6B用） 2 PX頂圓角半徑，這是我們將如 參考圖像中所示定位
步驟5
使用24×12 px 矩形（#FFFFFF）創建汽車的上部 ，將通過使用直接選擇工具 （A）單獨選擇其頂部錨點進行 調整 ，然後將其向內推 2 px。給生成的形狀一個 4像素 厚的 輪廓 （＃155B6B），分組（Control + G），然後將兩者放置在下部頂部邊緣的頂部
步驟6
通過使用8×8 px 圓（＃155B6B）添加驅動輪來結束圖標 ，將通過移除其下半部分進行調整，然後使用8×4 px 矩形（＃155B6B）將滑行板 與 2 px 頂角半徑，我們將其定位在 參考圖像中。花些時間，一旦完成，請確保選擇並分組（Control + G）所有汽車的組成形狀，對整個圖標進行相同操作，然後再繼續進行下一個
創建分享圖標
假設您已完成上一個圖標的操作，請移至下一個 Artboard 並放大其 參考網格， 以便我們開始使用
步驟1
使用56×56 px的 圓圈快速創建背景 ，將使用 ＃FF9B50對其進行着色 ，然後將其居中對齊到較大的基礎 Artboard
步驟2
使用三個具有4 px 粗 輪廓 （＃155B6B）的8×8 px 圓（#FFFFFF） 創建小圓形段 ，我們將對它們進行單獨分組（Control + G），然後按照參考圖像中的位置放置
步驟3
通過抓住鋼筆工具 （P）並使用4 px 粗的 描邊 線（＃155B6B）連接所有三個頭來 完成圖標， 確保隨後通過右鍵單擊→排列→向後發送將其堆疊在下面 。一旦完成，別忘了選擇並分組（Control + G）之後，對整個圖標進行相同操作的所有符號組成形狀
創建過濾器圖標
現在我們到了最後一個圖標，因此假設您已經將自己 放置在其餘的Artboard上，那麼我們就 結束吧！
步驟1
就像處理所有其他圖標一樣，首先使用56x 56 px的 圓圈創建背景 ，然後使用＃FF9B50對其進行着色，然後將其定位到基礎活動繪圖區域的中心
步驟2
使用28×16 px 矩形爲漏斗的上身添加主要形狀 ，使用白色（#FFFFFF）對其進行着色，然後垂直居中對齊較大的背景，將 其與頂部背景保持 14 px的距離
步驟3
使用 8×12 px 矩形（#FFFFFF）爲下部創建主要形狀，我們將其放置在上一步中的矩形下方
步驟4
通過使用 直接選擇工具 （A）單獨選擇其底部錨點 ，然後將其推入內部，以使其最終與下部形狀的底部重疊，來調整上部 形狀。然後，選擇下部形狀的右下角 錨點 並將其推到頂部4 px的距離
步驟5
選擇兩個結果形狀，然後使用Pathfinder的 “ Unite Shape Mode ”將它們合併爲一個較大 的 形狀
步驟6
通過給漏斗一個4 px 厚的 輪廓 （＃155B6B）和一個 Round Join來完成圖標和項目本身 ，確保隨後使用Control + G 鍵盤快捷鍵將兩者選中並分組 。完成操作後，請不要忘記對整個圖標執行相同的操作，最後再單擊該保存按鈕
完成啦！
