淘宝等店铺装修攻略,PS不规则切片教程

2025-04-07 13:53:40

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

淘宝等店铺装修攻略,PS不规则切片教程

2、在图片之间的空隙处拉好参考线,用移动工具(图中红框标出)直接从标尺处从上向下或从左蝮舟湛搁至右拖拽即可生成参考线

淘宝等店铺装修攻略,PS不规则切片教程

3、选择切片工具,单击基于参考线的切片

淘宝等店铺装修攻略,PS不规则切片教程

4、切换到切片选择工具,选中需要组合的切片,此过程按住shift键!

淘宝等店铺装修攻略,PS不规则切片教程

5、单击鼠标右键,选择组合切片

淘宝等店铺装修攻略,PS不规则切片教程
淘宝等店铺装修攻略,PS不规则切片教程

6、依次类推,将需要组合的切片都组合好

淘宝等店铺装修攻略,PS不规则切片教程

7、执行文件——存储为web和设备所用格式

淘宝等店铺装修攻略,PS不规则切片教程

8、单击存储,存储的格式为HTML和图像

淘宝等店铺装修攻略,PS不规则切片教程
淘宝等店铺装修攻略,PS不规则切片教程

9、将图片上传到淘宝后台的图片空间,HTML文件用记事本打开

淘宝等店铺装修攻略,PS不规则切片教程

10、将记事本中的代码复制下来,粘贴到淘宝后台店铺装修中添加的自定义内容区的源码中

淘宝等店铺装修攻略,PS不规则切片教程

11、接下来将图片空间上传的图片的地址链接一个一个翱务校肢复制下来,粘贴到相对应的自定义内容区的框架中去,再添加好要链接到的宝贝(一个是图片本身地址,一个是点击之后进入的页面)

淘宝等店铺装修攻略,PS不规则切片教程

12、全部替换好之后,点击确定,点击发布,即可在前台显示,小伙伴们赶紧试试吧!

淘宝等店铺装修攻略,PS不规则切片教程
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢