您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> ps教程 >> 瀏覽設(shè)計(jì)教程

網(wǎng)頁(yè)設(shè)計(jì)教程:打造華麗的房地產(chǎn)網(wǎng)站首頁(yè)效果

本教程是高檔商業(yè)房地產(chǎn)網(wǎng)站的設(shè)計(jì)過(guò)程和方法。作者為大師級(jí)別的高手,制作當(dāng)然非常講究。畫面構(gòu)成簡(jiǎn)潔大氣,素材安排恰到好處。色彩渲染層次感強(qiáng)??傮w非常經(jīng)典,值得學(xué)習(xí)。
最終效果

1、前期素材準(zhǔn)備,去網(wǎng)上搜集一些華麗,有氣派的素材圖片,根據(jù)下圖標(biāo)志風(fēng)格選擇一些歐式華麗素材。


2、先將畫面分成上中下三欄,Logo中間排列,菜單有金屬感,將菜單指示效果做成金屬感,菜單間的空隙要比Logo左右兩邊的空隙小,利用調(diào)整圖層控制Logo背景的光效,為了增強(qiáng)菜單背景的肌理質(zhì)感,適當(dāng)在背景上鋪上歐式花紋。

3、將城市背景元素加進(jìn)來(lái),需要自己找相關(guān)的素材。背景城
市在放置的時(shí)候一般要重心下移,留出天空的位置,也要留出位置方法廣告詞,不要把畫面塞得很滿,畫面有透氣感才好。




 

4、城市背景與天空混合。把城市圖層混合模式改為“正片疊底”,在城市圖層下面新建一些圖層,用鋼筆工具將大樓的外輪廓勾出來(lái),用白色填充,多做幾個(gè)圖層分別填充白色,便于以后修改。然后用調(diào)整圖層將右邊天空的云彩調(diào)亮。



5、接下來(lái)擺放主體元素,用帝王,地標(biāo)建筑代表巔峰,傲視群雄。這是要表達(dá)的核心元素。主體元素可以使人或物,如寶座、權(quán)杖、皇冠等。

擺放元素要注意大小、位置、比例要合適,主元素造型要完整,大部分必須整體沒(méi)有缺失。

6、擺放廣告詞的地方,背景圖形不要太復(fù)雜,廣告詞是重色背景就要淺些,廣告詞的背景是深色,廣告詞就用淺色,一般的地產(chǎn)廣告詞由主標(biāo)題、副標(biāo)題、說(shuō)明文字、英文翻譯組成。

7、網(wǎng)頁(yè)設(shè)計(jì)最后一步---整體調(diào)色:
首先是VI色:VI色決定畫面的色調(diào)關(guān)系,確定后畫面是暖調(diào)還是冷調(diào),亮調(diào)還是暗調(diào);
然后是色彩冷暖:色彩冷暖是指在同一色調(diào)范圍內(nèi)色彩關(guān)系要有冷暖對(duì)比。
還有色彩協(xié)調(diào):色彩協(xié)調(diào)指色彩在對(duì)比的基礎(chǔ)上達(dá)到統(tǒng)一協(xié)調(diào)均衡。
 

最后效果:


 

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/ps926.html
網(wǎng)頁(yè)設(shè)計(jì)中導(dǎo)航的質(zhì)感運(yùn)用技巧(附PSD源文件)
Photoshop簡(jiǎn)單設(shè)計(jì)網(wǎng)頁(yè)時(shí)尚感藍(lán)色登錄框
圖趣網(wǎng)微信
建議反饋
×