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

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

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

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

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



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

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



                                       
我們使用橡皮擦工具

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

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

最后完成的效果如圖

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



                                       
使用矩形工具

設(shè)置樣式

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



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

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

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



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

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

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

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



                                       
加入一張喇叭圖片

進行復(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)友求助,請回答!