ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程(5)

來(lái)源:站酷 作者:Axin123 學(xué)習(xí):14081人次

本教程主要使用Photoshop設(shè)計(jì)時(shí)尚大氣的網(wǎng)頁(yè)首頁(yè)模板,作者制作的作品都非常的優(yōu)秀,教程的主要給大家分析一下首頁(yè)的制作方法,作者主要想通過(guò)教程給大家一個(gè)探索設(shè)計(jì)作品的過(guò)程,工具什么并不是最重要的,重要的是要有想法和構(gòu)思,然后多做實(shí)踐練習(xí)才可以做出優(yōu)秀的作品,下面讓我們一起來(lái)學(xué)習(xí)吧,教程遇到什么問(wèn)題可以下載PSD文件研究。

教程源文件鏈接:http://pan.baidu.com/s/1gdgSMht 密碼:uder

先看看效果圖

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

 

以下的都是教程

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

1.加上底色繪制平面色塊作為物體形狀,注意透視形狀。

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

2.在平面上用畫(huà)筆工具選取白色繪制亮色過(guò)度。

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

3.繼續(xù)豐富亮色部分。

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

 

4.在前面的色塊上面貼入上面的平面圖即可,注意顏色要調(diào)成類(lèi)似藍(lán)色。填進(jìn)去是不是有點(diǎn)石頭機(jī)理的感覺(jué)了。注意的是這里不需要太逼真的機(jī)理,界于半真半假的假三維形式更有設(shè)計(jì)感。

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

5.用深色豐富石頭肌理的邊緣過(guò)度。

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

6.繼續(xù)豐富過(guò)度,肌理只需看的見(jiàn)即可,不用太明顯。以免搶主體建筑的視覺(jué)。

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

7.用亮色提亮邊緣,使整個(gè)物體的暗部不至于過(guò)于硬朗,與背景有融合,但是要注意他邊緣的虛實(shí)變化。

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

 

8.放上扣好的建筑物體。

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

9.在建筑圖層上面新建圖層填上深藍(lán)色,使用濾色。目的是減弱深色讓他偏藍(lán)色融入環(huán)境。

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

10.畫(huà)筆噴上稍亮的藍(lán)色減弱部分區(qū)域,讓其有逆光背面透光的感覺(jué)。

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

11.加上投影。

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

 

12.加上其他配件豐富場(chǎng)景。

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

13.擺放其他配件的時(shí)候注意不要過(guò)于堆積,并且注意整個(gè)的重量平衡。位置很重要。不是隨便哪個(gè)位置都可以擺放。

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

14.底下放上倒過(guò)來(lái)的房子,馬上有了超現(xiàn)實(shí)的色彩有木有。

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

15.配上主題文字。

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

 

16.繼續(xù)豐富物體邊緣部分,使物體與背景更加融合。方法就是噴色使用濾色圖層樣式。此處虛實(shí)非常重要,不可以到處噴色。

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

17.加上菱形光暈素材,還是一樣使用濾色。放置在右側(cè)位置,使之有逆光光輝的感受,同時(shí)也豐富了畫(huà)面的色彩,

而且有了炫彩的美感,還起到了虛化物體邊緣的作用,是不是一舉四得。

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

18.配件的選擇也是有講究的,此設(shè)計(jì)是為了突出場(chǎng)景的高大,所以選擇了飛機(jī),飛鳥(niǎo),使之顯得空間更加的開(kāi)闊。

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

19.配上文字,下面加上高空云,立馬空間更加開(kāi)闊,氣氛更加強(qiáng)烈。

ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程

 

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

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

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

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