Photoshop教程:分析韩国房产网站banner的制作

2016-01-29 18:21 6 1 收藏

Photoshop教程:分析韩国房产网站banner的制作,本例我们来分析学习一个清新风格韩国房产网站banner的制作,希望朋友们能通过本例学习到一些设计思路~~

【 tulaoshi.com - PS 】

今天我看了一个韩国的模板PSD,分析了一下banner的制作。

先看一下成品

Photoshop教程:分析韩国房产网站banner的制作_jcwcn.com

我设计banner的时候经常就找一张合适的照片,再加上文字就OK了。很少会拼凑一些图
就算是拼凑的话也基本就是拉个渐变把两张图凑在一起
但这次来看看韩国的banner是怎样设计的
首先我来一个一个的分解

Photoshop教程:分析韩国房产网站banner的制作_jcwcn.com

这是最后面的背景图,蓝天白云,接下来

Photoshop教程:分析韩国房产网站banner的制作_jcwcn.com

在原来的基础之上就加了一层的白云,这次是把第一层反转过来,变亮处理

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop教程:分析韩国房产网站banner的制作_jcwcn.com

接着在左上角添加一张抠好的树的图片,是用来遮挡住房子的上面

Photoshop教程:分析韩国房产网站banner的制作_jcwcn.com

[next]

接下来把抠好的房子放在树的上面。
我说说这个房子,仔细看就是一个普通的照片,一点特殊处理的都没有。看来韩国的banner主要是靠拼凑做出来的,首先考验的就是拼凑的技巧了。

再接着看下一层

Photoshop教程:分析韩国房产网站banner的制作_jcwcn.com

这个草地照片是很好找的,XP的默认壁纸就是这样的,稍稍的挡住一些房子底部的街道,接着为了添加小道来做准备

Photoshop教程:分析韩国房产网站banner的制作_jcwcn.com

这个小道的加入为房子和整个画面增加了很强的立体感

Photoshop教程:分析韩国房产网站banner的制作_jcwcn.com

最后在小道的旁边再加入一个小树的图层

Photoshop教程:分析韩国房产网站banner的制作_jcwcn.com

设计师很细心的在小树底下加上了一层阴影

Photoshop教程:分析韩国房产网站banner的制作_jcwcn.com

最后加上右边的大树与文字,整个banner就设计完毕了。
从以上的分析可以看出,设计师可以按照网站表达的出题自行拼凑出一个banner出来。
首先注意抠图的技巧,大树的叶子与小道两边的草就比较难。
经过多次练习可以更好的掌握这种banner的制作方法。有助于我们将来设计更具特色的banner。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

来源:http://www.tulaoshi.com/n/20160129/1505464.html

延伸阅读
标签: PS PS基础
学好Photoshop最好的方法之一是解构、再现设计,以此来激发自己的灵感。怀着这样的心情,让我们走近 LittleLines.com 导航,去看一下,从他们最初是如何设计出这么精致的导航栏中,我们能学到什么。 最终效果图: 步骤一 注意下面放大图像中所有的细节,边框、渐变、尺寸、颜色。在这种情况下,放大镜将是你最好的朋友。 步骤二 新...
网站banner从最开始的旗帜广告开始,现在已经有许多网站把banner作为网站设计的一部分,本文主要介绍这些精美的banner设计网站,告诉我们banner是如何设计和其构成部分分解,很有启发意义,推荐大家都阅读一下。 当用户访问一个网站的时候,第一屏的信息展示是非常重要的,很大程度上影响了用户是否决定停留,然而光靠文字大面积的堆积,很难...
效果图 1、 打开photoshop,新建空白文档,文档大小为800*1200; 2、 打开素材图片1,按Ctrl+Alt+T调整大小为800*1200; 3、 给背景填加烧坏效果。设置前景色为黑色。选择渐变工具选择的前景色到透明,混合模式为软柔光与不透明度:30%。 4、 打开素材图片2,按Ctrl+Alt+T调整合适大小; 5、 打开素材图片3,按Ctrl+Alt+T调...
见过很多很花哨的模特网站,这个感觉比较异样。 http://www.supermodelkorea.com/
今天我们分享一个使用Photoshop来制作三角形像素效果的banner教程,只需几个简单的步骤即可完成,而且出来的效果也很赞哦,先来看看效果图,如果有兴趣,请继续往下看。 第1步 准备一张作为banner背景的照片,下面我们以下图作为演示。 第2步 复制两次背景层。 第3步 使用自由变换工具(Ctrl + T 或选择主菜单”编辑””自由变换”)...

经验教程

567

收藏

32
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部