首页 > 全部课程 > PS电商排版36计-超实用促销Banner
使用软件:Photoshop 难度等级:入门 课程评分:9.9 分享
讲师: 星山
收藏
课程目录
标签: 电商排版三十六计 设计思路 促销banner 促销海报 节日大促
  • 图文教程

一般运营需要做的banner都是这种,没有什么设计感,做着也没什么意思。

image.png

为了让banner有促销感和促销氛围,看下边这几个案例。促销的颜色一般根据官方的主要色调走,一般都是固定的几种颜色,红色,蓝色,紫色等。

image.pngimage.png年货节这个用的主色调是大红色,金色,有过年的氛围,用的剪纸的风格。image.png

电器一般使用蓝紫色,用很大的字体,有科技感的字体,充斥画面中心,其他产品充当装饰作用的比较多。

image.png

婴幼儿的产品所用的颜色都比较柔和,比如淡黄色,橙黄色,淡紫色等,字体也比较柔和。

image.png

天猫官方的banner,背景很炫,文字也是官方设计的,很多地方都出现猫头,这个案例就是用了很多产品,来烘托氛围,让人看了知道活动该开始了,让人有紧迫感。

image.png

再看京东的banner,主要注意背景,字体,素材的处理。

image.png

根据下边的产品文案,做出banner。

image.png

打开ps,新建画布,给背景添加蓝色,代表科技感,中间拉一个参考线,文字工具把文案输入上去,将素材拖入。

image.png

image.png

蓝色的相反色是黄色,所以用黄色作为字体的底色,用来突出文字,首先,改变文字的大小排版,给文字变形。

image.pngimage.png

黄色做一个三角形,给三角形添加图层样式。

image.pngimage.png再来设计字体,给文字复制三层,最下层改变颜色,向下移动,第二层文字颜色选择再黄一点。

image.png

image.png

调出文字选区,新建图层,选择-修改-扩展,可扩展合适大小,填充蓝色。

image.pngimage.png

image.png因为这么添加的变框比较柔和,和电器风格不符,删掉,我们复制一次文字层,颜色改为蓝色,放大,钢笔工具将文字文字连起来,新建图层,填充颜色。

image.pngimage.png给蓝色文字添加投影。

image.png

接下来是利益点,建组,命名-主标题,绘制黄色矩形,文字改为比较醒目的红色,再复制一层矩形,向下移动一点,填充为橙色,将这个组倾斜。

image.pngimage.png

接下来处理产品,将产品缩小,因为他们是次要表现的,摆放在文案两侧。

image.png这样看起来很空,复制产品向两边移动,填充深蓝色,作为阴影,滤镜-模糊-高斯模糊。image.png

image.png优化背景,给背景添加一个渐变,新建图层,画笔工具,浅蓝色,画到中间,这样可以突出文案。

image.png

给其他产品添加投影,现在看起来产品还是很突出,现在新建图层,画笔降低不透明度,选择和背景相似颜色,在产品上涂抹。

image.png

把产品组的颜色拉暗。

image.png只有一个三角形,有点单调,可以多加一个圆,黄色描边,添加图层样式。

image.png

再建一个圆,添加图层样式,放在文字后方。

image.png

接下来添加装饰性元素,是banner更饱满。钢笔工具绘制色块,调整色块的位置。image.png

新建组,命名-元素,利用自定义形状工具,添加效果。

image.png绘制些圆,添加图层样式。

image.pngimage.pngimage.png给banner统一风格,很好的一个插件,在最上方添加颜色查找,不断选择色调,选出最合适的,完成。

image.png

相关推荐
PS电商排版36计-巧妙排版中文
【综合设计】入门 9.8
PS电商排版36计-最后一计(纯干货)
【综合设计】初级 10.0
PS电商排版36计-正三角banner版式
【综合设计】入门 9.9
PS电商排版36计-倒三角Banner版式
【综合设计】入门 9.9
PS电商排版36计-14创意Banner版式
【综合设计】入门 9.9
PS电商排版36计-装饰元素的妙用
【综合设计】入门 9.2