淘宝充值网店装修 之导航地图制作教程.doc

充值网店装修 之导航地图制作教程 来源：本站 日期：11/13/2009 8:18:57 AM 浏览次数：489 做话费充值的兄弟姐妹们，你们希望拥有一个个性，超炫的充值导航图呢，客户进你的店，看着中国大地图，点击相应的省份（名称），立刻就能找到自己想充值的宝贝！这样一个独特、美观、大气的导航图，在装点你店铺的同时，也更好的体现了你充值店的专业化和人性化！做这样一个导航图，需要很高超的做图技术吗？不，很简单，只要你拿出一点耐心，和一点学习精神，即使你从来没用过做图软件，跟着我一步步做，你也能拥有自己的独特导航图！（注意：1、旺铺才能使用本导航图? 2、本文只针对象我一样没接触过专业做图软件的新手，我们只使用某个软件的某个功能或者工具，其它的不管也不问，高手请不要笑话呵呵） ?????? 不知道导航图是什么东东的，请点我头像下面的钻石，来我店里参观体验和指导！ ??? 首先，我们先来看下需要用到的图象软件和工具：???? 1.大名鼎鼎的PS（Photoshop ）：别担心，我们不需要对这个PS有望而生畏的感觉，因为我们只需要它来跑下龙套而已。??? 2.最简单易用的iSee：主要是用来处理下素材，给你的导航图增加点个性化的东西。觉得麻烦的，可以不用管。??? 3.最傻瓜而强大的专业扣图工具KnockOut 2：这里强烈推荐,从来没扣过图的朋友，也可以使用它实现最简便，最完美的扣图效果！该工具的安装和使用网上有很多。同样，嫌麻烦，不追求个性化的朋友请无视它。??????? KnockOut 2下载和使用方法地址：?/dispbbs.asp?boardID=73ID=37744page=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.前景地图处理（不使用背景、嫌麻烦的朋友可以省略）：这个是为了把前景地图