淘宝店铺首页怎么切片装修?淘宝ps切片装修教程
7616人阅读
  •   淘宝店铺首页怎么切片装修?很多淘宝店为了能把首页装修得更大气漂亮会采用ps切片的方式进行装修,那么淘宝店铺首页怎么切片装修?装修宅小编带来淘宝ps切片装修教程,一起学习一下吧!

      ps切片在淘宝店铺装修的时候是一定会用到的,也是美工一定要掌握的装修手段,今天小编就为大家实操来讲解一下切片与装修的关系。步骤有点难哟,一般需要去到专业的ps培训才会接触到哦,请大家好好学!

      首先,我们要了解切片工具的位置,右击裁剪工具,即可找到。接下来,现在我们来了解一下切片工具的作用:

    淘宝店铺首页怎么切片装修

      1、能把大图片切割成为几个小图片,这样能让浏览器更快速的打开图片。(操作和作用2里面的讲解一样,唯一的区别就是这个是直接在自己的大图片上面切)

      2、能装修模块,切片产生框架代码,这样可以给宝贝做链接。

      比如说我在ps里面做了一个模块

    淘宝ps切片装修教程

      (1)、 现在进行切片,我把它切成5份

    淘宝ps切片装修教程

      (2)、 切片保存为web格式,右键把比例缩小,用切片选择工具选中全部,格式改为JPEG,品质为最佳

    淘宝店铺首页怎么切片装修

      (3)、点击存储,在优化结果中保存格式一定要保存为HTML和图像

    淘宝店铺首页怎么切片装修

      (4)、点击保存即可。

      这是在桌面会有一个image文件夹和一个网页文件,如果没有说明你保存的格式有问题

    淘宝店铺首页怎么切片装修

      1、Image文件夹里面放的就是我切好的图片,网页文件就是我的切片框架

      2、把image里面的图片上传到我们的图片空间里面去

    淘宝店铺首页怎么切片装修

      3、来到店铺装修,添加一个自定义模块

    淘宝店铺首页怎么切片装修

      4、点击编辑

    淘宝店铺首页怎么切片装修

      5、点击不显示,点击源码

    淘宝店铺首页怎么切片装修

      6、回到桌面,把网页文件用记事本打开,右键 打开方式 记事本

    淘宝店铺首页怎么切片装修

      7、把里面的代码全选——复制——在刚刚自定义模块里面进行粘贴

    淘宝店铺首页怎么切片装修

      8、点击源码,代码就翻译成框架了

    淘宝店铺首页怎么切片装修

      9、点击框架,编辑

    淘宝店铺首页怎么切片装修
    淘宝店铺首页怎么切片装修

      10、图片地址换成我们图片空间的相应地址

    淘宝店铺首页怎么切片装修
    淘宝店铺首页怎么切片装修

      11、链接网址是放点击这样图片说要跳转的网站网址

    图片.png

      淘宝店铺首页怎么切片装修

      12、 点击确定即可。后面的操作一样了

    淘宝店铺首页怎么切片装修

      13、都做好之后,点击确定即可

    淘宝店铺首页怎么切片装修

      14、预览,发布就好了

    淘宝店铺首页怎么切片装修

      淘宝店铺首页的一个模块就做好了,一个淘宝店铺首页就是用一个一个模块拼出来的,后面的话我就不说了,大家需要什么在首页展示什么内容就做什么上去就行了,方法是一样的。淘宝店铺首页怎么切片装修小编就介绍到这里了,更多淘宝店铺装修的内容可以在装修宅学习!

      推荐阅读:淘宝装修教程:淘宝店铺首页设计


    查看更多相似文章
    发表评论
    昵称
    问答
    网上开店
    淘宝运营
    活动大促
    其他

    ©Copyright ©2007-2017 www.kaitao.cn (开淘网) All Rights Reserved