美工淘宝详情页制作（详细教程）

方法

做好一个完美的款式首先要在产品修图跟详情页排版开始，因为这次是讲解如何做好详情图，所以不含修图教程在内，修图的话主要是修好细节，展现版型特点，就比如宽松款式吧，宽松款式主要给人的是什么感觉，舒适与自然，只要修出这种感觉就能让人体会到衣服的好处！

首先先把要上的宝贝图片都修好，在打开PS-文件-新建-设置像素宽度高度-宽度750（天猫是790），高度不超过15000足够用就可以了

新建好以后先把窗口调到50%，这样方便排版（按个人习惯就好不必介意），排版只能靠自己的创作或者模仿其他详情页去做，详情页一般都会包含（小海报-款式讲解-细节介绍-版型讲解-面料或者材料说明-颜色分类-尺寸表或者配置表-模特或者款式展示）

先不用说的那么复杂其实并不难，首先采用的是形状工具，里面的工具都可以使用，用心去创作或者模仿，用形状工具做好模板如下图。

排版要根据款式需求去排，例如宽松款讲究的是简单明了容易看不需要太复杂，这里就随便排个版如下图；每个黑色图层都代表每个图片展示的位置，里面包含着小海报-款式讲解-细节介绍-版型讲解-面料说明-颜色分类-尺寸表-模特展示。

都设置好以后就开始置入图片，先考虑好图片适合放置的位置，然后将图片拖拉图片或者文件-置入图片，并且把图片与图层顺序摆放好（就像相片跟相框相片要在相框上置入）右键图片图层选择创建剪贴蒙版，这样图片就只显示在黑色图层以内。

创建完成以后，图片可以按Ctrl+T重新做调整，调整到适合美观就可以了，以此类推，其它图片也是一样！

为了更美观，在模特展示的空白位置可以加上一些英文或者韩文之类的语言用语来美观下详情，也可以在网上寻找别人的详情页把文本跟装饰截图下来直接放到自己的详情页内。

全部制作完成以后点Ctrl+R创建参考线，把参考线拖拉到适合的位置来切图片，拖拉完成后，右键选择切片工具-基于参考线的切片，如下图。

切片完成后，选择文件-储存为 Web 和设备所用格式。

选择储存，选择你要储存的位置，然后选择仅限图像（只要切片的图片）。

存好后，它就会出现个文件夹里面就是你做好的详情图！