萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Adobe Illustrator教程 >> Illustrator打造蘋果風格圖標:立體化

Illustrator打造蘋果風格圖標:立體化

   將扳手的形狀選中,執行Illustrator的“對象>路徑>偏移路徑”命令,彈出“偏移路徑”對話框,輸入數值-0.4。(注:-0.4的數值只是根據形狀大小而來,偏移路徑命令只能計算絕對數值,而不能計算相對數值,希望能在CS3的版本中能夠有所更新,所以大家在使用該命令的時候,要嘗試大小合適才行。)

Illustrator打造蘋果風格圖標:立體化    三聯

  單擊“好”按鈕,得到一個與外輪廓相似的形狀。

Illustrator打造蘋果風格圖標22_立體化_天極設計在線轉載

  將兩個形狀選中,使用Illustrator美工刀工具將圖形在圖形的扳手頭尾部割下一條軌跡,注意不要割到扳手頭。

Illustrator打造蘋果風格圖標_立體化23_天極設計在線轉載

  此形狀將分為兩截。可在Illustrator圖層調板中暫時將上面較小的形狀關閉顯示。

Illustrator打造蘋果風格圖標_立體化24_天極設計在線轉載

  將兩個外輪廓同時選中,單擊工具箱底部的漸變按鈕。

Illustrator打造蘋果風格圖標_立體化25_天極設計在線轉載

  使用漸變工具從上往下拖曳,在拖曳的同時注意漸變的變化。

Illustrator打造蘋果風格圖標_立體化26_天極設計在線轉載

  在漸變調板中,將左端的滑塊相中心位置移動

Illustrator打造蘋果風格圖標27_立體化_天極設計在線轉載

  並在顏色調板中取一個深灰色

Illustrator打造蘋果風格圖標_立體化28_天極設計在線轉載

  單擊漸變調板最左端的空白處,會自動添加一個漸變滑塊。

Illustrator打造蘋果風格圖標_立體化29_天極設計在線轉載

  並改變該滑塊的顏色為淺灰色。

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  此時可以再使用漸變工具更改漸變的方向和位置。

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  在圖層調板中將隱藏的形狀再次顯示,並選中扳手頭部分

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  應用剛才創建的漸變,只是做漸變方向的改變而已

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  同樣,手柄部分也是漸變的方向改變

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  看看整體效果

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  2  選中扳手頭內部的形狀,執行“對象>路徑>偏移路徑”命令,同樣位移的數值適合即可。

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  將得到形狀填充為白色。

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  用美工刀工具進行切割,注意切割的起點和終點,還必須保持一定的平滑度。

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  切割後的結果,如不滿意,可以按下Ctrl+Z返回上一步驟,重新切割。

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  使用直接選擇工具,選擇上半部分,並按DEL鍵刪除

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  使用矩形工具繪制一個矩形。

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  填充由上至下的漸變,此漸變為黑色到白色。

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  可以利用圖層調板,按住Shift鍵將圖中所示的兩個形狀選中。

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  在透明度調板中執行“建立不透明蒙版”命令

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  得到半透明的漸隱效果。

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  至此,扳手的部分立體化就完成了,我們可以將其全選,並執行Ctrl+ G命令。

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  3

  將螺絲刀圖形的手柄部分填充漸變如下所示,上面的講解中已經詳細講解了漸變的創建,這裡就不再累述。

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  使用漸變工具來改變漸變的方向。

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  選中刀桿的圖形,使用Illustrator美工刀工具一分為二。

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  左半部分填充漸變如圖所示。

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  右半部分填充漸變如圖所示。

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

  並執行“對象>路徑>偏移路徑”命令,得到的新形狀填充為灰色。

Illustrator打造蘋果風格圖標_立體化_天極設計在線轉載

 

copyright © 萬盛學電腦網 all rights reserved