當前位置：首頁>ps實例教程>ps網頁設計>網頁模板>教程內容

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

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

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

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



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

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



                                       
我們使用橡皮擦工具

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

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

最后完成的效果如圖

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



                                       
使用矩形工具

設置樣式

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



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

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

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



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

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

選額另一種筆刷效果，顏色設置為#6b0d10，進行涂抹。

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



                                       
加入一張喇叭圖片

進行復制排列

用筆刷調整一些左邊頁面的效果。

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



                                       
使用文字

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

選擇下面的筆刷

在歡迎文字下加入一些效果，是網站中部的視覺效果與整體更統一。

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

學習 · 提示

  • 一定要打開PS，跟著教程做一遍，做完的圖到這交作業(yè)：提交作業(yè)
  • 建議練習時，大家自己找素材，盡量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到論壇發(fā)帖提問：新手求助
  • 加官方微信，隨時隨地，想學就能學：ps_bbs，或掃右側二維碼！
  • 關注我們學更多，每天都有新教程：新浪微博 抖音視頻 微信小程序
- 發(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
<給力>

關注大神微博加入>>

網友求助，請回答！