ps制作window7移動(dòng)導(dǎo)航網(wǎng)頁(yè)界面設(shè)計(jì)教(5)
簡(jiǎn)介:本次用PhotoShop制作window7移動(dòng)導(dǎo)航網(wǎng)頁(yè)界面效果,簡(jiǎn)潔大方的效果,喜歡的同學(xué)可以試著做一下!
效果圖:
1.創(chuàng)建一個(gè)新的文檔600 × 400像素
2.前景色為#1592d7和背景顏色為#136da2。選擇漸變工具,徑向漸變。
3.選擇自定義形狀
4.畫出如圖路徑
5.新建一層,前景色設(shè)置為白色,選擇鋼筆工具,然后在路徑上面右鍵,選擇填充路徑
6.右鍵路徑,選擇刪除路徑
7.現(xiàn)在去“濾鏡>模糊>高斯模糊”,模糊了約9個(gè)像素的形狀,然后單擊確定;旌夏J皆O(shè)置“軟光”,不透明度為“30%”。完成標(biāo)簽的“背景條紋”層。
8.用柔角橡皮擦處理下目標(biāo)位置
9.將圖標(biāo)拖入(圖標(biāo)下載) ,放到指定目標(biāo)
10.新建一層,取名:導(dǎo)航,然后用矩形選框工具拖出40-50像素高的矩形,填充黑色,矩形距離底部大概100像素高
11.將矩形填充改下10%
12.新建一層,選擇矩形選框工具,并創(chuàng)建兩個(gè)1個(gè)像素的線條對(duì)方,顏色最接近底部的白色和最上面的一個(gè)黑線之上。
最后,設(shè)置不透明度為50%。復(fù)制一層,放在底部
13.新建一層,創(chuàng)建按鈕。選擇矩形選框畫個(gè)矩形,高度如圖,寬度大小自己選中
14.填充黑色,取消選區(qū),然后把填充改成0%,改圖層樣式
14.復(fù)制一層,取名:反光層,然后清除樣式,重新設(shè)置樣式。填充改成0%,其他樣式如圖
涉及到的漸變?nèi)缦?/p>
最終:
15.新建一層,使用矩形選框工具畫如圖兩個(gè)白色矩形
16.添加蒙板,填充黑白線性漸變
17.新建一層,畫出如圖路徑,轉(zhuǎn)化為選區(qū),羽化2像素,填充白色,然后載入反光層選區(qū),反選,刪除,保留自己需要的,圖層不透明度改成10%
23。最后復(fù)制幾個(gè),完成!
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 制作
- 界面設(shè)計(jì)
- 設(shè)計(jì)教程
- 網(wǎng)頁(yè)
- 界面
學(xué)習(xí) · 提示
相關(guān)教程
- 陰影效果,教你制作各類陰影教程
- banner教程,設(shè)計(jì)一個(gè)簡(jiǎn)單的母親節(jié)Banner教程
- 陰影效果,制作網(wǎng)頁(yè)常見的圖片投影效果
- 網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程
- 設(shè)計(jì)知識(shí),新手詳情頁(yè)制作誤區(qū)
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- 圖片教程,教你怎么做圓形圖表
- 圖片設(shè)計(jì),教你設(shè)計(jì)扁平化404錯(cuò)誤頁(yè)面圖片
- 圓角教程,教你制作網(wǎng)頁(yè)常用的圓角矩形邊角
- 進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條
推薦教程
- ps設(shè)計(jì)網(wǎng)站登錄界面教程
- Photoshop在設(shè)計(jì)商業(yè)數(shù)碼類網(wǎng)站的應(yīng)用實(shí)例
- ps結(jié)合AI設(shè)計(jì)復(fù)古的勛章教程
- PS設(shè)計(jì)制作KU6 media GUI界面特效的教程
- Photoshop設(shè)計(jì)制作網(wǎng)站導(dǎo)航教程
- 黑白色系導(dǎo)航條
- Photoshop做網(wǎng)站導(dǎo)航欄圖片
- 利用PhotoShop制作網(wǎng)站內(nèi)容框
- ps切片工具吧圖片轉(zhuǎn)成網(wǎng)頁(yè)格式
- PS網(wǎng)頁(yè)方塊背景