photoshop制作大气网店广告 产品详情图片设计 电商美工设计教程
01
想了解更多精彩内容，快来关注粤北大叔彭生生
做过网店的朋友都清楚，每碰到节日促销或者季度变化，我们都要发布不同的产品广告信息。所以设计一个吸引人的店铺广告就变得尤为重要了。
今天我教大家一个简单的方法，用photoshop快速设计一个简洁大气的店铺banner广告。我们先一起来看看设计的效果吧。
广告设计效果
设计步骤
第1步：打开photoshop软件，新建一个宽790像素，高390像素的文档。这个尺寸是天猫、京东、阿里巴巴详情的宽度，淘宝跟拼多多的宽度是750像素，我今天就用天猫店铺详情的尺寸要求为例。保存文档后，我们新建图层，填充前景色，颜色随意。然后给图层添加一个渐变样式，渐变我习惯用3个色标，如图，色标分别为：e6e6e6、dbdada、e6e6e6，渐变的角度为0。
第2步：渐变添加好后，文档的背景如图所示。背景简洁不失层次感。
第3步：打开我们的产品图片，或者我们需要展示的产品图片，按Ctrl+T调整产品的大小。调整图片大小后，我们把图片移到文档的左边。
第4步：产品调整好位置后，我们给图片添加一个图层蒙版，然后选择渐变工具在产品图片的右边往左边拉，拉的位置不要过左，因为我们的要求产品图片能跟背景形成一个自然的过渡就可以。在选择渐变工具的时候，我们要选择黑色到透明的渐变。
第5步：产品图片添加渐变效果后，我们在右边输入俩行英文字体：new look,字体我们选择英文字体Broadway。调整俩个英文字体的位置。
第6步：在英文字体的下面输入我们的广告语。因为我这里以女装产品详情为例，因此输入季节变换的新品词：夏季新品上市。
第7步：在中文字体的下面有矩形圆角框工具画一个长方形的矩形，圆角的参数我选择20，画矩形的时候我们不宜画得过长，如果不确定大小的情况，我们可以先输入文字。
第8步：在我们画完矩形框后，按Ctrl+回车键把矩形转换成选框，然后给选框添添加一个描边，描边的尺寸我们选择1个像素，颜色为黑色。接着输入点击进入>字体。字体尽量用细的字体。
第9步：设计到这步，基本整个设计就完成了，是不是很简单啊？如果觉得下面空的地方有的不协调，那我们就输入英文字体：SUMEMER,字体我用Rage Italic字体。颜色选择深红色。
第9步：
第10步：当然了，觉得整个设计不够立体的话，我们用钢笔工具画一个如图所示的图形。按Ctrl+回车键转换成选框，填充深灰色。
简简单单几个步骤就把广告设计完成了，我的小伙伴们，你学会了吗？我给大家发下我设计的源文件图层截图，你看到图层就清楚其实真的很简单，只要我们用心学习，设计水平一定大有提升。
设计完成总结
亲们，今天的教程就完成了。如果那个步骤还没学会的朋友，可在评论区留言给我们。需要PSD源文件的，也可以留言给我。
倘若本文对你或者你的朋友有所帮助，可以加入收藏，或者分享给你的好友。关注我，每天为您推送电商美工教程。
本文由粤北大叔彭生生原创，欢迎关注，带你一起长知识！