利用PhotoShop制作風(fēng)格化網(wǎng)站導(dǎo)航

來(lái)源：不詳 作者：佚名 學(xué)習(xí)：305人次
利用PhotoShop制作風(fēng)格化網(wǎng)站導(dǎo)航

按照網(wǎng)站的大小確定導(dǎo)航尺寸。

使用鋼筆工具創(chuàng)建如下形狀的圖形。

圖層 >> 圖層樣式 >> 外發(fā)光，混合模式“濾色”。按下 F5 打開(kāi)筆刷設(shè)置窗口，選擇寬邊樹(shù)葉筆刷，并按下圖設(shè)置筆尖形狀。設(shè)置筆刷“動(dòng)態(tài)形狀”。設(shè)置筆刷“散布”。

設(shè)置筆刷“動(dòng)態(tài)顏色”。

將綠色設(shè)為前景色，深綠設(shè)為背景色，創(chuàng)建新的圖層，運(yùn)用筆刷得到如下效果。創(chuàng)建新圖層，在導(dǎo)航右側(cè)利用鋼筆工具繪制“葉片1”。圖層 >> 圖層樣式 >> 投影。圖層 >> 圖層樣式 >> 圖案疊加。

復(fù)制“葉片1”，調(diào)整大小、旋轉(zhuǎn)角度和填充色。 利用橢圓工具在曲線上繪制一個(gè)圓。圖層 >> 圖層樣式 >> 外發(fā)光。利用鋼筆工具繪制“葉片2”。圖層 >> 圖層樣式 >> 外發(fā)光。

類似的完成其他葉片。沿路經(jīng)輸入導(dǎo)航文字。（路徑文字制作這里不再重復(fù)，可查看本站相關(guān)教程）

圖層 >> 圖層樣式 >> 描邊。輸入網(wǎng)站名稱，一個(gè)個(gè)性化導(dǎo)航欄就制作完成了。



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

  • 一定要打開(kāi)PS，跟著教程做一遍，做完的圖到這交作業(yè)：提交作業(yè)
  • 建議練習(xí)時(shí)，大家自己找素材，盡量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到論壇發(fā)帖提問(wèn)：新手求助
  • 加官方微信，隨時(shí)隨地，想學(xué)就能學(xué)：ps_bbs，或掃右側(cè)二維碼！
  • 關(guān)注我們學(xué)更多，每天都有新教程：新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
謝龍2009-05-05 05:54
很好的創(chuàng)意，我得好好學(xué)學(xué)..
2434114252009-04-09 12:07
好有創(chuàng)意啊

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

網(wǎng)友求助，請(qǐng)回答！