如何用ps制作详情页（如何用ps制作详情页面）

大家好！今天让创意岭的小编来大家介绍下关于如何用ps制作详情页的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等

只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端

官网：https://ai.de1919.com。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，如需了解相关业务请拨打电话175-8598-2043，或添加微信：1454722008

本文目录:

• 1、PS怎么制作淘宝详情页及如何切图导出

• 2、ps怎样制作淘宝详情页

• 3、如何用ps制作详情页

• 4、ps怎么制作淘宝详情图

一、PS怎么制作淘宝详情页及如何切图导出

新建文档设置好尺寸，详情页面设置750以内，然后把你设计的详情页用工具制作出来

切图，用切片工具圈出来，然后再文件

另存为web格式里，更改储存格式就行了

二、ps怎样制作淘宝详情页

1.尺寸:宽 750px 高控制在15000px内

2.分辨率72dpi

3.RGB模式

4.每屏内容高度在1200px以内

5.做好分别存为psd和JPG文件

6.打开JPG文件，设置图片上下左右参考线与水平参考线（每条间隔1000~1200px）

7.用切片工具，基于参考线切片

8.文件-存储为web所用格式（仅图像）

9.将存储的切片图片上传到图片空间。

10.在发布或者编辑宝贝的时候插入切片图片。

三、如何用ps制作详情页

1：ps软件下载地址：http://www.68ps.com/ruanjian/  有各种版本，下载方便，安装更方便！

2：ps字体下载地址：http://www.psjia.com/pssc/fontxz/ 字体有很多。跟着提示安装，很方便的，安装到C盘的fonts文件夹里就可以了。（如图）

3：打开ps

4:一般，我们会做几张商品的宣传海报。所以，我们先打开一张素材。

接着，我们需要先去除图片上的水印。

选择选框工具，根据水印形状选择选框形状工具，这张素材的水印基本上为矩形，所以，我选择矩形选框工具。左键按住不放，选择区域。如图

选择好之后，点击编辑------填充-----内容识别----模式 -正常----不透明度-100%，点击确定。如图

这样基本上素材已经好了。

接下来就是尺寸问题。

5：宝贝详情页的宽以750 高以12000 为最佳。单张图片750*500最佳。

现在，我们做的是海报，所以，我们要设置成750*500.

6：接下来，我们打开一张商品图。点击文件---打开----需要的图片。

7：使用魔棒工具。对于白底的图片，选取很方便，点击魔棒工具。操作步骤如图。

接着点击移动键，将商品图拉到刚刚做好的素材上面。如图

调整好图片的位置和大小，角度等。

最后，保存图片。

这里一定要记住，默认保存，格式是psd的，所以，我们要选择jpg格式的。

好了。海报图就这样做好了。根据个人喜好，再增加一些促销文字之类的。

效果图：

四、ps怎么制作淘宝详情图

您好！

淘宝详情页尺寸宽度750像素，高度不限

1、先新建（Ctrl+N）一个宽度750像素的文档，高度可以根据自己的需求设定

2、可以把图片背景修改为自己喜欢的颜色，可以使用油漆桶或者渐变工具直接填充，也可以使用Alt+Delete/Ctrl+Delete填充前景色或者背景色

3、再使用文字工具，添加自己想要介绍的文字，文字的样式、大小可以自己修改调整

关于文字工具小技巧

如何调整文字大小：

1.属性栏中直接调整

2. 调小：Ctrl+Shift+Alt+,(逗号）

3. 调大：Ctrl+Shift+Alt+。（句号）

4. Ctrl+T,按住Shift键不放（不会变形），对角线拖动，放大或者缩小（因为文字是矢量图形，直接放大或者缩小不会影响图片清晰度的）

调整文字间距快捷键：Shift+上下左右方向键可以调整文字间上下左右之间的间距

使用快捷键的时候，注意输入法是否是英文字状态哦

4、加入我们之前主图的那张白底图，拖进ps当中，看看进来的图片是不是有自动转化为智能对象的形式，如果没有的话，我们先找到拖动进来图片的图层，然后右键，找到转化为智能对象的选项，然后再Ctrl+T进行放大和缩小的调节。这样图片就不会随着我们放大缩小操作而模糊，会记得自己本身的大小，确定好大小之后看看还没有需要修改的地方，如果产品图片白色部分挡住了文字，我们可以先给产品图片部分添加一个图层蒙版，然后用黑白两色画笔工具，在图层蒙版上进行涂抹，白色显示，黑色遮挡，因为我们之前把图片转化为智能对象了，这个时候很多操作是无法使用的，除非栅格化智能对象才能使用这些操作。比如也没有办法用橡皮擦工具直接擦掉，但是我们可以添加图层蒙版，在图层蒙版上进行操作，这个方法也比较方便修改

一切都做好之后，我们可以把这个保存一个psd的源文件格式，当作一个模板，下次再做其他款式的产品时，只用更改图片和文字即可啦

然后保存一个jpg的图片格式，上传到淘宝后台即可

后面几张产品细节图之类的，尺寸也是宽度750像素，高度不限，个人觉得还是可以做一个750*750像素的正方形，手机上看起来好看一点，根据自己产品情况而定。

注意点：

1、电脑端详情设置好之后，我们手机端详情可以直接使用电脑端的详情直接生成，如果觉得效果不好的话，可以单独制作手机端详情页，方法也是一样的

2、要在一张图片中加入另一张图片，最好先把加入的这张图片转化为智能对象，这样我们对这个图片进行放大缩小的时候，不会破坏原图像的像素信息，不然很容易使图片变得模糊，如需进行其他的操作，需要栅格化智能对象的时候，调整到合适的大小之后，再栅格化智能对象即可。

关于智能对象：

智能对象简单来说和普通图片最大的区别是在智能对象是有记忆的图像，智能对象会保留图像的源内容及其所有原始特性，执行非破坏性变换。可以对图层进行缩放、旋转、斜切、扭曲、透视变换或使图层变形，而不会丢失原始图像数据或降低品质，不会随着我们放大缩小的操作而图片变得很模糊。

希望对您有所帮助！

望采纳，谢谢

以上就是关于如何用ps制作详情页相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。

推荐阅读：

如何提高公园景观设计（如何提高公园景观设计能力）

如何在抖音主页添加音乐入口（如何在抖音主页添加音乐入口视频）

怎么跳墙上外国网-（如何跳墙上外国网）

世界遗产十大排名（世界遗产排名前十）

宿迁欧式园林景观设计师（宿迁欧式园林景观设计师招聘信息）