武汉天琥设计培训学校
武汉天琥作为设计名家汇集地,拥有20多位讲师团队,深入研究设计教学规律,让您学习不走弯路,学得更轻松、更快、更好。

淘宝店铺海报怎么全屏_淘宝首页全屏海报制作

1

淘宝店铺海报怎么全屏


1.打开记事本把这代码复制粘贴在内做准备,也可用直接店铺装修的自定内容区。为了更好的看效果这用记事本。
<div style="height:600px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;"><div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">
<a href="连接地址" target="_blank" style="width:1920px;height:600px;display:block;">
<img src="图片链接地址" style="border:none;" /></a>
</div>
</div>
</div>

淘宝店铺海报怎么全屏_淘宝首页全屏海报制作


2.现在修改代码链接地址,到卖家中心复制商品链接地址粘贴覆盖链接地址。再到空间复制海报链接地址覆盖图片链接地址,复制好待用。

3.进入店铺装修添加个自定义内容区。

4.添加完成后点击编辑,在显示标题选择不显示。点击<>编辑源代码,将复制好的代码粘贴里面,点击确定完成。

5.最后再介绍一下代码位置与修改。海宽用1920px。高度400到600像素不等。修改代码高要和海报图片一样。


2

淘宝首页全屏海报制作

1.首先,新开的店铺应该从基础版升级为专业版(注:淘宝的新开店铺扶持机制使得你的店铺等级在钻级以下可以免费使用专业版)具体步骤如下:登录淘宝,进入卖家后台操作,点击“店铺装修”,进入装修页面后,点击“免费升级专业版”即可成为专业版店铺,只有专业版的店铺才能实现全屏海报的功能。

淘宝店铺海报怎么全屏_淘宝首页全屏海报制作

淘宝店铺海报怎么全屏_淘宝首页全屏海报制作:

2.点击“模块”,鼠标左键拖动“自定义”至你想要添加的区域。做到这一步后,你的店铺就做好全屏海报的前期工作了。

3.寻找一个能够制作全屏海报的网站制作你需要的全屏海报图片,可直接百度搜索相关的海报制作网站。相关网站内部有详细的制作说明过程,这里就不一一说明。

4.将制作好的全屏海报上传至“图片中心”,以备后来使用。

5.回到店铺装修界面,点击“自定义”模块的“编辑”按钮,弹出对话框,进入源代码编辑页面,添加源代码。

6.注意事项:图片地址为图片在淘宝”图片空间“的地址,双击图片空间中的图片获取图片地址,width="1920px" height="500px" border="0" /> 图片的长宽可根据具体图片和店铺效果改变。

7.点击”确认“后即可获得全屏海报效果

3

淘宝手机端海报尺寸


我们在编辑手机端淘宝宝贝图片的内容的时候,其实手机端的主图和PC端的主图是共用的,而通过手机端编辑上传的宝贝图片都将会作为宝贝的细节图,对于这点,淘宝系统也有标准,那就是宽度需在480~620像素之间,而高度则要小于或等于960像素。

(手机端宝贝图片尺寸:宽度480像素 - 620像素之间;淘宝手机端宝贝详情页宽度一般都用520像素,而手机端的首页栏目页宽度一般尺寸为608像素这个数字也比较好;高度小于等于960像素(一张图片的高度,可以放N张图片的);格式为:JPGGIFPNG;举例:亲可以上传一张宽度为520像素,高度为960像素,格式为JPG的图片。)

这样好适配手机端和pad适应屏幕浏览。

其实手机端的图片也不需要另外去裁剪,只要电脑端的图片上传过淘宝空间后,就可以从淘宝空间获取一定比例的尺寸了。淘宝空间每张图片都有不同尺寸的引用连接。或直接插入即可。

4

淘宝海报尺寸是多少


1. 旺旺头像:

120×120像素。

旺旺购物等级足够的话支持gif动态头像,等级不够则不会动。具体多少等级,没有具体考证。

2. 店招:

中间真正的店招是950×120像素,

算上页头背景是1920×150像素(页头背景图片大小不能超过200k)。

3. 宝贝主图:

至少460×460像素。

这是淘宝主图那个框的正好的尺寸。

如果要鼠标放上去可以放大的效果,需要主图700×700像素以上。

如果你的图片本身小,比如说500×500像素,不够700×700,那么不要勉强去放大它,图片放大以后会失真,模糊,还不如用没有放大功能的原始大小。

4. 宝贝详情页总体尺寸:

c店(普通集市店)宽度750像素,天猫商城店宽度790像素。高度都是没有限制的,看你需要多高的。两千到两万像素都是有可能的。

5. 淘宝店首页:

c店宽度都是950像素。天猫是990像素。高度也没有限制。

6. 首页大海报:

跟店铺宽度的一样的,专业版旺铺是950宽,高度600左右。

全屏大海报宽度是1920像素,这个数值来源于22寸液晶显示器的宽度。制作这种全屏轮播效果需要用代码生成器才能实现。

或者不用代码生成器,如果购买的sdk装修模板有带这个全屏海报模块,就可以直接在模板中上传图片了。

7. 专业版旺铺左侧分类条的尺寸:

大分类条150×60 子分类条150×35

如果你想知道某个区域大约是多少像素,就用鼠标截图,这时候你就能看见截图区域是多少像素

5

怎么设计淘宝海报图片


1、新建文件尺寸可以按照实际需要制定。

2、进行渐变填充。背景和自己的产品色调一定要搭配。

3、使用钢笔工具,进行主图的抠图去背景。做淘宝美工过程中,ps钢笔工具是必须要掌握的其中一个核心技术。

4、钢笔工具创建完路径,使用Ctrl+Enter组合键转换为选区。选区进行0.5-2个像素的羽化,给它一个图层蒙版。

5、进行透视的调整。建立参考线,使用CTRL+T组合键,进行自由变换中的透视变换,或者透视变换都可以的。调整出来的感觉正对着照相机就对了。

6、使用曲线命令,或者色阶命令,给主图进行简单的亮度调整。

7、盖子的地方,要重新上色的。

8、渐变的设置只需要安装到渐变编辑器 ,直接载入就行啦。

9、刚才第六步调整主题的色彩亮度,现在绘制完盖子部分,重新要调整最终的一个颜色。

10、绘制高光。使用水纹画笔工具,点击一下儿,创建出大气彭波的水浪来!

11、使用自由变换命令中的变形工具,进行调整。

12、为了更加逼真,要在产品图上面,下面都负责出来水纹图层的。只有这样,两个图层重叠了,才能任意自己调整的。

13、下面感觉太空了,用画笔工具,在主图下面,绘制上去阴影。

14、整体制作完毕。

以上是武汉天琥设计培训学校整理的淘宝店铺海报怎么全屏_淘宝首页全屏海报制作全部内容,更多精选文章请访问平面设计学习网专栏。