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

AI圖標教程，設計一個天氣主題圖標

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

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

作者追波：@Yuan

<點圖片看大圖>theoat.com.cn

步驟一：

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

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

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

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

<點圖片看大圖>

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

<點圖片看大圖>

步驟二：

刻畫天空的夜晚與清晨。

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

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

<點圖片看大圖>

步驟三：

刻畫地面的夜晚與清晨。

溫馨提示：這里的地面漸變因為要與后面設計的元素有很好的融合，所以在這里的漸變和之前的天空采用不一樣的方式。

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

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

<點圖片看大圖>

步驟四：

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

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

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

<點圖片看大圖>

步驟五：

增加太陽的輻射光。

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

太陽同向漸變：徑向 - 90° - #D29F3C (不透明：0%) ~#EBCC3B太陽向左漸變：徑向 - -180° - #BF3524(不透明：0%)~#D28B2D因為輻射的范圍不同，所以左側(cè)色值的位置也要有相應的調(diào)整，狀態(tài)如下圖：

<點圖片看大圖>