PS教程:韩国网页的banner合成方法

今天我看了一个韩国的模板PSD，分析了一下banner的制作。
先看一下成品
我设计banner的时候经常就找一张合适的照片，再加上文字就OK了。很少会拼凑一些图
就算是拼凑的话也基本就是拉个渐变把两张图凑在一起
但这次来看看韩国的banner是怎样设计的
首先我来一个一个的分解
这是最后面的背景图，蓝天白云，接下来
在原来的基础之上就加了一层的白云，这次是把第一层反转过来，变亮处理
接着在左上角添加一张抠好的树的，是用来遮挡住房子的上面
接下来把抠好的房子放在树的上面。我说说这个房子，仔细看就是一个普通的照片，一点特殊处理的都没有。 看来韩国的banner主要是靠拼凑做出来的，首先考验的就是拼凑的技巧了。
再接着看下一层
这个草地照片是很好找的，XP的默认壁纸就是这样的，稍稍的挡住一些房子底部的街道，接着为了添加小道来做准备
这个小道的加入为房子和整个画面增加了很强的立体感
最后在小道的旁边再加入一个小树的图层
设计师很细心的在小树底下加上了一层阴影
最后加上右边的大树与文字，整个banner就设计完毕了。
从以上的分析可以看出，设计师可以按照网站表达的出题自行拼凑出一个banner出来。
首先注意抠图的技巧，大树的叶子与小道两边的草就比较难。
经过多次练习可以更好的掌握这种banner的制作方法。有助于我们将来设计更具特色的banner。

在一个网站里面，banner的展示起着非常重要的引导性的作用。每个行业的不同，每个设计师的不同，所设计出来的产品的风格也不一，对于banner的要求也不一样。

一个好的banner设计的好，主要体现在点击率方面，好的banner应该是非常容易吸引用户的眼球的，让用户看到了这个banner后有强烈的点击进去了解的欲望，而不是普通的一个广告banner展示的形式。

主要体现在以下的几方面：

1，以文字为主

虽然现在网站的大多都提倡图文并茂，这样能够提高用户体验，但是我们现在看到很多网站上的很多都是以为主，这样就是容易陷入一个误区：banner图只是为了用的形式来展示网站的主要产品或者企业的总体形象。其实这样的banner是很难能吸引到用户的。因为有些用户还是需要一定的文字来理解广告中的内容的。如果是文字为主，做到言简意赅，这样的图文并茂才能有利于提高点击率。

2，不要出现价格信息

一般的消费者对于价格都是非常敏感的，除非是你的产品价格相比同行业的产品价格低出很多，很有价格上的优势，否则小编建议最好不要在banner上出现价格信息。因为价格一旦不是用户心理能接受的，这个banner就会被用户无视。

3，添加免费或者巨大优惠等字样

根据众多消费者的消费心理，他们对于那些物美价廉的产品都是非常热衷的。对于企业网站的推广和banner的设计也是这样，在banner上添加免费或者巨大优惠等字样也是能很有效地吸引到用户，但是小编还是要提醒一句，一定要实事求是，如果点击进去，发现只是一个圈套，这样的作为会引起用户强烈的不满。

4，设计带有行为号召力

我们平时上网看到有些banner上会有个类似点击的按钮或者链接，潜意识会有着想点击的念头，可能会情不自禁地点击进去。这种方法也能很好地提高点击率哦。

当然，提高banner的点击率的方法还有很多，就不再一一详述了。ps其实很简单，主要是你找的素材好坏。在一个就是p图的经验与技巧。多练习就可以了。

谢谢又矮又长得就是banner图

都应该有规格的，你按照规格新建文档，再点击菜单栏里的~置入~,置入后调整大小(按住shift键保持照片原比例)后回车
如图所示

网页中的banner通常是用广告宣传，又称为“旗帜广告”，实际上设计BANNER更多一道设计师的美术创造能力，网幅广告,旗帜广告,横幅广告(网络广告的主要形式,一般使用GIF格式的图像文件,可以使用静态图形,也可用多帧图像拼接为动画图像)

步骤/方法
1 首先打开软件，我们看到界面如下，左边部分是选项部分，可以切换到各种设置。
2 我们选择“尺寸&声音”选项，进行相关的设置。长宽根据自己的需求进行设置，如果想插入背景音乐的话自己设置就可以了。
3 选择“背景&设置”，我们设置一下背景为渐变色，如果需要插入或者其他flash元素的自己设置就行了。
4 选择“选择&设置”，进行flash背景效果的选择，这里我选择了一个飘动的蒲公英。
5 选择“文字&图像”选项，我们编辑banner上显示的文字等元素。首先我选择第一个网址，然后更改成百度经验的网址。
字体和文字的颜色可以点击下面的“编辑字体风格”进行编辑。
然后，我们改写第二行文字，把它改成“百度经验”我使用的是百度综艺体，字体和颜色设置好以后就切换到“选择&效果”选项卡，我们选择喜欢的文字效果。
切换到“位置”选项卡，我们可以调整文字在banner中的位置
分别切换到“网络链接”和“定时”选项卡，进行相关的设置
6 文本中选择第三行文字，改写成“为经验献计献策”然后设置好效果。这里我选择了一个行星闪动的效果。其他项目设置可以参照上面的讲解。
7 选择“网站&链接”选项，进行相关设置
8 选择“发布&构建”选项，点击“发布”按键输出自己设计好的flash banner。
9 d出输出格式选择对话框，我们选择swf格式，点击“确定”
10 d出“保存”对话框，我把这个banner命名为1，保存。
11 保存完毕以后，主界面显示红色提示语，告诉我们怎么正确使用这个banner。好了整个flash banner的制作就算是完成了。
12 为了给大家展示一下这个banner，我又另存了一份gif格式的，因为这个软件也是支持发布为gif格式的，我们来看一下效果，还是很不错的。
END

是否需要ps技巧，取决于banner最终所需呈现的效果。如果你的banner图需要达到促进销售、引导顾客关注店铺、邀请顾客参与活动的目的，可能需要花费心思在制作上，毕竟作为一个展示的，你能做到多吸睛，就要多的多吸睛。总体而言还是付出越多，或者越多。

关于学习banner设计的建议：

一、提高自身的审美。

关键还是围绕着如何吸睛。如果你的banner一眼望去，没有令人想要继续浏览的效果，那么哪怕你banner链接下的活动多么优惠、产品多么诱人好用，也是徒劳。平时可以多去关注一些相关类似行业的店铺banner。例如，banner图用于美妆行业，可以学习雅诗兰黛、兰蔻、魅可等品牌。（注意点：学习品牌时，要先确认本店铺产品的定位。）

二、符合店铺格调。

每个店铺在涉及装修上，都会有自己的品牌调性（格调）。如果你的所负责的品牌是走国际风、简约风的。那么你的banner设计上，绝对不允许使用古风设计，不然就是洋不洋、仙不仙的。

三、banner设计的要素组成。

一般来说，banner图主要围绕了文案、背景、主图三方面。设计可以理解为三者之间的协调关系，如何让三者有序自然的体现在图上。

具体如何做？——需要关注你的营销点在哪里。如果是产品，那么可以将产品的优势体现在产品图上。如果是活动，那么背景和产品图属于辅助位，需要你放大利益点。

四、缺乏灵感时，如何解决？

一是按照上面提及的，关注店铺所在行业的大咖的banner。二是浏览“梅花网”，这个网站聚集着很多优秀的案例。

最后一点，还是回到自身的PS技能水平上啦，设计理念再好，也要实际 *** 作在PS上。

---