用PhotoShop制作window7移動導航網頁界面效果,簡潔大方的效果,喜歡的同學可以試著做一下!
photoshop教程效果圖:
1.創建一個新的文檔600 × 400像素
2.前景色為#1592d7和背景顏色為#136da2。選擇漸變工具,徑向漸變。
3.選擇自定義形狀
4.畫出如圖路徑
5.新建一層,前景色設置為白色,選擇鋼筆工具,然後在路徑上面右鍵,選擇填充路徑
6.右鍵路徑,選擇刪除路徑
7.現在去“濾鏡>模糊>高斯模糊”,模糊了約9個像素的形狀,然後單擊確定。混合模式設置“軟光”,不透明度為“30%”。完成標簽的“背景條紋”層。
8.用柔角橡皮擦處理下目標位置
9.將圖標拖入,放到指定目標
10.新建一層,取名:導航,然後用矩形選框工具拖出40-50像素高的矩形,填充黑色,矩形距離底部大概100像素高
11.將矩形填充改下10%
12.新建一層,選擇矩形選框工具,並創建兩個1個像素的線條對方,顏色最接近底部的白色和最上面的一個黑線之上。
最後,設置不透明度為50%。復制一層,放在底部
13.新建一層,創建按鈕。選擇矩形選框畫個矩形,高度如圖,寬度大小自己選中
14.填充黑色,取消選區,然後把填充改成0%,改圖層樣式
14.復制一層,取名:反光層,然後清除樣式,重新設置樣式。填充改成0%,其他樣式如圖
涉及到的漸變如下
最終:
15.新建一層,使用矩形選框工具畫如圖兩個白色矩形
16.添加蒙板,填充黑白線性漸變
17.新建一層,畫出如圖路徑,轉化為選區,羽化2像素,填充白色,然後載入反光層選區,反選,刪除,保留自己需要的,圖層不透明度改成10%
23。最後復制幾個,完成!