<menu id="ocigx"><listing id="ocigx"><em id="ocigx"></em></listing></menu><em id="ocigx"><track id="ocigx"><strong id="ocigx"></strong></track></em>
<ins id="ocigx"></ins>

<samp id="ocigx"></samp>

<mark id="ocigx"><ruby id="ocigx"><legend id="ocigx"></legend></ruby></mark><bdo id="ocigx"></bdo>
      <kbd id="ocigx"></kbd>
      首頁 > 設計 > 平面設計 > 正文

      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打造蘋果風格圖標_立體化_網頁教學網轉載

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