先看看效果圖

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

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

畫板數(shù)量： 1

寬度： 800像素

身高： 600 px

單位： 像素

然后從高級(jí)選項(xiàng)卡：

顏色模式： RGB

柵格效果：屏幕(72ppi)

預(yù)覽模式：默認(rèn)

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

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

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

步驟1

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

網(wǎng)格線： 1 px

細(xì)分： 1

第2步

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

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

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

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

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

第2層：圣經(jīng)

第3層：大蒜

第4層：武器

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

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

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

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

步驟1

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

第2步

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

第3步

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

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

5.如何創(chuàng)建圣經(jīng)

我們將通過創(chuàng)建小型程式化的圣經(jīng)來啟動(dòng)這個(gè)項(xiàng)目，所以確保你在正確的層次上(這將是第二個(gè))，然后放大第一個(gè)參考網(wǎng)格，以便我們可以開始。

步驟1

使用我們將使用的84 x 116 px矩形創(chuàng)建圣經(jīng)主體的主要形狀#895C4D，然后居中對齊到基礎(chǔ)活動(dòng)繪圖區(qū)域。

第2步

使用我們將使用的6 x 116 px矩形添加封面的較深部分#70473C，然后居中對齊到先前創(chuàng)建的形狀的左邊緣。

第3步

使用Stroke方法將大綱添加到封面，方法是創(chuàng)建較大主體的副本(Control-C)并將其粘貼在前面(Control-F)。復(fù)制到位后，用其筆觸(Shift-X)翻轉(zhuǎn)其填充顏色，然后通過將其更改為#332E2E 并將其重量設(shè)置為4像素并將它的“ 從角落到圓角加入”從“ 描邊”面板內(nèi)進(jìn)行調(diào)整。

步驟4

使用鋼筆工具(P)，使用相同的4 px厚的筆畫()，繪制封面較暗部分的垂直輪廓線#332E2E，確保其定位點(diǎn)與較大輪廓的路徑重疊，底層矩形。

第5步

添加兩條8 px厚度的水平分隔線(#332E2E)，在封面的每邊放置一個(gè)，距離較大輪廓的外邊緣8 px，然后選擇并分組(Control-G)所有封面的構(gòu)圖形狀。