教你使用Photoshop繪制一組復(fù)古風(fēng)格學(xué)習(xí)工具圖標(biāo)，教程主要分為前期準(zhǔn)備工作和學(xué)習(xí)工具圖標(biāo)的繪制兩大部分，準(zhǔn)備工作主要有文檔、圖層的設(shè)置以及網(wǎng)格的調(diào)整，主要介紹的是背包、筆記本、秒表、寫作工具、小三角旗及足球6個學(xué)習(xí)工具圖標(biāo)創(chuàng)建方法，效果很精致復(fù)古，好了，話不多說，下面讓我們一起去看看具體的制作步驟吧！

效果圖：

具體步驟：

1.  設(shè)置文檔

假設(shè)您已經(jīng)安裝了PS并且正在運行，那么讓我們快速完成設(shè)置文檔的過程。首先，進(jìn)入文件>新建鍵盤快捷鍵，然后按如下方式調(diào)整不同的選項：

2.設(shè)置圖層

一旦我們創(chuàng)建了文檔，我們必須通過為每個圖標(biāo)創(chuàng)建一組單獨的圖層來做好準(zhǔn)備。通過這樣做，我們不僅可以簡化工作流程。

因此，假設(shè)您知道如何使用“ 圖層”面板，請將其打開并創(chuàng)建七個圖層，并將其命名為：

網(wǎng)格

背包

筆記本

寫作工具

幡

跑表

足球

3.調(diào)整網(wǎng)格

PS允許使用網(wǎng)格，因此您應(yīng)該知道它可以設(shè)置網(wǎng)格 / 像素網(wǎng)格。只要使用“查看”頂部菜單下的“對齊網(wǎng)格/捕捉到像素”選項。

由于不同的情況需要不同的網(wǎng)格設(shè)置，因此有時您可能會發(fā)現(xiàn)自己處于需要調(diào)整預(yù)先包裝在Illustrator中的設(shè)置的位置。

我個人已經(jīng)以最低和同時最精確的價值走了，因為這可以更好地控制我的設(shè)計。

要更改這些設(shè)置，您必須轉(zhuǎn)到編輯>首選項>指南和網(wǎng)格。在那里您會看到一個小小的彈出窗口，它可以讓您調(diào)整以下內(nèi)容：

網(wǎng)格線：1 px

細(xì)分：1

一旦你調(diào)整了這些設(shè)置，為了讓所有的像素變得清晰，你所需要做的就是啟用“ 查看” 菜單下的“ 對齊網(wǎng)格”選項。

快速提示：您應(yīng)該知道，每次進(jìn)入像素預(yù)覽模式時，對齊網(wǎng)格選項都會轉(zhuǎn)換為對齊像素，但這很完美，因為大部分時間您都會前進(jìn)到該顯示模式。

現(xiàn)在，如果您習(xí)慣于在鍵盤方向箭頭鍵的幫助下移動物體，則可能需要將鍵盤增量更改為更精確的像素（1像素），以使其盡可能精確。您可以通過編輯>首選項>常規(guī)>鍵盤增量來完成此操作。

通常，當(dāng)你開始處理任何新圖標(biāo)時，你應(yīng)該考慮幾件事情，其中之一是基本網(wǎng)格。

根據(jù)定義，基本網(wǎng)格是一個精確定界的參考表面，為了引導(dǎo)您完成創(chuàng)建圖標(biāo)包資產(chǎn)的過程，它被構(gòu)建和使用。網(wǎng)格的大小對于每個項目都是主觀的，這意味著有時您可能需要創(chuàng)建更小的圖標(biāo)，而其他時候您可能會發(fā)現(xiàn)自己需要使用更大的圖標(biāo)。

通常，基本網(wǎng)格的形狀是一個完美的正方形，因為與圓形相比，它可以更好地規(guī)劃和構(gòu)建形狀和線條，從而可以完全控制像素數(shù)量。

在我們的例子中，我們將保持簡單，并使用矩形工具（M）創(chuàng)建六個96 x 96像素的正方形（），這將定義圖標(biāo)的大小，并添加一個較小的92 x 92像素一（）它們中的每一個將充當(dāng)我們的活動繪圖區(qū)域，因此給我們提供全方位的2px填充。#CCCCCC#E6E6E6

網(wǎng)格中的每一個進(jìn)行分組，然后將它們彼此定位為  60 px，從而創(chuàng)建兩排三個網(wǎng)格。

只要你有所有的基本網(wǎng)格，你可以鎖定它們的圖層，這樣你就不會意外移動它們，然后我們就可以開始處理第一個圖標(biāo)。