通栏海报制作-淘宝首页这种可以点击进去的宝贝通栏图是怎么做的呢？

对于开网店的各位店主们来说,都希望自己的网店能引起大家的关注,其中一个网店给买家能留下第一深刻的影响将是极为重要的。对于店面的设计,可以头头图即LOGO的呈现非常重要,能在第一时间吸收消费者的眼球。目前比较流行的头图是全屏海报样式。下面小编就与大家分享一下淘宝全屏海报的制作方法。

工具/原料

PhotoshopCS4

方法/步骤

首先,我们得拥有一个张宽度大于1440像素的头图素材。之所以选择图片大小在1440以上,就考虑到目前显示器的分辨率最大为“1440*900”像素而言。考虑到个人在使用电脑时屏幕分辨率可能不一样,因此就以最大分辨率进行设计。

利用PS打开准备好的全屏海报素材,点击“图像”→“画布大小”,并在弹出的“画布大小”窗口中,将其“新建大小”设置为“1440”*“480”(高度可自定义),并在弹出“警告”窗口中点击“继续”按钮。

接下来就需要计算一下,因为淘宝全通栏的大小是950像素,因此我们需要将图片中间部分裁剪出950像素宽度大小,然后图片两侧各剩下245像素图片,用于在高分辨率下显示背景扩展部分。

950像素宽度图片的截取方法:

将背景层复制一份产生“背景副本”,并将背景层隐藏。选择工具栏中的“选区”工具,在“属性”窗口中将“样式”设置为“固定大小”,将其宽度设置为“245”【(1440-960)/2】、高度设置为“480”,然后在图片左上方点击生成选区。

接键盘上的“Delete”键将选区部分删除,接着在图片右上方点击,将会在图片的右方产生选区,再次按“Delete”键将其删除。此时效果如图:

然后选择工具栏中的“魔术棒”工具,在按住Shift键的同时,点击空白部分,将其选中,接着点击“选择”→“反向”,将图片部分选中。

接着在“图层”面板中将“背景”层设置为当前层并显示,按下键盘上的“Delete”键将图片中间部分删除。

最后就可以将“背景”层输出啦。点击“文件”→“存储为Web和设备所有格式”,并在弹出的“存储”窗口中选择“PNG格式”,最后点击“存储”按钮,将其以“背景图片”名称进行保存。

接着在返回的程序界面中,让“背景副本”图层显示出来,点击“图像”→“画布大小”项。并在弹出的窗口中将“新建大小”设置为“960”*“480”,点击“确定”。

然后再次输出,并保存为“头图图片”。

此时,就产生了两张图片,该这两张图片分别上传到淘宝店面对应模块中,即可制作出全屏海报效果啦。

X宝新旺铺设置1920通栏店招方法其实很简单,采用背景延伸的方法就可以,为了让你看的懂,我就用店铺截图一步一步的做下。

首先呢,需要选择一套新旺铺模板!第一步:大多数模板都会自动生成店招!可很多时候我们需要自定义店招来达到要求的效果

制作一张喜欢的店招图片!

X宝规定店招的宽度为950,高度最高不超过150

那么制作的时候,需要看一下,模板原先店招的高度,笔者示例的模板,高度为115

那么就来做一个950 * 115 的店招

换上我们刚才制作的店招

接下里,发布,来看一下刚才制作的店招,是否已经显示!

店招已经显示,却不是通栏,2边有明显的断层,接下来进入重要的一步!

制作一张图片,高度为150px,

截图店招的背景颜色,以及导航条的背景颜色,拼合

注意:新旺铺中,通栏导航的实现,是通过页头背景来实现的,所以我们在制作通栏店招背景的时候,

一定要把导航条的颜色,也加入其中!

更简单的方法,QQ截图也可以

最后一步

* 打开装修面板,点击左上角的 装修-样式编辑!

* 得到如下界面,把背景颜色的勾去掉,并且,点击图片!

* 选择上一步制作好的图片,并点击确定,等待界面变化!

* 注意参数设置,完成后,点击保存发布!

发布之后,制作的通栏自定义店招就完成了,预览一下!

不太明白你说的?

从你图片看出

首页构架都是用了全屏海报模块

全屏海报也就是宽度为1920的像素,高度自定义

在模块编辑里图片上传(填写图片链接地址),页面下方有个图片链接,你想点击图片后跳转到哪里,你就填写哪里的地址。

还有你图片里

VIP/HOT/NEW

这三个分别可以点击进入不同的页面

这是模板、首页区别海报自带的功能

把图片链接放上去就好

希望能帮助到你!