大家好，我是小溜，对于自己开店铺的小伙伴来说，都知道详情页的重要性，但是很多小伙伴还不知道要如何制作详情页，那么下面小溜就给大家分享下，PS淘宝详情页制作步骤，希望能帮助到大家。

想要更深入的了解“PS”可以点击免费试听溜溜自学网课程>>

硬件型号：华硕（ASUS）S500

系统版本：Windows10

所需软件：PS CS6

首先“文件”菜单“新建”选项，新建一个宽度为750像素，高度随意的文件。

选择左侧工具面板中的矩形工具或者多边形工具画出排版。

选择左侧工具面板中的文字工具在画布中输入文字并调整大小到合适的位置。

选择需要放图片的图像框，将图片拖动到PS中，按ctrl+alt+g键置入图片到形状框中，按ctrl+t键调整图片大小。

画布高度不够时，选择“图像”菜单“画布大小”选项，选择高度的百分比，选择定位为“上箭头”

拖动参考线到详情页最底部，用矩形选择工具框选出详情页的部分，用裁剪工具裁处详情页部分。

选择“图像”菜单“图片大小”选项查看详情页高度，如图的高度为17449像素。

淘宝电脑端详情页一般高度在1000像素左右比较合适，所以可以将详情页分为17张。

选择“视图”菜单“新建参考线版面”选项，在行数中输入17，点击确定。

选择工具面板中的“切片工具”然后选择“基于参考线的切片”。

选择“文件菜单”导出选项中的“存储为web所用格式”，

选择图片格式为jpg，点击存储按钮。

在“将优化结果存储为”对话框中输入名字，如：产品型号+电脑详情页，便于区别，点击“保存”按钮

手机端详情页宽度标准为620像素，所以完成电脑端详情页导出后，点击“图像菜单”“图像大小”选项，设置图像宽度为620像素。

改变图像大小后，同样用“文件菜单”导出选项中的“存储为web所用格式”导出图片。

对话框中输入名字，如：产品型号+手机详情页，便于区分图片及上传图片。

在保存位置的“images”文件夹中找到分割的图片。