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

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

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

    每次看到天猫网店的首页全屏大图,是各种羡慕嫉妒恨啊,没办法,也只能是得比得比的说几句了。看着就高端大气上档次啊。心想自己来做一个,咱也来高端大气上档次一下,于是乎,摸索摸索再摸索,终于成功了,那真叫一个漂亮,但是这种好事也不能自己一个人来享受,于是乎,小编立马快马加鞭,赶紧把方法公诸于世! 大家一起来高端大气上档次一下!方法绝对原创,我也看过别人的方法,但是在操作上不是很方便,需要对照标尺,还有要凭感觉,有一点差异图片在网页上就不能严丝合缝,有点麻烦!

    步骤如下:

    用到的工具只有一个,那就是我们的“神器”PHOTOSHOP,我用的是CS5,这个版本选择依据个人习惯,没什么特殊要求,

    下面先给出最终效果图:

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

    好的,下面开始我们的高端大气上档次之旅:

    1、打开PHOTOSHOP,打开需要进行制作的素材图片;

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

    2、更改图像大小,图像-图像大小打开对话框,更改适合的数值,使其能在浏览器全屏显示,具体的数值受电脑的屏幕尺寸影响(最小不能小于1024像素),我使用的是1346像素就能全屏显示(数值的确定方法详见本文底部);

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

    3、最关键的一步了,我们要用到的是切片工具;

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

    这里的切片的数据不是手动切,而是直接输入数字来确定,在图片上鼠标右键选择划分切片,选择垂直划分;

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

    确定后再鼠标右键选择编辑切片选项;

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

    重点来了,这里的宽度如何确定,淘宝首页自定义模块的宽度是950像素,因为刚才图像大小是更改为1346,所以这里第一个切片的宽度为(1346-950)/2=198像素,直接输入,第二块切片的宽度为950像素,第三块切片的宽度为198像素,操作方法跟第一块切片相同,只是鼠标右键的时候要在相应的切片上;

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

     

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

    甩手客户服务

    • 甩手问答
    • 在线客服:企业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号

    关闭
    在线客服
    投诉建议