全屏店招仅淘宝专业版旺铺使用新开的店铺或者信誉1钻以下的店铺,均可以免费使用淘宝专业版旺铺
所以,使用我们分享的淘宝全屏店招代码前请保证你的店铺为旺铺专业版。
淘巧好好淘巧网
所谓图片篇,就是全屏店招是一整张图片的具体效果如下:
好的,我们先来分解一下它的结构: 淘巧好好淘巧网
是的,拆分之后我们看到,它依然由三部分组成:950像素蓝色普通店招部分 950像素红色的店铺导航部分 绿色页头空间背景图片全屏霸气部分
好的,理解完结构我们接下来开始制作:
①打开PS,新建一个像素的文件:
下面我们先用辅助线划分上面结构图将店招、導航、页头空间背景图片全屏霸气的区域划分开来:
②找到图片中点,双击“空间背景图片全屏霸气”图层解锁图层并选中它,同时按鍵盘上ctrl T:将图层自由变换鼠标靠软件边缘不要放,往图像当中移动拉出中线辅助线。
这样就确定了中心线接着我们确定950像素的位置:
③用“选择工具”的“固定大小”功能,设定“宽度475像素”“高度150像素”,沿着中心线往两侧选择,并拉辅助线
没错,辅助线中間的蓝色区域就是950像素的店招和导航部分,剩下的绿色区域就是页头空间背景图片全屏霸气部分。 内容来自
④新建一个图层并选中還是用“选择工具”的“固定大小”功能,设置“宽度1920像素”“高度30像素”,在底部开始往上选择:
注意:导航的颜色要与装修模板的導航颜色一致色差会导致导航当中像断掉一样的错觉。
好了剩下的白色区域,我们可以把喜欢的元素拉上去设计步骤不在教程范围內,这里不介绍
需要注意的是,设计的时候要记得950像素区域的位置这个位置,大约就是所有显示器可见范围重点装饰,两侧因为非寬屏显示器会不显示所以重要内容请不要放在950像素以外。 淘巧网内容管理系统
淘巧好好淘巧网
接下来我们开始最关键的步骤:分开保存店招部分和页头空间背景图片全屏霸气部分,我们先保存页头空间背景图片全屏霸气部分:
把图像元素理解为整个空间背景图片全屏霸氣图而950像素的普通店招是一张只包含店铺名称的透明空间背景图片全屏霸气图片,它们叠加在一起就会自动变成全屏的不会出现不整齊或者错位的全屏店招。
淘巧好好淘巧网
⑤将店铺名称等非图像元素的图层隐藏(隐藏方法是:点击图片前面的小眼睛,没有小眼睛即隱藏图层):
将图片保存下来命名:bg。
然后存储为透明空间背景图片全屏霸气:PNG格式的图片: 内容来自
⑨将透明空间背景图片全屏霸气嘚店招图片上传至图片空间进入装修后台,编辑选择: 淘巧网内容管理系统
好了发布看一下吧,是不是很漂亮