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

用ps制作音樂網(wǎng)站模板(9)

來源：未知 作者：admin 學(xué)習(xí)：12490人次
Photoshop使用最多的元素就是筆刷，本教程的搖滾樂團(tuán)Rock Band音樂網(wǎng)站效果是通過不同類型的筆刷及顏色的搭配設(shè)計來完成的。
最終效果如下：

設(shè)計過程如下。
網(wǎng)頁大小為760x770，背景色為白色，同時再新建一個圖層，填充為黑色

本文中我們將使用一些很絢麗的筆刷效果，你可以從這里下載筆刷：Free Photoshop Brushes
將筆刷導(dǎo)入到PS中后，我們先用顏色#f26826來為黑色圖層進(jìn)行涂抹，完成后復(fù)制筆刷并進(jìn)行翻轉(zhuǎn)，如下圖



                                       
按照下圖對筆刷進(jìn)行一定的設(shè)置后，使用顏色 #09b0f0來制作另外一種筆刷效果

同上方法使用四種顏色做出來的音樂網(wǎng)站涂鴉背景



                                       
我們使用橡皮擦工具

按照如下圖設(shè)置橡皮擦的筆刷形狀與參數(shù)

隨后我們開始涂抹黑色背景圖層，由于我們的大背景是白色的，所以涂抹后的黑色背景會看上去如下劃痕的效果

最后完成的效果如圖

我們進(jìn)行隨意的涂抹后的音樂網(wǎng)站背景效果圖



                                       
使用矩形工具

設(shè)置樣式

用矩形在網(wǎng)站布局中畫一個矩形按鈕



                                       
下載圓形筆刷，你可以從 這里下載：Orange vector brush。

使用上圖中的筆刷，隨后你可以按"["來調(diào)整筆刷的大小，請注意在為按鈕上添加筆刷效果的時候請先將矩形按鈕圖層?xùn)鸥窕?在圖層上按鼠標(biāo)右鍵選擇柵格化圖層)。

隨后按ctrl+j復(fù)制按鈕圖層



                                       
再從 這里 下載一個PS筆刷：Dirty gray brushes。

新建圖層，在新圖層上用上圖中的筆刷進(jìn)行藝術(shù)涂抹，顏色設(shè)置為#5b5b5b     

選額另一種筆刷效果，顏色設(shè)置為#6b0d10，進(jìn)行涂抹。

最后完成的音樂網(wǎng)站背景效果，現(xiàn)在看上去藝術(shù)氛圍比較濃厚了



                                       
加入一張喇叭圖片

進(jìn)行復(fù)制排列

用筆刷調(diào)整一些左邊頁面的效果。

加入準(zhǔn)備好的音樂相關(guān)素材



                                       
使用文字

為整個音樂網(wǎng)站添加不同類型大小的文字

選擇下面的筆刷

在歡迎文字下加入一些效果，是網(wǎng)站中部的視覺效果與整體更統(tǒng)一。

最后音樂網(wǎng)站完成后的整體設(shè)計圖

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

  • 一定要打開PS，跟著教程做一遍，做完的圖到這交作業(yè)：提交作業(yè)
  • 建議練習(xí)時，大家自己找素材，盡量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到論壇發(fā)帖提問：新手求助
  • 加官方微信，隨時隨地，想學(xué)就能學(xué)：ps_bbs，或掃右側(cè)二維碼！
  • 關(guān)注我們學(xué)更多，每天都有新教程：新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
海盜十二郎2011-03-10 11:26
<給力>
Ps丶尛立2010-05-29 03:57
圖片地址失效勒
6328946942010-03-22 03:24
2# 632894694 <給力>
6328946942010-03-22 03:24
<給力>

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

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