分享

淘宝店铺全屏店招、导航详细教程

 犟木匠 2016-09-03

A-A+

全屏店招显得高大上,现在大部分店铺都在使用,今天给大家制作一个详细的教程,每一步都有配图,希望大家能够用上。

使用软件:Photoshop cc(简称ps)、Dreamweaver cc(简称dw)

一、 用ps打开制作好的店招和导航(尺寸是1920px宽,150高)

(为了没有广告嫌疑,打了马赛克,哈哈!)

二、 文件菜单?导出?存储为web所用格式

三、 选择jpg格式,质量设置80以上,点击存储

四、 选择保存的文件夹,命名店招背景

六、 新建两条参考线:

1、视图菜单?新建参考线,设置垂直485px

2、视图菜单?新建参考线,设置垂直1435px

(解释:店招的默认尺寸是宽950px,总长度是1920px,通过参考线可以得到中间的店招的部分)

七、 确定中间部分后,使用裁剪工具,框选中间部分,右上角打勾

八、 同“店招背景”的存储方法存储店招加导航部分

九、 把输出的两张图片上传到淘宝图片空间(打开淘宝网?登陆?卖家中心?打开图片空间?上传)

十、 打开DW_Dreamweaver软件(可以百度搜Dreamweaver绿色版下载软件),文件菜单?新建?html文件

十一、 文件菜单?插入?图像,选择“店招加导航”图片导入到dw,

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章