Photoshop制作簡潔大氣的手機天氣展示界面

1、打開Photoshop并新建一個600*800 px 的新文件。

2、選擇“矩形工具”，創建一個大矩形，填充顏色# 920049。

3、創建一個新的圖層，并填充顏色# ffffff，減少填充到0%。添加模式，單擊圖層樣式>圖案疊加。點這里下載圖案。

4、添加標題文字「Tuesday」，顏色填充#ffffff。然后點擊圖層樣式>陰影，給文本添加一個細薄的影子。

5、添加「溫度」，重復相同的過程，給溫度文本添加陰影。

6、設置前景色為# ffffff并利用鋼筆工具來創建云形狀。

7、現在，點擊圖層樣式添加描邊、顏色疊加和投影。

8、選擇「多邊形工具」調整頂部設置創建太陽，顏色為# fff691。并給下面這一層云添加描邊，填充顏色#ffba00。

9、現在讓我們開始細節面板。選擇一個新層，并將其置于圖案層后，選擇“矩形選框工具”創建一個小紙條，填充顏色#00bff3。

10、點擊圖層樣式>漸變疊加 ，添加圖層樣式。

11、創建另一個紙條，并填充顏色#1f2f4e。

12、現在讓我們添加文本和細節，第一條,所以選擇“橡皮擦工具”，調整畫筆的大小和形狀的刷板。參考底部的模式，選擇一個漂亮的樣式。

13、選擇“鋼筆工具”創建三角形，顏色#00bff3。并使用一個柔軟的圓形筆刷在底部描繪一個小的影子。

14、添加文字「More details」，填充顏色#ffffff。現在在右邊添加「更多」圖標，然后給文字和圖標添加一些陰影，設置如下。

15、繼續我們的導航創建。首先，我們將創建一些分隔線。選擇「直線工具」，畫1 px寬，前景顏色#00000的一直線。然后點擊圖層樣式>投影，樣式如下。

16、用“矩形工具”創建導航按鈕，在中間創建一個矩形，顏色#88022e，然后添加投影。如下圖。

17、添加導航文本，然后給文本添加一些投影。

18、將其余圖標（用以上相同的方式創建了云、太陽等）添加，并設置同樣的投影樣式，設置如下。

最終效果：

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com