养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何制作淘宝店铺首页全屏大图

时间:2024-09-22 00:54:08

每次看到天猫网店的首页全屏大图,是各种羡慕嫉妒恨啊,没办法,也只能是得比得比的说几句了。看着就高瞿搋村乇端大气上档次啊。那么如何制作呢,下面让我为大家介绍一下。

工具/原料

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、有可能在装修页面显示的不对齐,但是点击预览可以看见是对齐的

如何制作淘宝店铺首页全屏大图

© 一点知识