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

來源:站酷 作者:不詳 學(xué)習(xí):5504人次

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

圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)_theoat.com.cn

操作步驟:

創(chuàng)建基本形狀

首先讓我們?cè)贏dobe Illustrator中創(chuàng)建一個(gè)具有以下參數(shù)的新文檔:

圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)_theoat.com.cn

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

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

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

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

圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)_theoat.com.cn
theoat.com.cn

接下來讓我們繪制筆筒。

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

圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)_theoat.com.cn

接下來我們繪制一個(gè)形狀簡(jiǎn)單的文件夾。

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

圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)_theoat.com.cn

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

圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)_theoat.com.cn

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

圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)_theoat.com.cn

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

圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)_theoat.com.cn

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

圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)_theoat.com.cn

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

圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)_theoat.com.cn

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

圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)_theoat.com.cn

繪制書籍

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

圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)_theoat.com.cn

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

圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)_theoat.com.cn

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

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

圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)_theoat.com.cn

完成:

圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)_theoat.com.cn

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

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!