您的位置:百味书屋 > 装修知识 > 淘宝网店全屏装修 正文 本文移动端:淘宝网店全屏装修

淘宝网店全屏装修

2016-10-12 14:31:45 来源网站: 百味书屋

篇一:淘宝装修满屏通栏设计方法,有图有真相

淘宝店铺全屏漂亮背景大图制作详细图解,直接进入正题。想大多数卖都看到很多商城卖家的首页那漂亮大气的全屏(宽屏)背景大图了吧,有没有想自己的店里也弄一个?只要你会一点PS,错!只要你有个PS软件,

我就教你做出来, 但前提是你的旺铺版本支持,设置背景图片据我了解应该是拓展版以上或商城才可以的。如果你的版本是拓展版以上的,那我们现在开始动手做吧!

因为商城跟集市的制作有点不一样,现在我们以集市店的为例,集市店拓展版最终效果展示:

一、准备工作

一个PHOTOSHOP图片处理软件,一张你准备做店铺首页背景宣传的大图片,建议图片宽度是大于或等于1440PX,没有PHOTOSHOP的朋友,可以去下载一个哦,(我用的是CS4版本,至于什么版本好,这个根据个人习惯) 安装很容易的,所以安装的步骤我也不详说了。不要怕麻烦,凡事都要自己动手了,能才从中学到东西,学到经验。

二、图片处理

1、安装好PS后,打开界面

接着点击"文件""打开",

把你要的制作的图片打开到PS里面

2、把图片裁成宽度大于或等于1440像素的宽度,高度取决于你自己的要求,一般是600-750像素就可以了。首先打开剪裁工具,

淘巧好,好淘巧

然后操作就跟QQ软件里的的剪图类似,裁出来的图片如果宽度跟1440像素相差不大的话,就可以通过图像大小来调整一下,

在宽度里输入1440,后面的记得是像素,不是厘米哦!还有下面的约束比例也要勾上,这样图片就不会变形了。

3、1440像素宽度的图片剪裁完后,接着在这个图片里剪裁出950像素的图片,因为淘宝全通栏的大小是950像素。至于950的图片怎么剪裁,这里就比较重要了。

首先我们可以把图片1440像素分成三份,245+950+245=1440!245是19寸宽屏两侧背景其中一边的像素。

4、我们新建一个PS文件 宽度是245像素的新文件,高度可以随便。 在左侧工具栏,切换到“矩形选框工具”, 选中新建的文件“未标题-1”按着CTRL+A键,会有虚线显示全选了这个空白的图像, 点着鼠标左键不放,把虚线边框接到左边的宣传图片,并如左边边缘对齐。 在这里需要把标尺调出来作为参考

接着在工具栏里选择“移动工具”,在标尺里面拉出一条浅蓝色的辅助线,跟虚线边框右边缘对齐,那么宣传图片左边边缘到辅助线的宽度就是245像素了,右边的操作同样,这里就不再详说了。

两边的辅助线出来后,就使用“剪裁工具”,两边对齐辅助线

按一下回车,就可以把950宽度的图片剪裁出来了。

然后把950像素宽度700像素高度的图片保存成JPG格式的图片。

漂亮的淘宝店铺全屏背景大图制作详细图解(2)

5、按编辑,后退一步。把图片恢复成没有剪裁前的1440像素的宽度。前面的工作,无论商城或集市店都是一样的。那么下面的两侧的背景图,就有点不一样了。因为商城上面有一栏是红色信息置顶,所以背景图不会覆盖到上面,但集市店就不样了。集市店头部导航上面,

还会显示背景图片的。所以这两个地方有点不一样,这个也只是大同小异,原理还是一样的!

6、背景图,以集市店拓展版为例,新建一个宽是1440像素,高是934像素的。

图片上面的1是顶部112PX的高度,2是我本店导航的高度135PX,3是分隔线的高度10PX,一共是257PX,这个你们可以根据自己的导航高度调整,不是固定死的。然后用”移动工具“把1440宽度的图

背景图有限制大小是100K,因为白色像素是最小的,所以背景图不显示的地方弄成白色可以减少图片的大小。 本文来自淘巧网

篇二:淘宝店铺装修全屏海报代码

淘宝店铺装修全屏海报代码 方法/步骤 1.<div style="height:450px;"><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">

<img src="这是全屏海报的连接地址" width="1920px" height="450px" border="0" />

</a>

</div>

</div>

</div>

2. <div style="height:450px;">(这段是全屏海报的高度 可以改一下后边的数值)

3. 注意:双引号一定不要删除,把图片放到双引号的中间 <a href="这是产品的连接地址" target="_blank">

4. 都设置好后 按照图片操作即可。

篇三:淘宝 新旺铺 全屏背景装修

我是小卖家,店铺基本一直是自己装修的,10月底开始用新旺铺的,不得不说,新旺铺真的很强大,拥有各种我以前想要但都要付费的旗舰版的功能,比如说全屏店招,

废话不多说,和大家分享下我的装修心得

首先,你要是新旺铺用户。

然后,打开卖家中心,进入店铺装修。在卖家中心的左侧栏,店铺管理——店铺装修

进入装修页面。

新旺铺的装修页面很全面,可以对所有页面进行修改。

首先我们要确认模板,就是我们页面的基础样子。页面左上角有一个装修按钮。

点击模板管理

这里是你现在正在使用的模板情况。

点击系统模板,可以更换模板,系统给我们提供了三种模板

点击不同的模板,还可以选择颜色搭配。

我现在选的是第一个模板。选完模板后,进入页面管理。

现在开始做全屏背景。首先你要有一张图

片。这个要一点PS基础,但不用很多,你会跟着我做就行。先找一张你喜欢的图片,备用。打开PS,点击左上角文件—新建

按这个参数新建文件。这个是底图。

现在选中你喜欢的图,直接拖进新建的文件中,

把鼠标放在图案的周边,可以拖动调整插入图片的大小。让图片适合。我最后是调整成这样的

图的上方要留150像素的空白,因为这里会被店招挡住。怎么算是不是150?教你们一个笨办法,再新建一个空白图层,高度150像素,宽度随便,然后放进这个图里面

来源:网络整理 免责声明:本文仅限学习分享,如产生版权问题,请联系我们及时删除。


淘宝网店全屏装修》出自:百味书屋
链接地址:http://www.850500.com/news/775.html
转载请保留,谢谢!
查看更多相关内容>>淘宝网店全屏装修
推荐范文