相信大家都知道淘宝旺铺旗舰版已经不再对外销售,现在只能买到旺铺专业版,那么怎么利用现在的工具,将店铺的全屏海报做出旗舰版的效果呢?想知道的朋友们,千万不要错过开淘小编分享的这一篇文章哦!
下面我们一起来看看具体是如何实现的:
第一步:首先要做的就是设计一张全屏海报效果图,其宽度最好是1920,如下图所示。
第二步:需要注意,新旺铺中设置的背景图像尺寸,是要包含店招区域在内的,也就是店招默认高度150,那么我们为了完整显示图像效果,就需要在当前高度基础上,在加上150像素的高度,如下图所示。
第三步:现在我们的图像在最上方增加了150高度的空白图像,但是为方便更多主流用户观看海报效果,这里还需要处理一下图像的宽度,因此,这里需要在当前图像中,在图像正中区域处理一块1450像素宽度的区域出来,这个区域将是我们海报的主要显示区域,而这个区域以外,则主要是进行过渡处理,这样做的后果就是,能够让所有使用不同显示器的人群都能完美看见我们的最终效果。
第四步:确定区域以后,在当前图像层新建一个图层蒙版,同时在其下方新建一个空白的白色图层,如下图所示。
第五步:设置画笔大小和不透明度、流量,最后将前景色设置为黑色,如下图所示
第六步:选择“画笔工具”,对第三步中红色框区域外的图像进行涂抹,使其渐变过渡,最终保留区域内的图像内容,如下图所示。
第七步:进入淘宝旺铺装修后台,选择“装修-样式编辑-背景设置”,然后切换到“页面设置”,单击右侧的“上传图片”按钮,如下图所示。
第八步:上传图像成功,背景显示设置为“不平铺”;背景对齐设置为“居中”,如下图所示。
第九步:最重要的来了,这里上传完背景图像后,我们需要处理一个与背景图像完全吻合的图像,它将作为自定义模块插入店铺,形成海报图像。这里提供一个小技巧,使用抓图工具,在当前装修页面中,抓取自定义模块外侧的背景图像,如下图所示。
第十步:将复制的图像粘贴到PS的背景海报里,当两者完全吻合之后,再进行裁剪,这里需要注意的是,要在图片的上方留出10像素高度的空白,否则会导致图片导入之后会变形,如下图所示中
第十一步:做好上述步骤后, 直接进行拆建,获得前景图像效果,并进行保存,
第十二步:点击装修后台“页面管理”,在最上面创建一个自定义模块,然后将这个前景图像上传到自定义区,入下图所示。
第十三步:可以先预览看一下效果,发现还是有问题,就可以修改,有的时候发现前景图和背景图就没有完全重合,入下图所示。
第十四步:参照前面介绍的步骤,进行修改正,需要仔细、慢慢调整,当前景和背景完全一样之后,就可以发布啦!
大家自己实际操作一次之后,就可以真正掌握啦!完成海报效果以后,记得保存,并用标尺进行位置记录,以后更换海报,直接换图到这里就可以直接应用了
常用尺寸
宝贝图片尺寸:500*500px <=120k
普通店铺店标尺寸:100*100px <=80k
旺旺名片/头像尺寸:120*120px <=100k
旺铺店招尺寸:950*150px <=80k
宝贝分类也海报大小:宽度<=160,高度随意。
旺铺促销区海报尺寸:宽度<=735px,高度无限制
在淘宝海报设计中,一般的尺寸750PX宽的海报,高度最小为200,最高为440,以14寸笔记本看的话,200PX高度差不多占去页面近 1/5,440PX的海报差不多占去进一半的屏幕,除此之外主要还是以300PX高度为主。
海报作为图片大小有两个概念,一个是长宽尺寸,另外一个就是文件的KB大小了。文件占空间越大,图片就约精细,但对网速和买家电脑要求就越高,虽说现在大家电脑配置和带宽都不是问题,但谁都不想在广告海报还没有展示出来之前,买家就已经滚屏到下面看细节图去了吧。
在750PX的海报图中,以160K-200K居多,当然小于100K的也占去了五分之一,所以建议大家在不损失海报细腻程度的情况下,尽量控制在200K以下为宜。
小编分享的这一篇文章到这里就结束啦!希望大家看完之后有一些收获,设计出优秀的全屏海报哦!一定要记得将这些技巧灵活运用到实践中哦~请多多关注哦,这里有最新的消息哦~
相关阅读:
淘宝主图设计思路:怎么提高主图点击率?
淘宝主图怎么做吸引人?设计和优化双管齐下!
淘宝页面怎么设计制作?5式功守道!