店铺通栏海报-你好,请问旺铺的通栏海报应该怎么设置呢?能弄得了吗?
怎么做通栏海报

对于开网店的各位店主们来说,都希望自己的网店能引起大家的关注,其中一个网店给买家能留下第一深刻的影响将是极为重要的。对于店面的设计,可以头头图即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”,点击“确定”。
然后再次输出,并保存为“头图图片”。
此时,就产生了两张图片,该这两张图片分别上传到淘宝店面对应模块中,即可制作出全屏海报效果啦。
淘宝c店装修首页如何做通栏海报

1,通栏海报的制作需要专业软件,因为涉及到图片的尺寸剪裁和海报的设计
2,通栏海报的大小一般为1480*高度。高度根据自己的需要调整。
3.海报做好之后进入店铺装修后台页面,把自己制作的海报上传到图片空间,然后复制图片空间的链接地址到装修首页相应位置即可。
4,如果店铺模板本身没有通栏海报的功能,需要换一个有通栏海报功能的模板。可以去淘宝装修市场购买或者在网上下载一个合适的模板,
你好,请问旺铺的通栏海报应该怎么设置呢?能弄得了吗?

1、找一张你希望做成海报的图片,宽度1920px,高度自定义;
2、把这张图片放进PHOTOSHOP中使用参考线辅助切片。如下图:
分别切出页面背景+导航栏高度图片一张;一般这个高度是115px;导航栏高度是30px;
页面背景一张;
第一栏自定义背景图片一张;这张图片的宽度是950px,高度自定义;
3、把切好的图片分别在保存好,打开店铺装修-样式编辑,可以看到页头背景和页面背景的上传入口。把你做好的页头背景(含导航栏背景),页面背景图片分别上传;不需要进行对齐设置,如果想设置,可以选择居中、不平铺;
4、编辑导航栏,如果你是全屏海报,不希望导航栏影响整体效果,可以使用透明导航栏代码。这个代码在我的百度空间大神之眸中就有,copy走就可以直接使用;
5、第一栏自定义背景用于制作商品链接等等;例如下图:
把第一栏自定义背景图片放入你的淘宝相册;
使用photoshop制作图片和DW制作代码就可以了;这个很容易实现;
把制作好代码的第一栏自定义代码放入店铺装修,第一栏自定义模块的代码编辑器中保存;
6、这样完整的含页头背景(含导航栏背景)、页面背景、第一栏自定义模块背景的样式就已完成。也就是巨幅海报;
这张图片的高度并无限制,但最好不要选择太大,一般高度在480px-600px就可以了。因为太大的图片显示速度会非常慢;
这是不太难的事情,可以弄得了。
-
果盘绘画图片大全简单创作方法快速制作技巧2024-01-02 16:57:54
-
小年插画图片创作方法快速制作技巧2024-01-02 16:57:20
-
小年绘画作品制作技巧2024-01-02 16:55:45
-
小年插画图片创作方法快速制作技巧2024-01-02 16:55:02
-
立春插画图片如何制作2024-01-02 16:54:19
-
立春插画图片创作方法快速制作技巧2024-01-02 16:53:32






扫描二维码添加客服微信
扫描二维码关注