photoshop制作网店产品广告banner电商美工设计教程 PS自学课程

夏季的到来，我们做电商的朋友估计也要忙开来了，尤其是做设计的朋友，为新品添加新的广告也是迫在眉睫哦。

今天由我来教你一个用photoshop设计店铺广告的方法吧。设计的步骤简单，可设计的影响力却非同小可哦。此方法用在各个行业皆可。我们来看看效果吧。

设计效果图

01

设计步骤

第1步：打开photoshop软件后，新建一个宽790像素，高500像素的文档。然后按Ctrl+R键显示标尺，然后拉一条标尺线于底部往上一点的位置。然后用选择框工具选择标尺线以上的图形。等于画一个如文档大小的框。

新建文档

第2步：新建图层之后，我们为选框填充前景色。这次的设计我会尽量讲得具体，懂得朋友可以忽略。也是为了照顾初学者，谢谢理解。

填充颜色

第3步：给新建的图层添加图层样式，图层样式我们选择渐变叠加，渐变的角度我们设置为0，然后渐变的色标分别为：dbc4a2、ebdbc3、dbc4a2。

图层渐变的添加

第4步：导入一张我们已经扣图好的产品展示图片，我这里以女装为例，不同的行业我们换成不同的产品图，当然了，我们的产品图之前要扣好。按Ctrl+T调整图片的大小。

图片大小的修改

第5步：产品图片调整大小后，把它移动右边位置，不要太靠右即可。然后在左边的空白区域输入我们的产品介绍文字：夏季换新装，颜色暂时用黑色，等整体设计完成后，我们再进行调整文字的颜色。

文字素材的添加

第6步：在中文字体上面添加我们活动的日期，下面增加一行英文字体，其实在中国，英文的设计除了美观，实在没什么广告的效应。不过有英文装饰，设计感就出来了。日期的分格号，我是画的，用字体的分割线会很粗的感觉，不协调。

英文素材的添加

第7步：在英文字体下面加入宽度跟英文一样的宽的矩形框，然后填充为黑色。

矩形框的添加

第8步：给黑色框加入图样样式添加一个青色的颜色叠加，颜色为9dab70，然后在框中输入我们的促销优惠信息。完成后，我们在下面画一条2个像素的横线，横线的颜色用灰色跟青色皆可。接着在横线下面输入一段英文作为装饰，英文用灰色，并尽量对齐。

加入店铺促销信息

第9步：底部留白的区域用选框工具选好，接着填充青色。哈哈哈，这个时候效果就快出来了，是不是越往下设计，越完美的感觉？

产品菜单添加

第10步：在青色框里输入我们的产品分类或者促销的产品类型，颜色我们用白色的字体，然后在分类的中间画1像素的隔开线。

banner设计

第11步：导入一张树枝素材，然后在PHOTOSHOP菜单中依次按选择，色彩选择，弹出框后，我们用吸管工具在树枝的旁边白色区域吸取颜色，然后点击确定。这个时候白色区域全部选择了，接着按Delete删除白色就可以，这个时候树枝就被抠出来了。

图片抠图

第12步：把扣好的树枝调整到左边区域，然后拉到背景层之上。

添加树枝素材

第13步：这个时候呢，我们在photoshop的菜单给树枝加一个滤镜效果，我们选择高斯模糊，模糊的效果我们在调整的时候可以看到，自己调整就清楚了。给树枝增加一个模糊效果后，最后我们用图层样式添加的方法，给文字修改下颜色，或者增加一些阴影的效果，这样整个设计就完成了，设计好后，我们无比记得要保存哦。

设计完成效果图

我的小伙伴们，你学会了吗？

02

设计总结

如果还有不会的朋友，请在评论区留言给我，我将认真回复。关注我，每天为您推送更多的电商美工教程。

本文由粤北大叔彭生生原创，欢迎关注，带你一起长知识！