先看看效果圖

1.如何設(shè)置新文檔

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

畫板數(shù)量： 1

寬度： 800像素

身高： 600 px

單位： 像素

然后從高級選項卡：

顏色模式： RGB

柵格效果：屏幕(72ppi)

預(yù)覽模式：默認

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

2.如何設(shè)置自定義網(wǎng)格

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

步驟1

轉(zhuǎn)到編輯>首選項>指南和網(wǎng)格子菜單，然后調(diào)整以下設(shè)置：

網(wǎng)格線： 1 px

細分： 1

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

第2步

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

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

3.如何設(shè)置圖層

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

這就是說，調(diào)出圖層面板，并總共創(chuàng)建四個圖層，我們將重新命名為：

第1層：參考網(wǎng)格

第2層：電話共享

第3層：電子郵件共享

第4層：即時通訊分享

4.如何創(chuàng)建參考網(wǎng)格

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

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

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

步驟1

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

第2步

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

第3步

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

完成后，鎖定當(dāng)前圖層并轉(zhuǎn)到下一個圖層，在那里我們將開始處理第一個圖標。

5.如何創(chuàng)建電話共享圖標

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

步驟1

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

第2步

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

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