首页 网店学院 网店资讯 网店问答 专栏 店铺装修 拼多多入驻 虾皮入驻 推广返佣
    TOP
    甩手网 > 网店学院 > 网店装修 > 装修技巧

    教你制作新年喜庆的店铺首页全屏图(下)

    2014-01-22 10:10:31 人气:4657

    4、切好后,直接选择文件-存储为Web和设备所用格式;

    教你制作新年喜庆的店铺首页全屏图8

    5、打开刚才保存的图片,一共有三张,把第一张跟第三张直接托放进PHOTOSHOP,也可以选择文件-置入,选择相应文件确定即可,每一张置入都需要敲击回车键确定;

    教你制作新年喜庆的店铺首页全屏图9

    6、把两张图片分别放在图片原来的位置对齐,可放大图片对,这样比较准确,然后删除最底下一张图层,合并所有可见图层;

    教你制作新年喜庆的店铺首页全屏图10

    得到我们需要的背景图片;

    教你制作新年喜庆的店铺首页全屏图11

    下面我们来制作背景图片,因为首页存在页头内容,所以背景的高度需要设定,我这边页头内容为150像素,加上分隔符10像素,加上图片高度是752像素,所以新建的图片宽度为1346,高度为912像素;

    教你制作新年喜庆的店铺首页全屏图12

    1、这里把图像分为三部分,第一部分是页头,第二部分是分隔符,第三部分是背景图片;

    教你制作新年喜庆的店铺首页全屏图13

    分隔符制作方法:新建一个宽度为1346,高度为10的图像,用油漆桶工具更改整张图片颜色,颜色可根据自己店铺首页的导航栏的颜色来定,然后选择移动工具直接托放进刚才的图片中,放在相应的位置;

    页头区空白,把背景图片跟分隔符图片放在相应位置;

    教你制作新年喜庆的店铺首页全屏图14

    2、得到我们想要的图片,注意存储为Web和设备所用格式,图像大小小于200K;

    好了,我们现在打开我们的网店装修后台,在页面管理选择首页,添加一个自定义模块,放在最上端,把刚才切片切出来的第二张图片放上去,就是宽度为950的那张图片;

    教你制作新年喜庆的店铺首页全屏图15

    然后进入样式编辑-背景设置,这里有两项,页头设置和页面设置,页头设置是设置店招跟导航栏的背景的,我们进入页面设置,背景颜色可以不显示,在页面背景图上传我们做好的背景图片,选择不平铺居中显示,

    教你制作新年喜庆的店铺首页全屏图

    然后保存发布,好了,去看看自己的店铺首页吧,是不是很漂亮 。

    图形大小的确定方法:调整图像的大小,然后选择存储为Web和设备所有格式,里面有个浏览器预览的选项,预览一下就知道是不是全屏显示,或者是图片是否有被剪贴。

    *本站部分文字及图片均来自于网络,如侵犯到您的权益,请及时通知我们删除。联系信息:甩手网
    关注微信
    关于甩手软件     |     关于我们     |     联系我们     |     服务条款     |     隐私协议     |     用户权限     |     站点地图     |     帮助中心

    甩手客户服务

    • 甩手问答
    • 在线客服:企业QQ 800055007
    • 白班咨询电话(9:00-18:00):
      0755-26470437/26470392
      晚班咨询电话(18:00-22:00):
      18926581976/18926585976
    • 客服上班时间:
      周一至周五9:00--22:00,周末9:00--17:00
      (除法定节日以外,其他不在线时间请留言,
      我们看到后会第一时间回复您!)
    • 甩手网投诉电话:0755-26470437/26470392转621

    关注公众号

    Copyright ©2010-2020 深圳市华通易点信息技术有限公司 - 甩手网 All Rights Reserved.[粤ICP备12028137号]

    粤公网安备 44030502000916号

    关闭
    在线客服
    投诉建议