09
2015
03

【教程】如何制作全屏店招

我们以天猫店铺为例。首先用ps设计一个1920x150的页头,注意页头最大高度是150px,超出这个高度,发布到淘宝店铺中将无法显示!~
 


拉出三条参考线,垂直两条,水平一条。
中间店招部分的尺寸,是990x120px
下面绿色部分我们称为导航栏,它的高度,建议是30px,也可以自由设置。
 



选择切片工具

 


点击基于参考线的切片
 



ps将会根据画好的参考线,自动切片!
 



打开菜单,存储为web所用格式

 


注意弹出的窗口中的参数。
这里的格式不限,一般为jpg。也可以用gif或者png,品质设置为80以上
 



点击存储,选择一个保存路径。这里我保存在桌面上。
可以只保存图像,如箭头所示。
 



打开桌面上的img文件夹,下面就是我们切片得到的图像。
我选中的文件,就是我们需要的店招,尺寸是990x120px
 

如果以上步骤您还看不懂,建议您百度搜索ps切片教程。多看几遍,反复练习。

————————————————————————————————————————————————————————


下面,我们开始制作页头背景
回到ps中,在所有图层的上方新建一个空白图层,在店招部分的950x150区域内,画出一个选区,填充白色
 


为了避免后面的背景拼接出现白色缝隙,我们将这个白色图层缩放窄一些!
 





打开菜单,选择存储为
 



我们给文件命名页头背景,格式为jpg,点击保存
 



下面就是我们做好的页头背景图片了,尺寸为1920x150,中间990部分为白色!

 


——————————————————————————————————————————————————————

店招和页头背景做好以后,我们来上传图片。
店招的上传很简单,想必大家都会了,这里不再讲解。
下面我们来看一下页头背景的上传方法。

 

进入店铺装修后台。下面以旺铺专业版为例。天猫也是一样的方法。
进入背景设置。上传页头背景,选择不平铺、居中!
保存并发布即可。



旺铺专业版的制作和上传,方法是相同的。只需要作图的时候,中间部分宽度设置为950,上面教程中的990全部换成950px即可。

« 上一篇 下一篇 »