簡單的網頁導航制作案例
- 2010-11-02 10:52:58
- 來源/作者:互聯網/佚名
- 己被圍觀次
第一步:新建一文件,大小自定,這里是600*400為例。設置前景色:#1592d7,背景顏色:#136da2,選擇徑向漸變工具。從中間拖動得到下面效果: 第二步:添加散射光條文。新建一層,
第一步:新建一文件,大小自定,這里是600*400為例。設置前景色:#1592d7,背景顏色:#136da2,選擇徑向漸變工具。從中間拖動得到下面效果:

第二步:添加散射光條文。新建一層,左邊工具欄選擇-圓角矩形按鈕-自定義形狀按鈕。找到下面這個形狀,如果沒有可以點擊右邊的小箭頭,追加形狀。

第三步:選中并在圖層上拖動得到如下效果:

第四步:前景色設為白色(#ffffff),選擇鋼筆工具,右擊路徑--填充路徑。得到下圖:

第五步:右擊路徑--刪除路徑。選擇“濾鏡”-模糊-高斯模糊-5個像素。單擊確定。圖層混合模式改為“柔光”。不透明度為30%。

第六步:新建一圖層命名為“nav”。拖出一個黑色矩形框。高度根據自己需要。

第七步:填充改為:10%。新建一圖層,制作邊線。畫兩根1px線,上邊一根黑色,透明度50%,下面一根白色。

第八步:復制頂線,移動至底部:

第九步:新建圖層,做出如下選區,注意上下邊緣:

第十步:填充黑色,不透明設為“0”,描邊:

第十一步:復制上面的圖層,清除圖層樣式,添加如下樣式:

第十二步:漸變疊加,顏色由白色 到透明。描邊:


第十三步:制作右下角高光邊框:

第十四步:添加圖層蒙版,前景黑色背景白色。拖動得到如下效果:
第十五步:復制做好的按鈕,再打上文字,完成最終效果:

(責任編輯:極限)
*PSjia.COM 傾力出品,轉載請注明來自PS家園網(m.sz-xdd.com.cn)
標簽(TAG)
上一篇:打造時尚的音樂動感海報








