首頁>軟件教程>AI教程> 教程內(nèi)容

AI圖標(biāo)教程，設(shè)計(jì)一個天氣主題圖標(biāo)

來源：微博作者：楊洋-XHM

這是一篇臨摹教程，參考了別人的作品設(shè)計(jì)出來的，主題是一秋分天氣，特別介紹了AI的漸變工具的使用，分享給想學(xué)AI的同學(xué)了。

作者追波：@Yuan

<點(diǎn)圖片看大圖>www.theoat.com.cn

步驟一：

打開你的Adobe Illustrator，創(chuàng)建一個新文檔。

寬度：800像素高度：600像素

首先，我們將插畫的背景畫出來。

使用橢圓工具(L)畫一個正圓，并用對齊面板(Shift+F7)將圓對齊到畫板中心。?然后用參考線工具標(biāo)出正圓的正中心。

<點(diǎn)圖片看大圖>

使用路徑查找器(Shift+Ctrl+F7)將背景一分為四，上面天空多一點(diǎn)，下面的地面適當(dāng)?shù)纳僖稽c(diǎn)。同時給每個色塊填充相應(yīng)顏色，數(shù)值見下圖：

<點(diǎn)圖片看大圖>

步驟二：

刻畫天空的夜晚與清晨。

溫馨提示：在AI里面使用漸變，需要盡可能的多調(diào)節(jié)角度、長度以及顏色的擴(kuò)展范圍。切不可心急，想一次出效果。參數(shù)不重要，一切以實(shí)際效果為準(zhǔn)。

夜晚漸變：徑向 - 45° - #136078~#1C2E43清晨漸變：徑向 - 137° - #EBC814~#D19D3B

<點(diǎn)圖片看大圖>

步驟三：

刻畫地面的夜晚與清晨。

溫馨提示：這里的地面漸變因?yàn)橐c后面設(shè)計(jì)的元素有很好的融合，所以在這里的漸變和之前的天空采用不一樣的方式。

將地面的兩個塊面，左側(cè)原地復(fù)制粘貼一份(Ctrl+C – Ctrl+F )，右側(cè)因?yàn)橛袃蓚€光，所以原地粘貼兩份。三個光的漸變數(shù)值與角度如下圖：

夜晚漸變：線性 - -90° - #37A88E(不透明：0%)~#1E775F清晨漸變：右上光 - 徑向 - -90° - #EBC814(不透明：60%)~#D19D3B(不透明：0%)清晨漸變：右下光 - 徑向 - -86° - #EBC814(不透明：0%)~#D19D3B

<點(diǎn)圖片看大圖>

步驟四：

刻畫太陽于增加地面顏色的豐富性。

溫馨提示：這里的就是用了兩個正半圓，也是使用路徑查找器(Shift+Ctrl+F7)做的，一塊做太陽，一塊放在地面右側(cè)的，同時記得對齊錨點(diǎn)和中心

太陽漸變：線性 – 0° - #BF3524~#D28B2D右下漸變：徑向 - -85.7° - #37A88E(不透明：0%)~#1E775F

<點(diǎn)圖片看大圖>

步驟五：

增加太陽的輻射光。

溫馨提示：這里的三個正半圓，也是使用路徑查找器(Shift+Ctrl+F7)做的，先做好靠近太陽的一塊，先調(diào)整好漸變。然后原地復(fù)制粘貼一份(Ctrl+C - Ctrl+F )，使用選擇工具(V)，按住(Shift)等比例放大做出第二層。最后一塊則是用選擇工具(V)復(fù)制、翻轉(zhuǎn)+對齊就可以了，同時記得對齊錨點(diǎn)和中心線。

太陽同向漸變：徑向 - 90° - #D29F3C (不透明：0%) ~#EBCC3B太陽向左漸變：徑向 - -180° - #BF3524(不透明：0%)~#D28B2D因?yàn)檩椛涞姆秶煌宰髠?cè)色值的位置也要有相應(yīng)的調(diào)整，狀態(tài)如下圖：

<點(diǎn)圖片看大圖>

步驟六：

增加太陽在地面的輻射光。

溫馨提示：下方的正半圓，也是使用路徑查找器(Shift+Ctrl+F7)做的，唯一要注意的，就是要和上面的半圓吻合，最好是把之前的圓保留下來在這里進(jìn)行操作。最后要記得檢查對齊錨點(diǎn)和中心線。

太陽下方漸變：徑向 - 90° - #D29F3C (不透明：0%) ~#EBCC3B

<點(diǎn)圖片看大圖>

步驟七：

增加夜晚的云朵。

溫馨提示：云朵的基本型，是通過三個正圓得到的。

一個正圓打底，填充：#35b094。原地復(fù)制粘貼兩份(Ctrl+C - Ctrl+F )，使用選擇工具(V)，選擇其中一個正圓調(diào)整好位置大小，選擇對象使用路徑查找器(Shift+Ctrl+F7)將基本形的暗部做出來，加上漸變，最后復(fù)制粘貼，調(diào)整位置即可。

基本形暗部漸變：線性 - 100° - #37a88e (不透明：0%) ~#1e775f

<點(diǎn)圖片看大圖>

步驟八：

增加清晨的云朵。

溫馨提示：清晨的云朵，基本是通過上一步得到的基本形，復(fù)制、粘貼改變位置和暗部漸變做出來的，所以這一步我就不在重復(fù)了。

打底正圓填充：#f4d644基本形暗部漸變：線性 - 100° - #ebcf49 (不透明：0%) ~#e3b93b

<點(diǎn)圖片看大圖>

步驟九：

增加清晨的元素。

溫馨提示：這里的兩向右的正半圓，也是使用路徑查找器(Shift+Ctrl+F7)做的，先做好靠近太陽的一塊，調(diào)整好漸變。然后原地復(fù)制粘貼一份(Ctrl+C - Ctrl+F )，使用選擇工具(V)，按住(Shift)等比例放大做出第二層，最后再檢查一下是否對齊錨點(diǎn)和中心線就可以。

元素漸變：徑向 - 0° - #ebc93c ~ #d19d3b

<點(diǎn)圖片看大圖>