晃晃带你做banner：banner基础

突然发现这都十几天啥也没写了，那我这次写个长的吧。主要分享一下我对banner的认识。像我这种懒到极致的人写点东西真心不容易，大家可以多转发一下就当是对我的鼓励了。

也许是我大学是学设计的缘故，我从来不觉得搞素材是一件难事。但是对于相当一部分新手来说，做出自己心目中所描绘的那款banner不容易：在线生成的太low，spy来的不好改，自己动手吧，又不知道怎么办。这里我手把手教大家一些PS的基础，让大家看完以后都能够在5分钟之内做出自己心目中的那款banner。

banner是什么

在网络营销行业，banner说的就是网站上常见的横幅广告。

banner的类型

banner有很多种名字，代表不同尺寸，除了几个耳熟能详的，别的我也记不住，我就放一张图给大家看看吧。

banner的构成

通常一个banner包含许多元素。常见到的一般包括这6个类型的元素

背景图
前景图
标题
副标题
按钮（Call to Action）
点缀（可能是logo，或者打折的标签之类的）

做一个banner的时候，并不一定非要包含着6类元素，大家可以根据自己需求调节，再根据测试的情况删减，最终选出转化最好的banner模板。

制作banner

其实制作banner的工具很多，在线的我就不说了，这里主要讲一些要用绘图软件做的，从易到难，分享一下我的做法吧。

首先，建议大家不要一上来就自己创作banner，当然你要是才华横竖都溢，就当我没说。我建议先spy别人的banner，看多了灵感自然有了，比如，我看一个增肌的广告。

扫一眼，先看看什么东西最能抓住你：我不知道各位什么感受，反正给我冲击力最大的是：FREE、85折(15% OFF)和29.99。明白了套路我们就来做一个类似的。

首先，在PS里面，按ctrl+N新建一个自己想要尺寸的文件，比如我就用宽300高250的做个Medium Rectangle吧。再到图层面板里按我箭头哪里的文件夹图标，新建5个组，分别命名为：背景图、前景图、标题、副标题，CTA。之后每个新建的图层都要放在对应的组里。

背景图，可以用纯色，也可以用纹理的背景图。纯色好说，这里我们挑个难的，用背景图吧。我们去百度图片上搜一下，搜个“纹理背景”，随便选一个自己看的舒服的。

直接复制一下，粘贴到PS里，或者干脆用QQ的截图快捷键，截出来一部分，粘贴过去，注意这里要选中背景图的图层。如果贴进去大小觉得不合适可以用ctrl+T调整大小。

然后前景图，我们找个肌肉男吧，因为这样比放某个蛋白粉罐子适用性要广的多。这里需要大家特别注意一点，选的人，最好不是名人，因为可能有肖像权的纠纷，让自己审核不通过。或者可以找没露脸的。同时，很多网站也会出售任务肖像的图片供广告素材使用，但是大多都是大人的，我也不在这里列举了，有兴趣的可以搜搜。

一般大家有选照片的，想抠出目标，去掉背景，PS抠图不太适合新手做。不过也不用着急，大家可以直接谷歌搜“free background remover”，会出来一堆在线抠图的，基本是傻瓜化的操作。

之后就是主副标题文字部分了，很简单，按T，直接写，想写啥写啥。可以学着别人把数字放大，和英文字母对比产生视觉冲击，也可以把FREE这种噱头放大，如果打算这样设计，这些噱头要比主标题的字还粗还大。主标题一般写牌子或者口号，一定要博眼球，吸引注意。副标题一般写slogan或者功能，一个banner篇幅有限一定要挑最牛逼的功能写，让大家看了就想买。

最后，我们要命令大家马上买，这就有了Call to Action，行动指令，比如Buy Now, Check Now, Watch Now这种，中文是立即购买、马上抢这类的文案。这里再说一点，一个banner的作用，其实是为了让用户去点的。大家在网上晃了这么多年，肯定知道按钮和超级链接是可以点的吧，按钮是个图标，超链接是个带下划线的文字。所以一般Call to Action都是这两种形式。文字不详说，图标这东西，反正我不会做，继续搜，关键字”Buy Now Button”，一下出来一堆，选一个自己喜欢的放上去，然后大功告成：