工具充值网店装修 之导航地图制作教程

来源：本站日期： 11/13/2009 8: 18:57 AM浏览次数： 489

做话费充值的兄弟姐妹们，你们希望拥有一个个性，超炫的充值导航图呢，客户进你的店，看着中国大地图， 点击相应的省份（名称） ，立刻就能找到自己想充值的宝贝！这样一个独特、美观、大气的导航图，在装点你店铺的同时，也更好的体现了你充值店的专业化和人性化！做这样一个导航图，需要很高超的做图技术吗？不，很简单，只要你拿出一点耐心，和一点学习精神， 即使你从来没用过做图软件，跟着我一步步做，你也能拥有自己的独特导航图！ （注意： 1、旺铺才能使用本导航图 2、本文只针对象我一样没接触过专业做图软件的新手，我们只使用某个软件的某个功能或者工具，其它的不管也不问，高手请不要笑话呵呵）

不知道导航图是什么东东的，请点我头像下面的钻石，来我店里参观体验和指导！

首先，我们先来看下需要用到的图象软件和工具：

1.大名鼎鼎的PS （Photoshop ） ：别担心，我们不需要对这个PS有望而生畏的感觉， 因为我们只需要它来跑下龙套而已。

2.最简单易用的iSee：主要是用来处理下素材，给你的导航图增加点个性化的东西。觉得麻烦的，可以不用管。

3.最傻瓜而强大的专业扣图工具KnockOut 2：这里强烈推荐,从来没扣过图的朋友，也可以使用它实现最简便，最完美的扣图效果！该工具的安装和使用网上有很多。 同样，嫌麻烦，不追求个性化的朋友请无视它。

KnockOut 2下载和使用方法地

址： http://bbs. iseeclan. com/dispbbs.asp?boardID=73&ID=37744&page=1 （复制到地址栏打开）

简单说下安装和使用方法：

1、下载KnockOut 2的绿色版

2、下载后解压到iSee\PSFilter目录，解压后运行“破解.bat”

3、运行iSee （如果已经运行需退出重新进行） ，进入后即可在PS滤镜的栏目中看到KnockOut 2滤镜组

4、打开抠图图片后，在“图象调整”里选择“抠图/去背景” --在抠图界面点“容易抠图”就可以到KnockOut 2的工作界面了

3.今天的主角Macromedia Dreamweaver 8：这个才是我们今天的主角，什么？你问我它是什么叫什么名字？我老实的说，我也不知道它是什么叫什么，我只知道，做导航图的话，有它就非常的简单了。

特别说明：这些软件打开文件的方式都一样，从软件界面的最左上角的“文件”菜单中打开， 以后不再说明。

小结：必需的软件： Macromedia Dreamweaver 8和Photoshop CS2，说明，软件版本尽量选择和我一样

的，太低级的和简装版，可能没有我们需要的功能。可有可无的软件和工具： KnockOut 2和iSee,需要效果美一点， 同时也想学一点装修技能

的就用，不需要的就不用。

开始制作：

一、素材准备和制作：

1、找一张中国地图。

要求： A.省界分明，只标注省、直辖市名称。没有其它多余文字的。我们要的是简洁、清晰和大气的效果。颜色等个性化用ISEE自行处理， 以配合自己的店铺风格。 B.宽尽量在550像素以上， 以便图象大小调整时不失真

我用的是这样一个素材，为配合我自己的店铺整体，颜色已经处理过：

喜欢的朋友可以直接用QQ截下来，做你自己的素材（QQ截图方法： QQ开启的情况下，使用CTRL+ALT+A的组合键，拖动鼠标选择截图区域，另存为即可）

2、背景处理：这个主要是为了增加点装饰作用，嫌麻烦的朋友可以跳过，直接看第三步“分类设置” 。喜欢的朋友跟着我做，我喜欢的是书法文字淡化+渐变背景。所以我选择了iSee来处理：

A、点开“文件” ，新建一个图片，大小为750X500像素，颜色我选择灰色；

B、点“相框”工具，进入后选择“多彩毛边” -本地相框-颜色渐变02，步骤和效果如图，应用返回

C、点“文字”工具，进入后在右边文本框里输入文字内容。这里我选择了苏轼的《念奴娇.赤壁怀古》 。竖排方法：使用回车键来实现文字竖排；从右至左排法：每列完成点“应用”一次；文字淡化方法：使用“字体效果”设置参数；位置调整：使用鼠标拖动；字体和大小，颜色等，如图调整。

D、效果满意后，应用返回，保存备用。

3.前景地图处理（不使用背景、嫌麻烦的朋友可以省略） ：这个是为了把前景地图和背景完美的结合，使用抠图来实现。

A.安装扣图工具KnockOut 2

B.使用iSee打开中国地图素材，点选“图象调整”中的“抠图去背景” ，进入扣图界面后选择“容易扣图” ， 即可进入KnockOut 2的界面。使用放大工具适当放大后,点选“内部对象”工具，勾选“多边形模式” ，沿着地图内部点连（注意我的地图素材，有些省份名称超出了地图外，所以要把名称框也选在内部） 。