先看看效果圖

1.如何設置新文檔

由于我非常確定您已經在后臺運行了Illustrator，因此請將其啟動，并使用以下設置設置新文檔(文件>新建或控制-N)：

畫板數量： 1

寬度： 800像素

身高： 600 px

單位： 像素

然后從高級選項卡：

顏色模式： RGB

柵格效果：屏幕(72ppi)

預覽模式：默認

快速提示：你們中的一些人可能已經注意到，將新對象與像素網格對齊選項丟失。這是因為我正在運行該軟件的新版CC 2017版本，其中Illustrator 處理形狀捕捉到底層像素網格的方式發生了很大變化。

2.如何設置自定義網格

由于我們將使用像素完美的工作流創建圖標，因此我們需要設置一個漂亮的小網格，以便我們可以完全控制我們的形狀 - 也就是說，如果我們運行的是舊版本的該軟件。

步驟1

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

網格線： 1 px

細分： 1

快速提示：通過深入閱讀Illustrator網格系統的工作原理，您可以更多地了解網格。

第2步

一旦我們設置了自定義網格，我們需要做的就是確保我們的形狀看起來很清晰，可以在視圖菜單下找到對齊網格選項，每當您進入像素預覽時就會轉換為對齊像素模式。

現在，如果您對整個“像素完美的工作流程”很陌生，我強烈建議您仔細閱讀我如何創建像素完美的藝術作品教程，這將有助于您立即拓寬技術技能。

3.如何設置圖層

在創建新文檔的情況下，使用幾個圖層來構建項目將是一個不錯的主意，因為通過這種方式，我們可以一次關注一個圖標，從而保持穩定的工作流程。

這就是說，調出圖層面板，并總共創建四個圖層，我們將重新命名為：

第1層：參考網格

第2層：電話共享

第3層：電子郵件共享

第4層：即時通訊分享

4.如何創建參考網格

該 基準網格 (或基礎網格)是一組精確的界定參考面，這讓我們專注于規模性和一致性，以建立我們的圖標。

通常，網格的大小決定了實際圖標的大小，并且它們應該始終是您在開始新項目時做出的第一個決定，因為您始終希望從最小的可能大小開始并在此基礎上進行構建。

現在，在我們的例子中，我們將只使用一個尺寸創建圖標包，更確切地說是128 x 128像素，這是一個相當大的尺寸。

步驟1

首先鎖定除參考網格圖層以外的所有圖層，然后抓住矩形工具(M)并創建一個128 x 128像素的橙色(#F15A24)方形，這將有助于定義圖標的整體大小。

第2步

添加另一個更小的120 x 120 px one(#FFFFFF)，它將作為我們的活動繪圖區域，從而為我們提供全方位4 px填充。

第3步

使用Control-G鍵盤快捷鍵對組成參考網格的兩個方塊進行分組，然后在彼此距離為40 px的位置創建兩個副本，確保將它們對齊到畫板的中心。

完成后，鎖定當前圖層并轉到下一個圖層，在那里我們將開始處理第一個圖標。

5.如何創建電話共享圖標

隨著文檔的全部設置，讓我們通過確保我們位于正確的圖層(這將是第二個)然后放大第一個參考網格來啟動項目，以便我們可以更好地了解我們的圖標的形狀。

步驟1

使用帶有8像素角半徑的56 x 94像素圓角矩形創建其主體 ，然后將其置于底層活動繪圖區域的左下角，開始使用左手機，確保將 4 px缺口為其大綱。#C4CEE8

第2步

通過創建它的一個副本(Control-C)，我們將在前面粘貼(Control-F)，然后通過將其顏色更改為#2B3249，然后將其重量設置為8 px。

完成后，使用Control-G鍵盤快捷鍵選擇并將兩個形狀組合在一起。