晃晃带你做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”,一下出来一堆,选一个自己喜欢的放上去,然后大功告成:

最后我还是要重复一下,banner的复杂程度和用户意图直接相关,所以不一定像我这样做的炒鸡复杂。比如影视类的banner,很多人用电影里截图做背景,配上个播放按钮,CTR也很不错。

我写这篇文章的目的,一个是对banner做个简单的介绍,再就是分享一下photoshop的基本技巧。今天先说这么多,以后会给大家分享一些高级点的banner做法,比如动画的,甚至是可以互动的。

 

---------------------------

如果你觉得本文对你有帮助,欢迎分享,分享请注明来源及作者
来源:https://cuihuanghuang.com/post/359.html
作者:崔晃晃 QQ/微信:8848250

4

Related Posts

Comments

  1. 这个不错,晃晃的蛋………白粉 :smile:

  2. 干货满满啊!多谢晃晃 :cool:

  3. 想吃晃晃的蛋…白粉 :razz:

发表评论

电子邮件地址不会被公开。 必填项已用*标注