当前位置:育儿知识大全 育儿综合内容页

如何制作大气的淘宝首页背景大图

想要制作一个大气的淘宝首页背景大图,该怎么制作呢?接下来小编来教教大家。

我们是有了一张做好的店铺海报。

安装ps,安装dw8.0.

将我们的海报导入到ps,如图:2.1。图片首先要非常大,就像一张海报一样。将海报分割成我们需要的素材。

如何制作大气的淘宝首页背景大图

修改图片尺寸,然后将图片调整为1550,ps导航-图像-图像大小-宽度1550,约束比例。由于店招是950像素,我们预留左右是300像素。所以,我大概算1550,当然,可以再大一些。

画参考线,打开单位与标尺。ctrl+r。如图,2.2。双击标尺,标尺的单位改为“像素”。

如何制作大气的淘宝首页背景大图

左键按住标尺不放,向下拉,左边和上边都可以拉,拉出参考线。(新手参考,高手略过。)
拉出参考线之后,图片是从零像素开始,我们从左边栏拉出参考线,看上标尺,到300像素的时候,按住shit,会精准在某个刻度上。注意,如果标尺太小,我们可以按住alt,滑动鼠标滚轮放大。再从左标尺,拉出第二条,到上1250的刻度。
从上标尺拉出参考线,到做刻度150。由于有导航栏,我们需要为页头留出高度比店招多30px。在从上拉出一条到左刻度180px。

如何制作大气的淘宝首页背景大图

剪裁素材。
剪裁工具剪裁出店招,保存到一个桌面或其他地方的文件夹中。

如何制作大气的淘宝首页背景大图

页头背景
剪裁主要产品的部分,这个部分,这个部分是我们我们可以修改设计东西,可以在上面加上一些东西,包括产品等等,可以用修图加上,位置可以非常随意,在主要产品部分,可以随意放置,我们后面再在产品的上面加上链接,顾客可以点击进入店铺宝贝。
主要产品的剪裁,在180x一下,店招同样宽度的部分,剪裁一直到底部。

如何制作大气的淘宝首页背景大图

主要产品剪裁。最后,恢复到原来1550宽度的图片。保存。一共保存四个图片。

如何制作大气的淘宝首页背景大图

装修
店招和主要的图片要上传图片空间。页头背景,大背景图,在装修上图的时候直接可以上。
打开装修后台。直接上传店招,店招的高度改为150,当然,如果需要导航栏的话,就保持120。
在导航栏下面,直接插入一个自定义模块950宽度的模块。将上传了的主要产品素材链接,插入到自定义模块中。
插入背景图片。

如何制作大气的淘宝首页背景大图

打开装修背景。

如何制作大气的淘宝首页背景大图

插入页头背景。

如何制作大气的淘宝首页背景大图

如果需要在主要产品,自定义中的图片插入一些链接,比如,我们设计的案例海报的女人眼镜就是一个模块,我们可以用dw插入链接。
1. 打开dw,插入图片,如图,2.9。箭头有点多,大概也能表达。拆分按钮,我们可以查看产品的链接,比如,我门插入的图片是我们电脑的位置,我们需要将代码中的图片位置换成图片空间该图片的代码链接。

如何制作大气的淘宝首页背景大图

如何制作大气的淘宝首页背景大图

如何制作大气的淘宝首页背景大图

dw插入链接
将代码复制出来,打开主要产品自定义框,我们选择代码编辑。

如何制作大气的淘宝首页背景大图

自定义框代码编辑
粘贴入我们在dw中的代码,注意,图片的链接地址需要修改。

完成。

如何制作大气的淘宝首页背景大图