萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps入門教程 >> PhotoShop制作win7移動導航網頁界面設計教程

PhotoShop制作win7移動導航網頁界面設計教程

  用PhotoShop制作window7移動導航網頁界面效果,簡潔大方的效果,喜歡的同學可以試著做一下!

   photoshop教程效果圖:

PhotoShop制作win7移動導航網頁界面設計教程 三聯教程

  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。最後復制幾個,完成!

按此在新窗口浏覽圖片
copyright © 萬盛學電腦網 all rights reserved