每次看到天猫网店的首页全屏大图,是各种羡慕嫉妒恨啊,没办法,也只能是得比得比的说几句了。看着就高瞿搋村乇端大气上档次啊。那么如何制作呢,下面让我为大家介绍一下。
工具/原料
photoshop
方法/步骤
1、首先先准备好一张完整的效果图
2、更改图像大小,图像-图像大小打开对话框,更改适合的数值,使其能在浏览器全屏显示,具体的数值受电脑的屏幕尺寸影响(最小不能小于1024像素)
3、最关键的一步了,我们要用到的是切片皤材装肢工具;这里的切片的数据不是手动切,而是直接输入数字来确定,在图片上鼠标右键选择划分切片,选择垂直划分;确定后再鼠标右键选择编辑切片选项;重盼内溲铫点来了,这里的宽度如何确定,淘宝首页自定义模块的宽度是950像素,因为刚才图像大小是更改为1346,所以这里第一个切片的宽度为(1346-950)/2=198像素,直接输入,第二块切片的宽度为950像素,第三块切片的宽度为198像素,操作方法跟第一块切片相同,只是鼠标右键的时候要在相应的切片上;
4、切好后,直接选择文件-存储为Web和设备所用格式;
5、打开刚才保存的图片,一共有三张,把第一张瞌伍邦粹跟第三张直接托放进PHOTOSHOP,也可以选择文件-置入,选择相应文件确定即可,每一张置入都需要敲击回车键确定;
6、把两张图片分别放在图片原来的位置对齐,可放大图片对,这样比较准确,然后删除最底下一张图层,合并所有可见图层;
7、新建一个图,长度不变,宽度加上150像素.把上一步得到的背景移到新建的图中去,得到如下背景保存此背景.把切片的第二部分(950部分)上传到图片空间
8、打开装修页面,增添自定义950模块在模块中添加切片的第二部分,隐藏标题
9、打开页面装修部分,将刚刚做的背景插入,选择不平铺,居中
10、有可能在装修页面显示的不对齐,但是点击预览可以看见是对齐的