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

photoshop設(shè)計黑色網(wǎng)站導(dǎo)航

來源:未知 作者:空來風(fēng) 學(xué)習(xí):556人次
出處:UCD博客 版權(quán)所有 轉(zhuǎn)載請注明出處 鏈接先看看小樣吧!:)




以下是詳細的photoshop教程步驟:
第一步:新建文件,選擇徑向漸變,設(shè)置前景顏色為#b3a773,背景顏色為#877948。效果如圖:





第二步:創(chuàng)建圓角矩形(半徑為10px)大小為220x50px,顏色#212121,如圖:





第三步:選擇圖層樣式 漸變 描邊,效果如圖























,第四步:新建層,選擇選區(qū)工具(快捷鍵M)大小為15x100px,填充白色,效果如圖:





第五步:復(fù)制白色線條層2次(快捷鍵ctrl+J),移動20px,合并3個白線層,效果如圖:





第六步:選擇變換(快捷鍵ctrl+T)





第七步:載入圓角矩形選區(qū)(按ctrl+鼠標(biāo)點擊圓角矩形層),選擇白線層,反選(快捷鍵shift+ctrl+i),刪除多余白線。





第八步:設(shè)置還層不透明為5%





第九步:添加自喜歡的文字和圖標(biāo):





第十步:選擇圓角矩形,半徑為10 px,顏色為#2f2f2f,如圖:





第十一步:調(diào)整圖層的順序。







,第十二步:選擇圖層樣式 外發(fā)光(柔光) 內(nèi)發(fā)光 描邊

















第十三步:選擇文本工具(快捷鍵T)輸入文字,如圖:





第十四步:新建層,選擇畫筆(快捷鍵B)創(chuàng)建200x1px細線,顏色為#292929,如圖:





第十五步:新建層,選擇選區(qū)工具(快捷鍵M),大小為8x3px,填充白色,效果如圖:





第十六步:選擇圖層樣式 外發(fā)光,






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

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

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

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