淘宝全屏海报切片-PS淘宝海报切片怎么制作

一、切片上传操作需要用到两个软件Photoshop和Macromedia Dreamweaver 8。如果没有的可以自己到网上去下载。

二、上传方法:

1、首先用户要先制作或者选择一张图片来进行下面的操作。

2、接下来在PS中打开这张图,选择切片工具对图片进行切片处理。

3、切片处理后的效果。

4、被切成了4块,然后点文件-“储存为Web和设备所用格式”文件格式选择PNG-8,点存储后,保存类型要选择html格式。

5、再用PS中的裁剪工具,把切片的切成的4片分别裁剪成4个单独的个体,以JPG格式保存。

6、裁剪好以后,要把这4个图片上传到用户的淘宝空间中去。等下要复制代码。

这时PS的制作就全部完成了。

打开Macromedia Dreamweaver 8软件

然后在软件中打开刚刚我们保存制作的,文件。

7、如果用户打开的是代码的话,点一下左上角的设计,就会变成图片了,图片看上去还是一个整体,其实,已经被我切成了4块了,你点在图片上就可以看到了。把鼠标点在第一块切片上,在左下角会显示出图片的宽和高,你要记住。然后按下删除键(Delete)把原图片删除。在下面输入刚刚记住的宽高。

8、做完这一步后,在点左上角的代码,切换到代码。会发现第一块切片的代码,已经被删除了。我要复制过一个新的淘宝空间的图片代码进去,不然你传到淘宝图片也显示不出来。

9、四个切片都是这样操作。对应的图片要选择对应图片复制代码。最后效果如图:

然后切换成代码,复制做好后的代码到用户的淘宝的自写义模块中,再给要链接的图片,进行分别链接,保存发布就可以了。

第一步:ps切图导出网页和图片,图片上传到空间替换掉网页代码中的地址

第二步:复制网页代码中的table部分,替换。

第三步:根据自己切片大图的大小更改一下其他相关数(宽度高度),图片宽度除予2得到left的数值(如宽1920.那么left值为960)

第四部:放入网店的自定义模块中,这样就可以实现首页全屏多模块无缝拼接。

1、首先在PS里面保存文件,用切片工具(快捷键为C)切好图后,保存为Web格式(快捷键为CtrlAltShiftS),注意文件大小,太小了不清晰,不利于观看,太大了网页打开会很慢,根据文件大小自己调节,存储时选择“Html跟图像”

2、用记事本打开生成的HTML文件,去掉以及之前的所有代码,去掉最后面的,保留中间代码,以下图片中间代码跟你的不一样,但都保留下来。

3、接下来把你PS导出的图片上传淘宝后台的图片空间,淘宝首页—卖家中心——图片空间,图片位置随个人习惯,只要能找到就行。

4、接下来要把,html文件里面的图片地址替换为我们空间图片的地址,找到空间图片,在图片缩略图下面有一个“复制代码”的按钮,点击即可复制代码到剪切板。

替换图片:找到对应图片替换代码

5、打开淘宝自定义模块,自定义模块要先点击源码按钮,进入代码编辑页面,复制修改好的代码,粘贴到到淘宝自定义模块里面。

6、最后点击”确定“按钮,完成!

接下来说另一种方法,你要有Dreamweaver软件,这是专门做网页的,在上面做好第1步的时候,用Dreamweaver打开html文件,软件里面点击图片,在下面属性面板里面有图片地址,这次复制空间图片的“链接”就是“代码”前面的那个按钮,在软件里面替换原地址,全部替换之后同样粘贴到淘宝自定义模块里面,用软件做还可以减少出错率。