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

效果圖：

具體步驟：

1.  設(shè)置文檔

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

2.設(shè)置圖層

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

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

網(wǎng)格

背包

筆記本

寫作工具

幡

跑表

足球

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

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

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

我個(gè)人已經(jīng)以最低和同時(shí)最精確的價(jià)值走了，因?yàn)檫@可以更好地控制我的設(shè)計(jì)。

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

網(wǎng)格線：1 px

細(xì)分：1

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

快速提示：您應(yīng)該知道，每次進(jìn)入像素預(yù)覽模式時(shí)，對(duì)齊網(wǎng)格選項(xiàng)都會(huì)轉(zhuǎn)換為對(duì)齊像素，但這很完美，因?yàn)榇蟛糠謺r(shí)間您都會(huì)前進(jìn)到該顯示模式。

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

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

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

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

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

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

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

最新評(píng)論