<em id="hanht"></em>

    <dd id="hanht"></dd>

    <em id="hanht"><acronym id="hanht"></acronym></em>
    
    <button id="hanht"></button>
    <rp id="hanht"><object id="hanht"><blockquote id="hanht"></blockquote></object></rp><em id="hanht"></em>

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

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

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