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

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

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

【 tulaoshi.com - PS 】

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

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

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

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

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

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

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

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

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

最终效果：

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

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

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

《房地产项目标识设计》

标签：平面设计标志设计 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> ...

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