Photoshop网页设计：华丽的房地产网站首页效果

2016-03-19 01:57 3 1 收藏

今天图老师小编要跟大家分享Photoshop网页设计：华丽的房地产网站首页效果，精心挑选的过程简单易学，喜欢的朋友一起来学习吧！

【 tulaoshi.com - PS 】

来源：站酷作者：Lijinan2008
本教程介绍高档商业网站的设计过程和方法。作者为大师级别的高手，制作当然非常讲究。画面构成简洁大气，素材安排恰到好处。色彩渲染层次感强。总体非常经典，值得学习。
最终效果

1、前期素材准备，去网上搜集一些华丽，有气派的素材图片，根据下图标志风格选择一些欧式华丽素材。

2、先将画面分成上中下三栏，Logo中间排列，菜单有金属感，将菜单指示效果做成金属感，菜单间的空隙要比Logo左右两边的空隙小，利用调整图层控制Logo背景的光效，为了增强菜单背景的肌理质感，适当在背景上铺上欧式花纹。

3、将城市背景元素加进来，需要自己找相关的素材。背景城市在放置的时候一般要重心下移，留出天空的位置，也要留出位置方法广告词，不要把画面塞得很满，画面有透气感才好。

4、城市背景与天空混合。把城市图层混合模式改为“正片叠底”，在城市图层下面新建一些图层，用钢笔工具将大楼的外轮廓勾出来，用白色填充，多做几个图层分别填充白色，便于以后修改。然后用调整图层将右边天空的云彩调亮。

5、接下来摆放主体元素，用帝王，地标建筑代表巅峰，傲视群雄Tulaoshi.com。这是要表达的核心元素。主体元素可以使人或物，如宝座、权杖、皇冠等。

摆放元素要注意大小、位置、比例要合适，主元素造型要完整，大部分必须整体没有缺失。

6、摆放广告词的地方，背景图形不要太复杂，广告词是重色背景就要浅些，广告词的背景是深色，广告词就用浅色，一般的地产广告词由主标题、副标题、说明文字、英文翻译组成。

7、整体调色：
首先是VI色：VI色决定画面的色调关系，确定后画面是暖调还是冷调，亮调还是暗调；
然后是色彩冷暖：色彩冷暖是指在同一色调范围内色彩关系要有冷暖对比。
还有色彩协调：色彩协调指色彩在对比的基础上达到统一协调均衡。

最终效果：

来源:https://www.tulaoshi.com/n/20160319/1901012.html

上一篇： PS网页设计技巧：图层排列和文档管理提升效率(入门)
下一篇： Photoshop设计网页：某杂志的网站界面

看过《Photoshop网页设计：华丽的房地产网站首页效果》的人还看了以下文章更多>>

《房地产简易VIS手册设计欣赏》

标签：平面设计标志设计 UI设计 VI设计

指示系统设计水杯设计指示设计汽车指示设计高射炮广告设计胸卡设计旗帜设计名片设计手提袋设计便签设计咖啡杯广告设计接待台广告设计刀旗广告设计信封设计文件袋设计 ...

房地产与金融市场-房地产金融市场现状

标签：生活常识

由于商业银行普遍把房地产信贷作为一种“优良资产”大力发展，在经营业务上容易产生急功近利的倾向，比如有的商业银行降低客户资质等级评定的门坎，将审查手续简化，将审查速度加快，等等。房地产与金融市场-房地产金融市场现状什么是房地产金融市场？房地产金融市场是指房地产资金供求双方运用金融工具进行...

《房地产项目标识设计》

标签：平面设计标志设计 UI设计 VI设计

screen.width-500)this.style.width=screen.width-500;" border=0> screen.width-500)this.style.width=screen.width-500;" border=0> screen.width-500)this.style.width=screen.width-500;" border=0>

经典国内房地产标志设计

标签：室内设计

...

《房地产广告设计欣赏》

标签：平面设计海报设计海报设计素材广告设计平面设计素材

《房地产广告设计欣赏》房地产广告设计欣赏 screen.width-500)this.style.width=screen.width-500;" border=0> 东方华都 screen.width-500)this.style.width=screen.width-500;" border=0> screen.width-500)this.style.width=screen.width-500;" border=0> screen.width-500)this.style.width=screen.width-500;" border=0> ...

查看更多精彩>>