當前位置:首頁>軟件教程>AI教程>教程內(nèi)容

AI圖標教程,設(shè)計一個天氣主題圖標

來源:微博 作者:楊洋-XHM 學習:7350人次

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

作者追波:@Yuan

AI圖標教程,設(shè)計一個天氣主題圖標_m.tgudhdp.cn
<點圖片看大圖>m.tgudhdp.cn

步驟一:

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

寬度:800像素高度:600像素

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

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

AI圖標教程,設(shè)計一個天氣主題圖標_m.tgudhdp.cn
<點圖片看大圖>

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

AI圖標教程,設(shè)計一個天氣主題圖標_m.tgudhdp.cn
<點圖片看大圖>

步驟二:

刻畫天空的夜晚與清晨。

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

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

AI圖標教程,設(shè)計一個天氣主題圖標_m.tgudhdp.cn
<點圖片看大圖>

步驟三:

刻畫地面的夜晚與清晨。

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

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

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

AI圖標教程,設(shè)計一個天氣主題圖標_m.tgudhdp.cn
<點圖片看大圖>

步驟四:

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

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

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

AI圖標教程,設(shè)計一個天氣主題圖標_m.tgudhdp.cn
<點圖片看大圖>

步驟五:

增加太陽的輻射光。

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

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

AI圖標教程,設(shè)計一個天氣主題圖標_m.tgudhdp.cn
<點圖片看大圖>

步驟六:

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

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

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

AI圖標教程,設(shè)計一個天氣主題圖標_m.tgudhdp.cn
<點圖片看大圖>

步驟七:

增加夜晚的云朵。

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

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

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

AI圖標教程,設(shè)計一個天氣主題圖標_m.tgudhdp.cn
<點圖片看大圖>

步驟八:

增加清晨的云朵。

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

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

AI圖標教程,設(shè)計一個天氣主題圖標_m.tgudhdp.cn
<點圖片看大圖>

步驟九:

增加清晨的元素。

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

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

AI圖標教程,設(shè)計一個天氣主題圖標_m.tgudhdp.cn
<點圖片看大圖>

步驟十:

增加夜晚的元素。

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

星星的顏色填充:#dcc584星星的位置和數(shù)量就由你們自己,自由發(fā)揮,但星星不宜過多,以免喧賓奪主。?

AI圖標教程,設(shè)計一個天氣主題圖標_m.tgudhdp.cn
<點圖片看大圖>

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

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!