1. 程式人生 > >建立一套精美的辦公主題圖示

建立一套精美的辦公主題圖示

(本教程由尋 圖示icon.52112.com提供)

 

建立基本形狀

首先讓我們在Adobe Illustrator中建立一個具有以下引數的新文件:

(本教程由尋 圖示icon.52112.com提供)

 

我們要做的第一件事就是建立輪廓,稍後會對其進行著色。

首先讓我們從杯子開始,用矩形工具(M)建立兩個矩形(輪廓寬度設定為4 px)。第一個矩形大小調整為48x51畫素,另一個調整為48x48畫素,這些是杯子的主體部分。

接下來繪製杯子手柄,調整成C的形狀,並使用形狀生成器工具

(Shift + M)將它們聯合起來。

最後,使用鋼筆工具(P)建立一個不連續的線條進行裝飾,蒸汽的繪製則是繪製一個橢圓,從中刪除其中一個錨點。再次使用鋼筆工具,新增連線到半橢圓的兩條線,選擇直線和橢圓剩餘部分連線到一起。如此將重複三次,我們就完成杯子的繪製了!

 

接下來讓我們繪製筆筒。

首先建立一個43x60畫素的矩形,另一個調整為50x7畫素作為筆筒邊沿,鉛筆的繪製,則是繪製一個70x7 px矩形和一個較小的矩形制作橡皮擦(放置在鉛筆的一端)。接下來建立另一個鉛筆,完成後使用一個100x15畫素的矩形建立標尺。首先使用鋼筆工具(P)新增兩個條紋,進行復制,佈滿整個標尺。接下來旋轉所有物體並將它們排列在杯子後面,讓它們看起來好像放置在筆筒裡面。

 

接下來我們繪製一個形狀簡單的資料夾。

使用直接選擇工具(A)建立一個14x67px的矩形。複製並貼上在前排(Ctrl + C> Ctrl + F)。建立另一個矩形(83x50畫素)並向左對齊調整讓它與之前的矩形底部端點對齊。選擇兩個矩形並使用形狀生成器工具(Shift + M)擦除左側多餘部分。

 

繼續建立資料夾。接下來建立一個新的矩形,作為資料夾的下半部分。使用“路徑查詢器”將其與資料夾的主要部分聯合。在上頂點新增一點圓度,使用鋼筆工具,新增兩個錨點建立資料夾封面。為了使資料夾更加完整,接下來我們使用鋼筆工具建立兩條直線,一個放到封面上,另一個放到書脊的位置。

 

接下來繪製計算機。首先建立一個75x50畫素的矩形並調整為圓角。然後使用直線工具繪製一條線調整的矩形的下半部分,並使用形狀生成器工具(Shift + M)刪除多餘形狀。接下來,建立18x20畫素的矩形,並使用自由變換工具(E)將其調整為梯形。最後,繪製一條直線作為底座,再在螢幕上繪製幾條直線進行裝飾。

繪製膝上型電腦,首先我們繪製一個80x10畫素的矩形並調整為圓角。然後建立另一個25 px寬的矩形和長度自定,並將它放在第一個矩形的中心。選擇兩者並單擊“路徑查詢器”面板中的“減去”刪去多餘部分。接下來建立另一個矩形(61x51畫素,圓角)作為膝上型電腦的螢幕。最後,在螢幕上繪製兩條直線完成膝上型電腦的繪製。

 

繪製智慧手機,首先建立一個37x66畫素的矩形並調整成圓角。接下來繪製23x39畫素的矩形作為螢幕,並使用帶圓角的鋼筆工具繪製一條線。然後在螢幕上建立一個2 px的直線,最後在螢幕的底部繪製一個小橢圓(L)完成手機的繪製。

 

製作印表機,首先我們建立一個帶圓角的75x45畫素的矩形作為印表機主體部分,然後繪製另一個40x31畫素的矩形作為列印紙張,紙張上半部分可以繪製一個25x31畫素的矩形。接下來使用直接選擇工具(A使用Alt +單擊製作檔案的“摺疊”部分。接下來在列印紙上方新增一些直線,並在紙張和印表機上新增一些細節。印表機的繪製就完成了。

 

接下來我們開始繪製檔案!建立一個55x70畫素的矩形並複製出一個副本(Ctrl + C> Ctrl + F)並將其傳送到底部。然後使用鋼筆工具在第一個矩形的左上角繪製一個斜角。最後在紙的上方繪製幾條直線完成檔案的製作。

 

繪製書籍

建立一個50x10畫素的矩形並調整左邊端點為圓角,選擇並複製,然後建立另一個50x70畫素的矩形作為書籍封面,並將其與第一個矩形的底部對齊,然後選擇重複的矩形,再次使用形狀生成器工具(Shift + M)刪除矩形的多餘部分把帶有圓角的矩形放置在封面的左上角,完成書脊的製作。接下來在調整書籍下方的矩形右端移動到下圖中的位置,然後書籍下面新增一條直線。建立另一個矩形(10x19px)製作書籤並在矩形下部新增錨點並向上移動。最後在書籍的封面上繪製幾條直線新增細節完成書籍的繪製。

 

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

(本教程由尋 圖示icon.52112.com提供)

 

現在讓我們為它們上色

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

 

圖示完成!

 

(本教程由尋 圖示icon.52112.com提供)