photoshop使用最多的元素就是筆刷，本教程的搖滾樂團rock band音樂網站效果是通過不同類型的筆刷及顏色的搭配設計來完成的。

如果您還對photoshop筆刷如何安裝等技術有問題的話，請先看網頁設計webjx.com提供的一個photoshop最基礎的教程：ps入門：如何使用網上下載的筆刷？

最終效果如下：

設計過程如下。

網頁大小為760x770，背景色為白色，同時再新建一個圖層，填充為黑色

本文中我們將使用一些很絢麗的筆刷效果，你可以從這里下載筆刷：free photoshop brushes

將筆刷導入到ps中后，我們先用顏色#f26826來為黑色圖層進行涂抹，完成后復制筆刷并進行翻轉，如下圖

|||

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

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

|||

我們使用橡皮擦工具

按照如下圖設置橡皮擦的筆刷形狀與參數

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

最后完成的效果如圖

我們進行隨意的涂抹后的音樂網站背景效果圖

|||

使用矩形工具

設置樣式

用矩形在網站布局中畫一個矩形按鈕

|||

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

使用上圖中的筆刷，隨后你可以按"["來調整筆刷的大小，請注意在為按鈕上添加筆刷效果的時候請先將矩形按鈕圖層柵格化(在圖層上按鼠標右鍵選擇柵格化圖層)。本文由網頁設計（webjx.com）發布！轉載和采集的話請不要去掉！謝謝。

隨后按ctrl+j復制按鈕圖層

|||

再從 這里 下載一個ps筆刷：dirty gray brushes。

新建圖層，在新圖層上用上圖中的筆刷進行藝術涂抹，顏色設置為#5b5b5b    

選額另一種筆刷效果，顏色設置為#6b0d10，進行涂抹?？吹奖拘畔?，說明該文章來源于網頁設計www.webjxcom，如果文章不完整請到網頁設計webjx.com瀏覽！

最后完成的音樂網站背景效果，現在看上去藝術氛圍比較濃厚了

|||

加入一張喇叭圖片

進行復制排列

用筆刷調整一些左邊頁面的效果。本文是網頁教學www.webjxcom收集整理或者原創內容，轉載請注明出處！

加入準備好的音樂相關素材

|||

使用文字

為整個音樂網站添加不同類型大小的文字

選擇下面的筆刷

在歡迎文字下加入一些效果，是網站中部的視覺效果與整體更統一?？吹奖拘畔⒄f明該文是通過網頁教學（webjx.com）整理發布的，請不要刪掉！

最后音樂網站完成后的整體設計圖