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

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

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

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

圖層 >> 圖層樣式 >> 外發(fā)光,混合模式“濾色”。按下 F5 打開筆刷設(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í) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(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)回答!