?@楊洋-XHM?：經常在網絡上看到類似的主題插畫。前天看到這個作品，覺著漸變特別漂亮。就臨摹了一下。正好秋分，可以拿來跟大家分享。這次練習主要練習漸變工具?，對漸變運用不熟練的小伙伴，值得動手練習一下。

作者追波：@Yuan

步驟一：

打開你的Adobe Illustrator，創建一個新文檔。

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

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

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

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

?步驟二：

刻畫天空的夜晚與清晨。

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

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

步驟三：

刻畫地面的夜晚與清晨。

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

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

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

步驟四：

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

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

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

?步驟五：

增加太陽的輻射光。

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

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

步驟六：

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

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

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

步驟七：

增加夜晚的云朵。

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

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

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

步驟八：

增加清晨的云朵。

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

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

步驟九：

增加清晨的元素。

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

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

步驟十：

增加夜晚的元素。

溫馨提示：因為是夜晚，所以需要用橢圓工具(L)畫一些正圓來作為星星點綴畫面。

• 星星的顏色填充：#dcc584
• 星星的位置和數量就由你們自己，自由發揮，但星星不宜過多，以免喧賓奪主。?

今天秋分，晝夜溫差慢慢變大，各位加班的設雞師們，一定要注意保暖喲。?

今天就到這里，想要了解更多優質教程，歡迎關注 →?優設基礎訓練營，還有我 →?@楊洋-XHM

這么認真的看完了，你不給自己點個贊么？ ~(^v^)~

「楊洋的精品教程」

1. 3D精靈球：《PS教程！手把手教你繪制光影巧妙的3D精靈球》
2. 配色技巧：《用這兩個技巧，科學解決沒靈感+不好看的配色難題》
3. 溝通技巧：《減少改稿次數！10個值得設計師學習的溝通技巧》
4. 素材整理：《超高效！輕松3步幫你掌握實用的設計資源整理術》

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量150萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com