天氣圖標(biāo),設(shè)計(jì)天氣主題APP應(yīng)用圖標(biāo)
最終效果
![www.theoat.com.cn_2154164202-0.jpg](http://pic.16xx8.com/allimg/160320/2154164202-0.jpg)
1、背景填充漸變?nèi)鐖D,再花正圓矩形大小,適當(dāng)就行。
![www.theoat.com.cn_21541623b-1.jpg](http://pic.16xx8.com/allimg/160320/21541623b-1.jpg)
2、圖層樣式為徑向漸變,漸變色如圖(自己看著調(diào))。
![www.theoat.com.cn_21541A250-2.jpg](http://pic.16xx8.com/allimg/160320/21541A250-2.jpg)
3、繪制陰影,用橢圓工具在圖標(biāo)下層繪制一個(gè)形狀如圖的橢圓,在屬性面板里進(jìn)行羽化,效果如圖。然后建立圖層蒙版擦出多余部分。
![www.theoat.com.cn_21541B211-3.jpg](http://pic.16xx8.com/allimg/160320/21541B211-3.jpg)
4、橢圓工具如上圖畫(huà)上第一層云朵的陰影黑色,不透明度為12%。
![www.theoat.com.cn_21541A233-4.jpg](http://pic.16xx8.com/allimg/160320/21541A233-4.jpg)
5、Ctrl + J 復(fù)制一層云朵上移動(dòng),圖層樣式:斜面和浮雕,漸變疊加上淺下深都是灰度的。下面顏色要深一些是為了讓上層云有立體感。
![www.theoat.com.cn_21541C0L-5.jpg](http://pic.16xx8.com/allimg/160320/21541C0L-5.jpg)
6、再?gòu)?fù)制一層云,Ctrl + J 不要圖層樣式,顏色填充如圖。然后等比例縮小,就把下層的立體邊露出來(lái)即可。
![www.theoat.com.cn_2154163947-6.jpg](http://pic.16xx8.com/allimg/160320/2154163947-6.jpg)
7、同樣的方法再做一層小云朵,顏色填充,圖層樣式如圖。然后復(fù)制一層放大一點(diǎn),放在下面做陰影。
![www.theoat.com.cn_21541B931-7.jpg](http://pic.16xx8.com/allimg/160320/21541B931-7.jpg)
8、使用多邊形畫(huà)出閃電,兩個(gè)變形的三角形組成的,當(dāng)然也可以鋼筆工具自己畫(huà)。底層閃電顏色純度稍微低一點(diǎn)。再?gòu)?fù)制一層填充較高飽和度的檸檬色,利用圖層蒙版擦除上層部分閃電。
![www.theoat.com.cn_2154162Z5-8.jpg](http://pic.16xx8.com/allimg/160320/2154162Z5-8.jpg)
9、填充色如圖,在閃電層上小云層下畫(huà)橢圓,利用屬性面板對(duì)橢圓進(jìn)行羽化,模式為疊加,效果如圖。
10、復(fù)制一層填充顏色如圖,Ctrl + T 后,同時(shí)按住Shift + Alt 鍵拖拽等比例縮小。圖層模式設(shè)為“疊加”。
11、橢圓工具變形畫(huà)出雨點(diǎn),圖層樣式如下做出投影效果。
12、復(fù)制一層橢圓光放在雨點(diǎn)圖層上方,按住Alt鍵點(diǎn)擊兩圖層之間建立剪切蒙版。
![www.theoat.com.cn_2154161114-13.jpg](http://pic.16xx8.com/allimg/160320/2154161114-13.jpg)
13、畫(huà)筆工具用云層筆刷畫(huà)出云霧效果,對(duì)云層圖層進(jìn)行高斯模糊效果,預(yù)覽如圖即可。
![www.theoat.com.cn_21541A144-14.jpg](http://pic.16xx8.com/allimg/160320/21541A144-14.jpg)
![www.theoat.com.cn_21541A1M-15.jpg](http://pic.16xx8.com/allimg/160320/21541A1M-15.jpg)
最終效果:
![www.theoat.com.cn_2154164202-0.jpg](http://pic.16xx8.com/allimg/160320/2154164202-0.jpg)
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂(lè)圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡(jiǎn)約風(fēng)格的解密游戲圖標(biāo)
- 插畫(huà)制作,用PS繪制簡(jiǎn)約沙漏插畫(huà)效果圖片
- 圖案設(shè)計(jì),用PS快速制作一個(gè)心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
推薦教程
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- PS繪制磚塊ICO圖標(biāo)
- ps設(shè)計(jì)盒子圖標(biāo)
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- ps日歷圖標(biāo)
- UI教程:設(shè)計(jì)電池icon
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- UI知識(shí),做UI的工作方式與流程