PS设计教程:房地产网站设计流程

本PS教程介绍高档商业网站的设计过程和方法。作者为大师级别的高手,制作当然非常讲究。画面构成简洁大气,素材安排恰到好处。色彩渲染层次感强。总体非常经典,值得学习。 最终效果 1、前期素材准备,去网上搜集一些华丽,有气派的素材图片,根据下图标志风格选择一些

Photoshop做个人主页教程

步骤 1、创建画布,并导入如下素材。步骤 2、调整色相/饱和度(图像 调整 色相/饱和度)。得到如下效果:步骤 3、使用圆角矩形工具绘制标题栏与内容框。副标题步骤 4、在内容框左侧粘贴图像素材。步骤 5、选择多边形工具,设置如下。在

本PS教程介绍高档商业网站的设计过程和方法。作者为大师级别的高手,制作当然非常讲究。画面构成简洁大气,素材安排恰到好处。色彩渲染层次感强。总体非常经典,值得学习。
最终效果
PS设计教程:房地产网站设计流程插图
1、前期素材准备,去网上搜集一些华丽,有气派的素材图片,根据下图标志风格选择一些欧式华丽素材。
PS设计教程:房地产网站设计流程插图(1)
PS设计教程:房地产网站设计流程插图(2)
PS设计教程:房地产网站设计流程插图(3)
PS设计教程:房地产网站设计流程插图(4)

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


PS设计教程:房地产网站设计流程插图(5)


PS设计教程:房地产网站设计流程插图(6)

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


PS设计教程:房地产网站设计流程插图(7)


PS设计教程:房地产网站设计流程插图(8)

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


PS设计教程:房地产网站设计流程插图(9)


PS设计教程:房地产网站设计流程插图(10)


PS设计教程:房地产网站设计流程插图(11)


PS设计教程:房地产网站设计流程插图(12)

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

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


PS设计教程:房地产网站设计流程插图(13)


PS设计教程:房地产网站设计流程插图(14)

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


PS设计教程:房地产网站设计流程插图(15)

PS设计教程:房地产网站设计流程插图(16)

7、整体调色:

首先是VI色:VI色决定画面的色调关系,确定后画面是暖调还是冷调,亮调还是暗调;

然后是色彩冷暖:色彩冷暖是指在同一色调范围内色彩关系要有冷暖对比。

还有色彩协调:色彩协调指色彩在对比的基础上达到统一协调均衡。


PS设计教程:房地产网站设计流程插图(17)


PS设计教程:房地产网站设计流程插图(18)

最终效果:


PS设计教程:房地产网站设计流程插图

本PS教程介绍高档商业网站的设计过程和方法。作者为大师级别的高手,制作当然非常讲究。画面构成简洁大气,素材安排恰到好处。色彩渲染层次感强。总体非常经典,值得学习。
最终效果
PS设计教程:房地产网站设计流程插图
1、前期素材准备,去网上搜集一些华丽,有气派的素材图片,根据下图标志风格选择一些欧式华丽素材。
PS设计教程:房地产网站设计流程插图(1)
PS设计教程:房地产网站设计流程插图(2)
PS设计教程:房地产网站设计流程插图(3)
PS设计教程:房地产网站设计流程插图(4)

2、先将画面分成上中下三栏,Logo中间排列,菜单有金属感,将菜单指示效果做成金属感,菜单间的空隙要比Logo左右两边的空隙小,利用调整图层控制Logo背景的光效,为了增强菜单背景的肌理质感,适当在背景上铺上欧式花纹。
PS设计教程:房地产网站设计流程插图(5)
PS设计教程:房地产网站设计流程插图(6)
3、将城市背景元素加进来,需要自己找相关的素材。背景城市在放置的时候一般要重心下移,留出天空的位置,也要留出位置方法广告词,不要把画面塞得很满,画面有透气感才好。
PS设计教程:房地产网站设计流程插图(7)
PS设计教程:房地产网站设计流程插图(8)

4、城市背景与天空混合。把城市图层混合模式改为“正片叠底”,在城市图层下面新建一些图层,用钢笔工具将大楼的外轮廓勾出来,用白色填充,多做几个图层分别填充白色,便于以后修改。然后用调整图层将右边天空的云彩调亮。
PS设计教程:房地产网站设计流程插图(9)
PS设计教程:房地产网站设计流程插图(10)
PS设计教程:房地产网站设计流程插图(11)
PS设计教程:房地产网站设计流程插图(12)

5、接下来摆放主体元素,用帝王,地标建筑代表巅峰,傲视群雄。这是要表达的核心元素。主体元素可以使人或物,如宝座、权杖、皇冠等。
摆放元素要注意大小、位置、比例要合适,主元素造型要完整,大部分必须整体没有缺失。
PS设计教程:房地产网站设计流程插图(13)
PS设计教程:房地产网站设计流程插图(14)
6、摆放广告词的地方,背景图形不要太复杂,广告词是重色背景就要浅些,广告词的背景是深色,广告词就用浅色,一般的地产广告词由主标题、副标题、说明文字、英文翻译组成。
PS设计教程:房地产网站设计流程插图(15)
PS设计教程:房地产网站设计流程插图(16)

7、整体调色:
首先是VI色:VI色决定画面的色调关系,确定后画面是暖调还是冷调,亮调还是暗调;
然后是色彩冷暖:色彩冷暖是指在同一色调范围内色彩关系要有冷暖对比。
还有色彩协调:色彩协调指色彩在对比的基础上达到统一协调均衡。
PS设计教程:房地产网站设计流程插图(17)
PS设计教程:房地产网站设计流程插图(18)
最终效果:
PS设计教程:房地产网站设计流程插图

作者: 791650988

为您推荐