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

來源:站酷 作者:不詳 學習:5504人次

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

圖標設(shè)計,用PS制作精美的辦公室圖標_m.theoat.com.cn

操作步驟:

創(chuàng)建基本形狀

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

圖標設(shè)計,用PS制作精美的辦公室圖標_m.theoat.com.cn

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

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

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

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

圖標設(shè)計,用PS制作精美的辦公室圖標_m.theoat.com.cn
m.theoat.com.cn

接下來讓我們繪制筆筒。

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

圖標設(shè)計,用PS制作精美的辦公室圖標_m.theoat.com.cn

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

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

圖標設(shè)計,用PS制作精美的辦公室圖標_m.theoat.com.cn

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

圖標設(shè)計,用PS制作精美的辦公室圖標_m.theoat.com.cn

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

圖標設(shè)計,用PS制作精美的辦公室圖標_m.theoat.com.cn

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

圖標設(shè)計,用PS制作精美的辦公室圖標_m.theoat.com.cn

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

圖標設(shè)計,用PS制作精美的辦公室圖標_m.theoat.com.cn

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

圖標設(shè)計,用PS制作精美的辦公室圖標_m.theoat.com.cn

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

圖標設(shè)計,用PS制作精美的辦公室圖標_m.theoat.com.cn

繪制書籍

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

圖標設(shè)計,用PS制作精美的辦公室圖標_m.theoat.com.cn

這樣圖標的輪廓就完成了!

圖標設(shè)計,用PS制作精美的辦公室圖標_m.theoat.com.cn

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

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

圖標設(shè)計,用PS制作精美的辦公室圖標_m.theoat.com.cn

完成:

圖標設(shè)計,用PS制作精美的辦公室圖標_m.theoat.com.cn

圖標制作大同小異,同學們只需要挑一個自己感興趣的圖標制作即可,通過實際操作來制作一下吧。

學習 · 提示

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

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

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