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

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

來(lái)源:微博 作者:楊洋-XHM 學(xué)習(xí):7350人次

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

作者追波:@Yuan

AI圖標(biāo)教程,設(shè)計(jì)一個(gè)天氣主題圖標(biāo)_theoat.com.cn
<點(diǎn)圖片看大圖>theoat.com.cn

步驟一:

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

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

首先,我們將插畫(huà)的背景畫(huà)出來(lái)。

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

AI圖標(biāo)教程,設(shè)計(jì)一個(gè)天氣主題圖標(biāo)_theoat.com.cn
<點(diǎn)圖片看大圖>

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

AI圖標(biāo)教程,設(shè)計(jì)一個(gè)天氣主題圖標(biāo)_theoat.com.cn
<點(diǎn)圖片看大圖>

步驟二:

刻畫(huà)天空的夜晚與清晨。

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

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

AI圖標(biāo)教程,設(shè)計(jì)一個(gè)天氣主題圖標(biāo)_theoat.com.cn
<點(diǎn)圖片看大圖>

步驟三:

刻畫(huà)地面的夜晚與清晨。

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

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

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

AI圖標(biāo)教程,設(shè)計(jì)一個(gè)天氣主題圖標(biāo)_theoat.com.cn
<點(diǎn)圖片看大圖>

步驟四:

刻畫(huà)太陽(yáng)于增加地面顏色的豐富性。

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

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

AI圖標(biāo)教程,設(shè)計(jì)一個(gè)天氣主題圖標(biāo)_theoat.com.cn
<點(diǎn)圖片看大圖>

步驟五:

增加太陽(yáng)的輻射光。

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

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

AI圖標(biāo)教程,設(shè)計(jì)一個(gè)天氣主題圖標(biāo)_theoat.com.cn
<點(diǎn)圖片看大圖>

步驟六:

增加太陽(yáng)在地面的輻射光。

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

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

AI圖標(biāo)教程,設(shè)計(jì)一個(gè)天氣主題圖標(biāo)_theoat.com.cn
<點(diǎn)圖片看大圖>

步驟七:

增加夜晚的云朵。

溫馨提示:云朵的基本型,是通過(guò)三個(gè)正圓得到的。

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

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

AI圖標(biāo)教程,設(shè)計(jì)一個(gè)天氣主題圖標(biāo)_theoat.com.cn
<點(diǎn)圖片看大圖>

步驟八:

增加清晨的云朵。

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

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

AI圖標(biāo)教程,設(shè)計(jì)一個(gè)天氣主題圖標(biāo)_theoat.com.cn
<點(diǎn)圖片看大圖>

步驟九:

增加清晨的元素。

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

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

AI圖標(biāo)教程,設(shè)計(jì)一個(gè)天氣主題圖標(biāo)_theoat.com.cn
<點(diǎn)圖片看大圖>

步驟十:

增加夜晚的元素。

溫馨提示:因?yàn)槭且雇恚孕枰脵E圓工具(L)畫(huà)一些正圓來(lái)作為星星點(diǎn)綴畫(huà)面。

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

AI圖標(biāo)教程,設(shè)計(jì)一個(gè)天氣主題圖標(biāo)_theoat.com.cn
<點(diǎn)圖片看大圖>

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

學(xué)習(xí) · 提示

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

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

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