photoshop制作网店产品详情图 PS设计实例 电商美工干货教程

大家好，本日给大家带来更多的设计干货设计教程，不须要你太专业的水平，也不须要太多的设计根本，随着我的步伐，你也可以设计一个完美的店铺产品详情图。
我们来看看效果吧！

设计效果图

第1步：打开photoshop软件，新建文档，文档的尺寸我们利用750x1180像素，这个尺寸刚好正是我们手机看产品详情的一屏，这也是目前最多人设计手机版详情的尺寸。
然后新建图层文件夹，在文件夹里新建图层，给图层添加一个渐变背景，渐变的颜色先采取深绿色跟淡绿色，编码为：#379901、#afe0a9

第2步：复制一张我们准备好的素材图片到文档，然后按photoshop菜单中的滤镜，高斯模糊对图片进行模糊处理，这样即不侵权，又可以作为素材利用。
在百度图片里搜居家图片，就很多素材可用。

第3步：用虚线框选择底部图片进行删除，让底部素材图片不会有虚化的效果，然后给素材图片增加图层蒙版，在蒙版中添加玄色到透明的渐变，让素材自然领悟到背景之中。

第4步：接着导入我们事先抠图好的产品图片，给产品调度好图片大小。
让产品图片靠左。

第5步：用粗的黑体输入产品名称与品质信息，颜色暂时用玄色，最后进行细节的修正。

第6步：在笔墨上面输入英笔墨体，当然有英文公司名可输入，接着给英笔墨体增加一个圆角矩形框，圆角的弧度20像素。
按Ctrl+回车转换为选框，然后给选框描边，描边选择1个像素，描边的颜色暂时用玄色。

第7步：在大的笔墨下面输入小的赞助广告语，字体选择细点的字体，颜色选择灰色。
末了在笔墨下面用圆角矩形工具画3个圆点，然后添补灰色。

第8步：到这步，我们的设计基本设计好了，排版也排好了。
接下来我们便是对产品详情进行调度细节了。
我们取消原来设计的背景，创造不要绿色的背景还更好看，更折衷。

第9步：给我们原来设计的绿色背景添加一个图层样式，样式中我们选择灰色的渐变。

第10步：在背景层上新建图层，前景色设置玄色，用画笔在上面随意画几笔，然后用模糊工具进行模糊处理。

第11步：经由玄色模糊滤镜后，我们按照同样的方法新建图层，然后画白色的涂鸦，然后同样的方法高斯模糊处理，给全体背景增加亮的白色。

第12步：白色模糊处理好后，我们给大的粗体字增加一个图层样式，选择外发光跟渐变叠加，渐变选择玄色到深灰色渐变。
末了在背景的底部画一条横线，横线粗2像素，颜色选用白色。
这样基本就设计好了。

小伙伴们，本日的干货分享如何？你学会了吗？刚学的新人也能设计大气的网店产品详情图。
如有疑问，欢迎在评论区留言给我！

关注我，每天为你推送更多的电商美工设计教程。