製作像素完美的圖示，尤其是在小尺寸下仍能清晰顯示的圖示，可能看起來需要向量編輯方面的高級文憑才能達成。但如果您知道正確的技巧，就可以結合幾個簡單的形狀和 Sketch 的一些基本功能，製作出令人印象深刻的成果。
今天，我們將介紹三種在 Sketch 中製作圖示的簡單技巧。完全不需要繪圖技巧！更棒的是，您可以將這些技巧應用於各種場景，而不僅僅是圖示。
您將學習使用以下方式製作圖示：
- 布林運算，例如減去和交集
- 邊框
- 基本形狀工具，例如橢圓形和矩形
- 向量編輯
讓我們來看看 🔍
使用「減去」製作位置圖釘圖示
按下 O 啟動橢圓形工具，並建立一個 12x12 px 的圓形。您可以按住 ⌥⇧ 從中心向外建立一個完美的圓形。或者，您可以快速插入圓形，然後透過檢查器調整大小。
預設情況下，每個新形狀都會有灰色填色和邊框。讓我們移除邊框，並將填色設定為黑色。現在，再次選取圖層，然後按下 5 將不透明度降低到 50%。
要在位置圖釘圖示中建立孔洞，請選取圓形圖層並按下 ⌘D 複製它。然後按住 ⇧⌥ 並將其縮小到 6x6 px。
由於之前降低了不透明度，現在可以輕鬆地在我們進行裁切之前看到形狀是如何重疊的。
現在是有趣的部分了，重新調整較大的圓形以製作圖釘形狀。雙擊圓形以進入向量編輯模式，然後將底部點向下拖動以拉伸它。
這個點目前有兩個控制點正在彎曲路徑。我們需要一個直的硬角，所以雙擊切換到直線點。然後，套用 1 的圓角半徑來柔化該點。
最後，選取兩個圖層，並使用工具列上的「減去」布林運算，從後面的圖層中裁切前面的圖層，就完成了！
使用「差集」製作眼球圖示
您可以使用與之前相同的技巧製作眼球圖示，但這次讓我們嘗試不同的方法。前往第二個畫板，並使用橢圓形工具繪製一個 28x28 px 的圓形。
您會注意到圓形比畫板本身大，這完全沒問題。將其向上移動，使其距離畫板底部邊緣 5px。
複製圖層，這次按住 ⌥ 並拖曳出一個副本 — 或者您可以使用上一步驟中的相同技巧。將副本放置在距離畫板頂部邊緣 5px 處。
您已經可以看到重疊部分形成了眼球的形狀，因此請選取兩個圖層並套用「交集」布林運算 — 這將只保留重疊區域。
您可以保留形狀的原樣，但我們會再提供一些技巧來柔化邊角。如果您雙擊進行編輯，您會發現圓圈仍然存在，因為布林運算是「非破壞性」的。若要將布林運算的可見結果轉換為路徑，我們首先需要將其「拼合」，方法是點擊工具列中的「工具」按鈕，然後從下拉式選單中選取「拼合」。
現在，回到「向量編輯模式」，將側點向內微移 1px。選取這兩個點，並在「檢查器」中將點類型變更為「直線」。是的，現在角度看起來會更尖銳，但我們可以賦予它們 1 的圓角半徑。按 ↵ 離開向量編輯模式。
對於瞳孔，建立一個 10x10 的圓圈，複製它，並將其縮小到 6x6 px。確保圖層已對齊，選取所有圖層，然後點擊「差異」布林運算，以一次性交替新增和減去所有重疊圖層。這樣就完成了 🌯
使用「邊框」建立放大鏡圖示
對於最後一個範例，我們將使用「邊框」而不是「填滿」來繪製。與前面的範例一樣，您可以使用我們介紹過的任何技巧來建立此圖示，但讓我們來探索最後這個技巧。
前往您最後一個畫板並建立一個 14x14 的圓圈。點擊 F 移除「填滿」，然後點擊 B 新增「邊框」。將邊框的顏色變更為黑色，將寬度增加到 2px，並確保位置設定為「內側」— 儘管這可能是預設值。
現在，對於放大鏡手柄，讓我們使用「向量工具」繪製一條線段，您可以按 V 來觸發此工具。您也可以使用「線條」工具，但我們建議使用「向量工具」以獲得更高的精確度。在繪製線條之前，請前往「檢查器」並點擊「對齊半像素」按鈕，它是尺寸控制項下方的第三個按鈕。
接下來，點擊以使第一個點位於圓圈底部上方半像素處，然後稍微向下移動並新增第二個點。點擊 ↵ 確認您已完成繪製，並為手柄賦予與圓圈相同的樣式。
若要將手柄方形的底部變圓，您可以展開邊框 — 我們會選擇 3 px — 並切換到圓形端點。此時，您可以將圖層分組，旋轉它們並完成操作。但我們將引導您完成更多步驟，使其看起來就像我們今天製作的其他圖示一樣。
選取兩個路徑，點擊工具列上的「編輯」圖示，然後選擇「輪廓」。現在，我們不再使用具有邊框的兩個路徑，而是使用具有「填滿」的兩個複合路徑，您可以使用「聯集」布林運算來合併它們。
按住 ⌘⇧ 並拖曳邊界框，直到將形狀旋轉 -45 度。您也可以將整個物件拼合成單一、最佳化的複合路徑。這樣就完成了！
這樣一來，我們就用三種不同的技巧繪製了三個圖示，過程中也學到了很多訣竅。希望你也學到了一些新技能，並且對在 Sketch 中建立圖示更有信心。如果你有任何問題，或者想學習如何建立特定的內容，隨時都可以在我們的論壇中詢問我們超棒的社群。
