當前位置:首頁>ps實例教程>ps網頁設計>網頁圖片>教程內容

利用PhotoShop制作網站菜單列表框

來源:不詳 作者:佚名 學習:13116人次
利用PhotoShop制作網站菜單列表框步驟 1、創(chuàng)建新文件,大小400 x 400像素,記住一定要將背景設為透明。



步驟 2、為了便于觀察,我給背景填充了灰色,我們可以在完成之后刪除該層。

步驟 3、 創(chuàng)建新圖層,使用鋼筆工具( )創(chuàng)建如下定位點。


步驟 4、創(chuàng)建一條曲線連接點3和點1。



步驟 5、選擇路徑面板。



步驟 6、右鍵點擊路徑層,選擇“建立選區(qū)”。



步驟 7、創(chuàng)建新的圖層,并用深色(#1D1D1D)填充。



步驟 8、創(chuàng)建新的圖層,如下圖所示,在圖形上方建立一矩形選區(qū),并用黑白漸變填充。



步驟 9、充分利用你的創(chuàng)造力,在圖形左邊和上方創(chuàng)建更多的邊框。



步驟 10、創(chuàng)建多個新的圖層,并分別在各圖層上創(chuàng)建任意形狀,修改各圖層透明度(范圍在50%左右)。



步驟 11、給畫面添加雜色, 使用畫筆工具()并選擇如下筆刷。



步驟 12、創(chuàng)建新的圖層,在界面右上方選擇“畫筆”。



步驟 13、選擇如下設置:
動態(tài)形狀:大小抖動 >> 100%,控制 >> 鋼筆壓力,最小直徑 >> 50%,角度抖動 >> 50%,圓度抖動 >> 50%。

散布: 150%,控制 >> 關,數(shù)量 >> 1,數(shù)量抖動 >> 50%。



步驟 14、在新建的圖層上,使用淺灰色,在圖形邊緣使用筆刷繪制雜色效果。

.

步驟 15、繼續(xù)在圖形上繪制各種深淺的雜色效果。


步驟 16、刪除背景層,合并可見圖層。

步驟 17、菜單 編輯 >> 自由變換,將圖形縮小。



步驟 18、菜單 >> 濾鏡 >> 銳化 >> USM銳化, 并按如下設置:



步驟 19、復制圖曾(右鍵點擊圖層并選擇復制圖層),并將復制層置于原圖層下方。選擇移動工具(
將復制層移動到如下位置。


步驟 20、創(chuàng)建新的圖層并將它置于上兩層之間。



步驟 21、在新建圖層上選取矩形選區(qū),并填充你喜歡的顏色。




步驟 22、復制頂層和底層,并將他們水平翻轉(編輯 >> 變換 >> 水平翻轉)置于如下所示位置。


步驟 23、創(chuàng)建新的圖層,使用鉛筆工具()給矩形繪制兩條淺灰色邊框。



步驟 24、使用橡皮擦工具(),按步驟13所示設置筆刷。

步驟 25、在線條邊緣輕輕涂抹得到如下效果。



步驟 26、采用相同的方法制作2側線條。




步驟 27、將側線所在圖層隱藏,合并可見圖層,并復制合并后的圖層。垂直翻轉該層(編輯 >> 變換 >> 垂
直變換)并移動到如下所示位置。





步驟 28、最后加入菜單文字和背景色。



學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!