网店装修网欢迎您,我们是专门的网店装修网站,为您提供完全免费的网店装修教程、素材、模板、代码等。       注册会员 | 会员登录 | 使用QQ登陆| 存到桌面 |  RSS
当前位置: 主页 > 网店学院 > 装修教程 >

充值网店装修之导航地图的制作

时间:2010-08-25 22:44作者:网店装修网 点击:
准备素材如下: 1、中国地图一张(淘宝扶植版自定义区的图片最好宽=750) 2、你所需要添加的其他项目,如腾讯增值业务或其他游戏币种类图标(这里只用到了地图,掌柜们可根据情

 

准备素材如下:
1、中国地图一张(淘宝扶植版自定义区的图片最好宽<=750)
2、你所需要添加的其他项目,如腾讯增值业务或其他游戏币种类图标(这里只用到了地图,掌柜们可根据情况增加画布拖动素材图片到所需位置即可)
我使用的工具为Photoshop 和Dreamweaver
 
第一步:地图的制作(使用Photoshop)
1、大体框架。下面是我自己找的地图,先用吸管取色,再用画笔涂改掉了上面的字体纹路;(例如:去掉海域上的字,先在海域上取色,再用画笔涂掉;同理如果要去掉国内陆地上的字,现在国内陆地上取色,再用画笔涂掉。)
网店装修网www.wdzxiu.com
l   然后,选择菜单栏里图像——调整——色彩平衡;调节出你想要的颜色; 完成后如下图:
 

这时大体框架已经做好,下面来加地区标志
2、地区标志
图上的省会城市圆点标注很简单,相信大家都会选好颜色用画笔蹲点点吧,O(∩_∩)O~ 五角星是换了笔刷以及颜色蹲出来的
下面就是就要添加省会城市名称了,因为之前的处理很简单没有什么水晶啊立体效果,所以我选择了在标明省的时候添加按钮的效果,当然本人技术也比较菜啦.
新建一个适当大小,背景透明的文件,用选择圆角矩形框,设置半径(根据自己图片大小情况)和样式,在图上托出按钮的形状.

copyright www.wdzxiu.com


l   在右下角更改透明度(适当)
然后用箭头工具拖动到你要放的位置即可;慢慢来哦~~不要把哪个省忘掉了
然后选 图层——拼合可见图层。这时还没有文字,别急,选择文字工具调整字体格式大小后,我们就可以在相应的地方打字了(选则文字工具,在按钮处点一下,这个不用我废话了吧,其他同理可得)
慢慢添加,最后图层——合并可见层。
看看我的地图,大功告成了,(*^__^*) 嘻嘻……当然有点丑,掌柜们各自发挥哦~~~~
 
网店装修网www.wdzxiu.com
第二部 代码的生成(使用Dreamweaver)
前提:上传你刚做好的图片到网络空间,获取地址
l   1新建html,删除代码编辑栏的代码,点插入图片 在图示出填入地图的地址后点确定。
 
以青海为例,下面我们来添加热点连接。
选则矩形热点工具在青海按钮上拖出矩形框其他地区方法一样,都是先画热点矩形框,再在自己店内搜索对应地区,复制地址栏地址,粘贴到图示链接处
第三部 代码的使用
进入淘宝装修页面,自定义区的编辑。先点源码编辑。
一定要在源码编辑处,粘贴刚生成的所有代码。然后再点源码编辑就会切换成预览模式。
最后点发布即可
大功告成!!!
还有看不懂的朋友 找我 大家都是新开店 我尽量帮你
O(∩_∩)O~

 

copyright 网店装修网(www.wdzxiu.com)

数据统计中!!
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名:密码: 验证码:点击我更换图片
自助广告