UI界面設(shè)計(jì)教程:簡潔的手機(jī)天氣界面(3)
來源:優(yōu)設(shè)網(wǎng)
作者:一人前端
學(xué)習(xí):5586人次
12、現(xiàn)在讓我們添加文本和細(xì)節(jié),第一條,所以選擇“橡皮擦工具”,調(diào)整畫筆的大小和形狀的刷板。參考底部的模式,選擇一個(gè)漂亮的樣式。
13、選擇“鋼筆工具”創(chuàng)建三角形,顏色#00bff3。并使用一個(gè)柔軟的圓形筆刷在底部描繪一個(gè)小的影子。
14、添加文字「Moredetails」,填充顏色#ffffff,F(xiàn)在在右邊添加「更多」圖標(biāo),然后給文字和圖標(biāo)添加一些陰影,設(shè)置如下。
15、繼續(xù)我們的導(dǎo)航創(chuàng)建。首先,我們將創(chuàng)建一些分隔線。選擇「直線工具」,畫1px寬,前景顏色#00000的一直線。然后點(diǎn)擊圖層樣式>投影,樣式如下。
16、用“矩形工具”創(chuàng)建導(dǎo)航按鈕,在中間創(chuàng)建一個(gè)矩形,顏色#88022e,然后添加投影。如下圖。
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款心形的APP圖標(biāo)
- 圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)
- 圖標(biāo)制作,用PS制作時(shí)尚的郵件圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)
- 插畫制作,用PS繪制簡約沙漏插畫效果圖片
- 圖案設(shè)計(jì),用PS快速制作一個(gè)心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡單的彩虹相機(jī)圖標(biāo)
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!