天氣圖標(biāo),設(shè)計(jì)天氣主題APP應(yīng)用圖標(biāo)

2022-12-26 11:13:05 來(lái)源/作者: / 己有:17人學(xué)習(xí)過(guò)
效果圖制作非常簡(jiǎn)單,前期先分析構(gòu)成;然后從背景開(kāi)始制作,用形狀配合路徑做出云朵,閃電,雨滴等;再用圖層樣式加上浮雕和漸變,局部渲染一些顏色即可。

  最終效果

_2154164202-0.jpg

  1、背景填充漸變?nèi)鐖D,再花正圓矩形大小,適當(dāng)就行。

_21541623b-1.jpg 

  2、圖層樣式為徑向漸變,漸變色如圖(自己看著調(diào))。

_21541A250-2.jpg 

  3、繪制陰影,用橢圓工具在圖標(biāo)下層繪制一個(gè)形狀如圖的橢圓,在屬性面板里進(jìn)行羽化,效果如圖。然后建立圖層蒙版擦出多余部分。

_21541B211-3.jpg 

  4、橢圓工具如上圖畫(huà)上第一層云朵的陰影黑色,不透明度為12%。

_21541A233-4.jpg 

  5、Ctrl + J 復(fù)制一層云朵上移動(dòng),圖層樣式:斜面和浮雕,漸變疊加上淺下深都是灰度的。下面顏色要深一些是為了讓上層云有立體感。

_21541C0L-5.jpg 

  6、再?gòu)?fù)制一層云,Ctrl + J 不要圖層樣式,顏色填充如圖。然后等比例縮小,就把下層的立體邊露出來(lái)即可。

_2154163947-6.jpg 

  7、同樣的方法再做一層小云朵,顏色填充,圖層樣式如圖。然后復(fù)制一層放大一點(diǎn),放在下面做陰影。

_21541B931-7.jpg 

  8、使用多邊形畫(huà)出閃電,兩個(gè)變形的三角形組成的,當(dāng)然也可以鋼筆工具自己畫(huà)。底層閃電顏色純度稍微低一點(diǎn)。再?gòu)?fù)制一層填充較高飽和度的檸檬色,利用圖層蒙版擦除上層部分閃電。

_2154162Z5-8.jpg 

  9、填充色如圖,在閃電層上小云層下畫(huà)橢圓,利用屬性面板對(duì)橢圓進(jìn)行羽化,模式為疊加,效果如圖。

_2154164a6-9.jpg 
10、復(fù)制一層填充顏色如圖,Ctrl + T 后,同時(shí)按住Shift + Alt 鍵拖拽等比例縮小。圖層模式設(shè)為“疊加”。

_21541635X-10.jpg 
 

  11、橢圓工具變形畫(huà)出雨點(diǎn),圖層樣式如下做出投影效果。

_21541A300-11.jpg

_2154164302-12.jpg

  12、復(fù)制一層橢圓光放在雨點(diǎn)圖層上方,按住Alt鍵點(diǎn)擊兩圖層之間建立剪切蒙版。

_2154161114-13.jpg 

  13、畫(huà)筆工具用云層筆刷畫(huà)出云霧效果,對(duì)云層圖層進(jìn)行高斯模糊效果,預(yù)覽如圖即可。

_21541A144-14.jpg
_21541A1M-15.jpg

  最終效果:

_2154164202-0.jpg