首頁 > 設計 > 平面設計 > 正文

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

2018-10-16 21:02:04
字體:
來源:轉載
供稿:網友

  上次我們介紹了用Illustrator打造蘋果風格圖標的第一部分,也就是形狀的建立(《AI打造清新蘋果風格圖標一:形狀的建立》),今天我們來介紹第二步,看看用什么方法能將圖標做成立體的效果。

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

  Illustrator打造蘋果風格圖標_立體化_網頁教學網轉載

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

  Illustrator打造蘋果風格圖標_立體化_網頁教學網轉載

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

Illustrator打造蘋果風格圖標_立體化_網頁教學網轉載

  此形狀將分為兩截??稍贗llustrator圖層調板中暫時將上面較小的形狀關閉顯示。

  Illustrator打造蘋果風格圖標_立體化_網頁教學網轉載

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

  Illustrator打造蘋果風格圖標_立體化_網頁教學網轉載

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

  Illustrator打造蘋果風格圖標_立體化_網頁教學網轉載

  在漸變調板中,將左端的滑塊相中心位置移動Illustrator打造蘋果風格圖標_立體化_網頁教學網轉載

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

  Illustrator打造蘋果風格圖標_立體化_網頁教學網轉載

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

  Illustrator打造蘋果風格圖標_立體化_網頁教學網轉載

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

  Illustrator打造蘋果風格圖標_立體化_網頁教學網轉載

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

  Illustrator打造蘋果風格圖標_立體化_網頁教學網轉載

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

  Illustrator打造蘋果風格圖標_立體化_網頁教學網轉載

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

  Illustrator打造蘋果風格圖標_立體化_網頁教學網轉載

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

  Illustrator打造蘋果風格圖標_立體化_網頁教學網轉載

  看看整體效果

  Illustrator打造蘋果風格圖標_立體化_網頁教學網轉載

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
金玫玫床戏