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

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例(4)

來源:站酷 作者:WOZLK 學(xué)習(xí):10002人次

本教程主要使用Photoshop合成創(chuàng)意的軒尼詩酒吧網(wǎng)頁模板,整體的素材和顏色非常的漂亮,喜歡的朋友一起來學(xué)習(xí)吧。

先看看效果:

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

首先我們的首頁是微點亮的狀態(tài),然后我們的鼠標(biāo)放在中間酒瓶就可以把人點亮

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

這是我們點亮后的效果

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

附上內(nèi)頁一個

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

上面的首頁內(nèi)頁是從以前的提案飛機(jī)稿延展的,以前的主要突出現(xiàn)代時尚!現(xiàn)在的這個更加吻合點,下面我們就開始制作吧

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

這些是根據(jù)關(guān)鍵字找尋的素材,用于我們上面的頁面

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

上面的視作詳細(xì)過程圖,下面我們會有分解過程,讓大家知道一個頁面是怎樣做成的

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

首先,我們把素材里地面和墻扣出來,放入畫面擺好

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

然后我們把顏色去掉,四周用畫筆工具抹黑

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

然后把中間的材質(zhì)替換調(diào)

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

替換調(diào)之后我們發(fā)現(xiàn)效果不是很好,但我為什么留著這個過程呢,是想告訴大家,沒有誰能一次就做出最好的效果,所以我們又替換了一個墻

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

 

然后我們把墻去色掉,用曲線調(diào)下對比 讓墻更干凈

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

把墻放好之后,我們把人扣出放入畫面

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

人扣好之后我們從別的素材扣個帽子過來,第一補(bǔ)掉頭上缺失的部分,第二可以讓人變的更潮流

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

然后把霓虹燈扣好放入進(jìn)去

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

扣好之后,我們先去色,然后加綠色,加點黃色,后面的光和霓虹燈都是這樣做,就不說了

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

然后給人后面加入爆炸效果,這個素材那個圖里沒有但是會提供給大家的,加好效果后,去色,加上綠色

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

調(diào)好色之后,復(fù)制幾層,然后 做出層次,讓人身上也有,然后我們發(fā)現(xiàn)再右邊沒有中間好看,然后調(diào)整下位置,之所以把過程寫下來,是讓大家更加清楚一個頁面是怎么做好的

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

 

加上酒杯的燈 ,讓人感覺像在酒吧一樣,酒一般在酒吧kTV 但是酒吧更能凸顯氛圍

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

然后我們把那個霓虹燈移動下位置

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

然后我們加上素材,酒吧唱歌臺的素材,還有臺燈,勾出光

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

把剛加入的素材去色,然后把燈照亮那個地面,用畫筆工具涂抹logo的綠色 然后濾色

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

然后我們把素材的桌子摳出,放入進(jìn)來

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

然后我們用曲線吧對比度調(diào)下,去色掉,抹寫logo的綠色放上面,疊加,放入產(chǎn)品

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

 

給產(chǎn)品加個我們素材的光,像是纏繞在產(chǎn)品身上一樣

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

然后按照處理霓虹燈的方法去色,加色,復(fù)制一層,處理光在下產(chǎn)品前后關(guān)系

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

放入素材內(nèi)音箱

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

處理下人物對比,還有人身上飄的爆炸的素材

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

然后用曲線,拉出對比,色彩平衡給整體 加點綠色,讓整體氛圍更融合

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

加上廣告詞,和按鈕,那個按鈕是可以點擊的

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

給人袖下光,爆炸邊緣亮里面俺,用戶點擊按鈕,就可以點亮模特,

網(wǎng)頁模板,設(shè)計酒吧主題網(wǎng)頁模板實例_www.theoat.com.cn

點擊按鈕后就是這個效果了,完成了 謝謝大家,看了記得點贊。

 

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

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

網(wǎng)友求助,請回答!