淘宝店铺首页怎么切片装修?淘宝ps切片装修教程
淘宝店铺首页怎么切片装修?很多淘宝店为了能把首页装修得更大气漂亮会采用ps切片的方式进行装修,那么淘宝店铺首页怎么切片装修?装修宅小编带来淘宝ps切片装修教程,一起学习一下吧!
ps切片在淘宝店铺装修的时候是一定会用到的,也是美工一定要掌握的装修手段,今天小编就为大家实操来讲解一下切片与装修的关系。步骤有点难哟,一般需要去到专业的ps培训才会接触到哦,请大家好好学!
首先,我们要了解切片工具的位置,右击裁剪工具,即可找到。接下来,现在我们来了解一下切片工具的作用:
1、能把大图片切割成为几个小图片,这样能让浏览器更快速的打开图片。(操作和作用2里面的讲解一样,唯一的区别就是这个是直接在自己的大图片上面切)
2、能装修模块,切片产生框架代码,这样可以给宝贝做链接。
比如说我在ps里面做了一个模块
(1)、 现在进行切片,我把它切成5份
(2)、 切片保存为web格式,右键把比例缩小,用切片选择工具选中全部,格式改为JPEG,品质为最佳
(3)、点击存储,在优化结果中保存格式一定要保存为HTML和图像
(4)、点击保存即可。
这是在桌面会有一个image文件夹和一个网页文件,如果没有说明你保存的格式有问题
1、Image文件夹里面放的就是我切好的图片,网页文件就是我的切片框架
2、把image里面的图片上传到我们的图片空间里面去
3、来到店铺装修,添加一个自定义模块
4、点击编辑
5、点击不显示,点击源码
6、回到桌面,把网页文件用记事本打开,右键 打开方式 记事本
7、把里面的代码全选——复制——在刚刚自定义模块里面进行粘贴
8、点击源码,代码就翻译成框架了
9、点击框架,编辑
10、图片地址换成我们图片空间的相应地址
11、链接网址是放点击这样图片说要跳转的网站网址
12、 点击确定即可。后面的操作一样了
13、都做好之后,点击确定即可
14、预览,发布就好了
淘宝店铺首页的一个模块就做好了,一个淘宝店铺首页就是用一个一个模块拼出来的,后面的话我就不说了,大家需要什么在首页展示什么内容就做什么上去就行了,方法是一样的。淘宝店铺首页怎么切片装修小编就介绍到这里了,更多淘宝店铺装修的内容可以在装修宅学习!
推荐阅读:淘宝装修教程:淘宝店铺首页设计