母婴淘宝店铺装修教程:[3]

2026-02-04 08:30:33

1、首先制作页面背景图片,打开软件,新建大小1920*20像素的图片

母婴淘宝店铺装修教程:[3]

2、根据上节教程一样,画出三条参考线,一条是中线,一条是离中线左侧475的位置,一条是距中线右侧475的位置。

分别在左侧的参考线再往左移10像素的位画一条参考线,右侧的参考线再往右10像素添加一条参考线

母婴淘宝店铺装修教程:[3]

3、分别从左到右按顺序定义参考线的编号为1、2、3、4、5

根据图中步骤,完成左侧的背景阴影制作。

并设置图层透明度为50%

母婴淘宝店铺装修教程:[3]

4、复制该图层,并水平翻转后,放在第5根参考线的右侧,并设置图层透明度为50%,最终效果如下图。

母婴淘宝店铺装修教程:[3]

5、填充背景图层的颜色为#f5dbe8,第一参考线与第5参考线之间填充白色,最终如下图所示

至此,页面背景图片制作完成

母婴淘宝店铺装修教程:[3]

1、接下来制作模块标题背景,需要三个尺寸的模块标题背景。一个是970px,一个是950px,一个是750px的。

内容相同,尺寸不一样。

母婴淘宝店铺装修教程:[3]

母婴淘宝店铺装修教程:[3]

2、波浪线可以从页头的图片中截取过来。

小脚印的图片也有素材我们也拿到,直接套用就行了。

这块非常简单,就不详细讲了。

3、下一节,我们将用到frontpage实际操作了。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢