當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁圖片>教程內(nèi)容

ps制作window7移動導(dǎo)航網(wǎng)頁界面設(shè)計教(5)

來源: 作者:迷途星  學(xué)習(xí):10561人次

簡介:本次用PhotoShop制作window7移動導(dǎo)航網(wǎng)頁界面效果,簡潔大方的效果,喜歡的同學(xué)可以試著做一下!

效果圖:

1.創(chuàng)建一個新的文檔600 × 400像素

2.前景色為#1592d7和背景顏色為#136da2。選擇漸變工具,徑向漸變。

3.選擇自定義形狀

4.畫出如圖路徑

5.新建一層,前景色設(shè)置為白色,選擇鋼筆工具,然后在路徑上面右鍵,選擇填充路徑

6.右鍵路徑,選擇刪除路徑

7.現(xiàn)在去“濾鏡>模糊>高斯模糊”,模糊了約9個像素的形狀,然后單擊確定;旌夏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)建兩個1個像素的線條對方,顏色最接近底部的白色和最上面的一個黑線之上。

最后,設(shè)置不透明度為50%。復(fù)制一層,放在底部

13.新建一層,創(chuàng)建按鈕。選擇矩形選框畫個矩形,高度如圖,寬度大小自己選中

14.填充黑色,取消選區(qū),然后把填充改成0%,改圖層樣式

14.復(fù)制一層,取名:反光層,然后清除樣式,重新設(shè)置樣式。填充改成0%,其他樣式如圖

涉及到的漸變?nèi)缦?/p>

最終:

15.新建一層,使用矩形選框工具畫如圖兩個白色矩形

16.添加蒙板,填充黑白線性漸變

17.新建一層,畫出如圖路徑,轉(zhuǎn)化為選區(qū),羽化2像素,填充白色,然后載入反光層選區(qū),反選,刪除,保留自己需要的,圖層不透明度改成10%

23。最后復(fù)制幾個,完成!

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!