淘宝等店铺装修攻略,PS切片的使用攻略

2024-10-15 08:50:22

1、先用PS将你想要的效果图做出来(小编这里就随便在网上截取了一段图做教程讲解)

淘宝等店铺装修攻略,PS切片的使用攻略淘宝等店铺装修攻略,PS切片的使用攻略

4、确定好参考线之后,下面就是见证颐忤梗桃奇迹的时刻辣!选择切片工具(图中红框标出),单击图中基于参考线的切片,然后我们的切片就妥妥的生成辣

淘宝等店铺装修攻略,PS切片的使用攻略淘宝等店铺装修攻略,PS切片的使用攻略

6、存储的时候可自己调图片质量(可结合小编的另外一篇教程:怎样优化淘宝手机端宝贝详情页图片?),且存储的格式选择HTML和图像

淘宝等店铺装修攻略,PS切片的使用攻略

7、找到我们的切片图片,上传至淘宝后台的图片空间

淘宝等店铺装修攻略,PS切片的使用攻略淘宝等店铺装修攻略,PS切片的使用攻略淘宝等店铺装修攻略,PS切片的使用攻略淘宝等店铺装修攻略,PS切片的使用攻略淘宝等店铺装修攻略,PS切片的使用攻略

10、切换源码之后,我们看到前台的框架已经出来了,但是没有显示图片

淘宝等店铺装修攻略,PS切片的使用攻略淘宝等店铺装修攻略,PS切片的使用攻略

12、全部替换好之后,点击确定,点击发布,即可在前台显示

淘宝等店铺装修攻略,PS切片的使用攻略
猜你喜欢