圖標(biāo)設(shè)計，用PS制作精美的辦公室圖標(biāo)(4)

本篇教程通過PS制作精美的辦公室圖標(biāo)，教程制作比較長，同學(xué)學(xué)習(xí)的時候要有耐心，這個屬于翻譯教程，翻譯出來也通俗易懂，同學(xué)們可以通過教程跟著來學(xué)習(xí)一起，圖標(biāo)制作有很多種，我們可以挑自己喜歡的圖標(biāo)教程進(jìn)行制作，具體一起來學(xué)習(xí)一下吧，相信你可以做的更好。

操作步驟：

創(chuàng)建基本形狀

首先讓我們在Adobe Illustrator中創(chuàng)建一個具有以下參數(shù)的新文檔：

我們要做的第一件事就是創(chuàng)建輪廓，稍后會對其進(jìn)行著色。

首先讓我們從杯子開始，用矩形工具（M）創(chuàng)建兩個矩形（輪廓寬度設(shè)置為4 px）。第一個矩形大小調(diào)整為48x51像素，另一個調(diào)整為48x48像素，這些是杯子的主體部分。

接下來繪制杯子手柄，調(diào)整成C的形狀，并使用形狀生成器工具（Shift + M）將它們聯(lián)合起來。

最后，使用鋼筆工具（P）創(chuàng)建一個不連續(xù)的線條進(jìn)行裝飾，蒸汽的繪制則是繪制一個橢圓，從中刪除其中一個錨點(diǎn)。再次使用鋼筆工具，添加連接到半橢圓的兩條線，選擇直線和橢圓剩余部分連接到一起。如此將重復(fù)三次，我們就完成杯子的繪制了！

theoat.com.cn

接下來讓我們繪制筆筒。

首先創(chuàng)建一個43x60像素的矩形，另一個調(diào)整為50x7像素作為筆筒邊沿，鉛筆的繪制，則是繪制一個70x7 px矩形和一個較小的矩形制作橡皮擦（放置在鉛筆的一端）。接下來創(chuàng)建另一個鉛筆，完成后使用一個100x15像素的矩形創(chuàng)建標(biāo)尺。首先使用鋼筆工具（P）添加兩個條紋，進(jìn)行復(fù)制，布滿整個標(biāo)尺。接下來旋轉(zhuǎn)所有物體并將它們排列在杯子后面，讓它們看起來好像放置在筆筒里面。

接下來我們繪制一個形狀簡單的文件夾。

使用直接選擇工具（A）創(chuàng)建一個14x67px的矩形。復(fù)制并粘貼在前排（Ctrl + C> Ctrl + F）。創(chuàng)建另一個矩形（83x50像素）并向左對齊調(diào)整讓它與之前的矩形底部端點(diǎn)對齊。選擇兩個矩形并使用形狀生成器工具（Shift + M）擦除左側(cè)多余部分。

繼續(xù)創(chuàng)建文件夾。接下來創(chuàng)建一個新的矩形，作為文件夾的下半部分。使用“路徑查找器”將其與文件夾的主要部分聯(lián)合。在上頂點(diǎn)添加一點(diǎn)圓度，使用鋼筆工具，添加兩個錨點(diǎn)創(chuàng)建文件夾封面。為了使文件夾更加完整，接下來我們使用鋼筆工具創(chuàng)建兩條直線，一個放到封面上，另一個放到書脊的位置。

接下來繪制計算機(jī)。首先創(chuàng)建一個75x50像素的矩形并調(diào)整為圓角。然后使用直線工具繪制一條線調(diào)整的矩形的下半部分，并使用形狀生成器工具（Shift + M）刪除多余形狀。接下來，創(chuàng)建18x20像素的矩形，并使用自由變換工具（E）將其調(diào)整為梯形。最后，繪制一條直線作為底座，再在屏幕上繪制幾條直線進(jìn)行裝飾。

繪制筆記本電腦，首先我們繪制一個80x10像素的矩形并調(diào)整為圓角。然后創(chuàng)建另一個25 px寬的矩形和長度自定，并將它放在第一個矩形的中心。選擇兩者并單擊“路徑查找器”面板中的“減去”刪去多余部分。接下來創(chuàng)建另一個矩形（61x51像素，圓角）作為筆記本電腦的屏幕。最后，在屏幕上繪制兩條直線完成筆記本電腦的繪制。

繪制智能手機(jī)，首先創(chuàng)建一個37x66像素的矩形并調(diào)整成圓角。接下來繪制23x39像素的矩形作為屏幕，并使用帶圓角的鋼筆工具繪制一條線。然后在屏幕上創(chuàng)建一個2 px的直線，最后在屏幕的底部繪制一個小橢圓（L）完成手機(jī)的繪制。

制作打印機(jī)，首先我們創(chuàng)建一個帶圓角的75x45像素的矩形作為打印機(jī)主體部分，然后繪制另一個40x31像素的矩形作為打印紙張，紙張上半部分可以繪制一個25x31像素的矩形。接下來使用直接選擇工具（A）使用Alt +單擊制作文件的“折疊”部分。接下來在打印紙上方添加一些直線，并在紙張和打印機(jī)上添加一些細(xì)節(jié)。打印機(jī)的繪制就完成了。

接下來我們開始繪制文件！創(chuàng)建一個55x70像素的矩形并復(fù)制出一個副本（Ctrl + C> Ctrl + F）并將其發(fā)送到底部。然后使用鋼筆工具在第一個矩形的左上角繪制一個斜角。最后在紙的上方繪制幾條直線完成文件的制作。

繪制書籍

創(chuàng)建一個50x10像素的矩形并調(diào)整左邊端點(diǎn)為圓角，選擇并復(fù)制，然后創(chuàng)建另一個50x70像素的矩形作為書籍封面，并將其與第一個矩形的底部對齊，然后選擇重復(fù)的矩形，再次使用形狀生成器工具（Shift + M）刪除矩形的多余部分把帶有圓角的矩形放置在封面的左上角，完成書脊的制作。接下來在調(diào)整書籍下方的矩形右端移動到下圖中的位置，然后書籍下面添加一條直線。創(chuàng)建另一個矩形（10x19px）制作書簽并在矩形下部添加錨點(diǎn)并向上移動。最后在書籍的封面上繪制幾條直線添加細(xì)節(jié)完成書籍的繪制。

這樣圖標(biāo)的輪廓就完成了！

現(xiàn)在讓我們?yōu)樗鼈兩仙?/p>

對于上色每個設(shè)計師的感覺不同，這里不做強(qiáng)度，我選擇使用以下顏色來填充它們：

完成：

圖標(biāo)制作大同小異，同學(xué)們只需要挑一個自己感興趣的圖標(biāo)制作即可，通過實際操作來制作一下吧。