制作手機(jī)中簡(jiǎn)潔天氣界面圖片的PS教程

2020-08-17 18:25:29 來(lái)源/作者: 網(wǎng)絡(luò) / 榮偉 己有:978人學(xué)習(xí)過

十、點(diǎn)擊圖層樣式>漸變疊加 ,添加圖層樣式。

用PS制作手機(jī)中的簡(jiǎn)潔天氣界面圖片

 

十一、創(chuàng)建另一個(gè)紙條,并填充顏色#1f2f4e。

用PS制作手機(jī)中的簡(jiǎn)潔天氣界面圖片

 

十二、現(xiàn)在讓我們添加文本和細(xì)節(jié),第一條,所以選擇“橡皮擦工具”,調(diào)整畫筆的大小和形狀的刷板。參考底部的模式,選擇一個(gè)漂亮的樣式。

用PS制作手機(jī)中的簡(jiǎn)潔天氣界面圖片

 

十三、選擇“鋼筆工具”創(chuàng)建三角形,顏色#00bff3。并使用一個(gè)柔軟的圓形筆刷在底部描繪一個(gè)小的影子。

用PS制作手機(jī)中的簡(jiǎn)潔天氣界面圖片

 

十四、添加文字「More details」,填充顏色#ffffff。現(xiàn)在在右邊添加「更多」圖標(biāo),然后給文字和圖標(biāo)添加一些陰影,設(shè)置如下。

用PS制作手機(jī)中的簡(jiǎn)潔天氣界面圖片

 

十五、繼續(xù)我們的導(dǎo)航創(chuàng)建。首先,我們將創(chuàng)建一些分隔線。選擇「直線工具」,畫1 px寬,前景顏色#00000的一直線。然后點(diǎn)擊圖層樣式>投影,樣式如下。

用PS制作手機(jī)中的簡(jiǎn)潔天氣界面圖片

 

十六、用“矩形工具”創(chuàng)建導(dǎo)航按鈕,在中間創(chuàng)建一個(gè)矩形,顏色#88022e,然后添加投影。如下圖。

用PS制作手機(jī)中的簡(jiǎn)潔天氣界面圖片

 

十七、添加導(dǎo)航文本,然后給文本添加一些投影。

用PS制作手機(jī)中的簡(jiǎn)潔天氣界面圖片

 

十八、將其余圖標(biāo)(用以上相同的方式創(chuàng)建了云、太陽(yáng)等)添加,并設(shè)置同樣的投影樣式,設(shè)置如下。

用PS制作手機(jī)中的簡(jiǎn)潔天氣界面圖片

 

最終效果:

用PS制作手機(jī)中的簡(jiǎn)潔天氣界面圖片