基于PS和AI软件的PSB转AI再转SVG流程

Veröffentlicht am

基于PS和AI软件的PSB转AI再转SVG流程

作者：梁光柱 日期：20170519

说明：我们要实现的是把地图数据包（shp格式）最终转换到geojson格式文件，而这套流程需要经历到PS和AI的使用，本文用于说明怎样使用PS和AI来处理PNG图得到SVG格式文件

一、ArcMap部分

1. 数据包的处理

在进入PS部分之前先对shp格式的地图数据包进行处理，shp格式的地图经过ArcMap软件处理后我们可以得到PNG格式的图片，这些图片就是接下来的工作的素材。

二、 PS部分

1. 导入PNG图

a、 先将有文字的PNG图拖进PS里面作为背景;
b、 然后再将没有文字的PNG图放进PS里面；
c、 并且将其置入背景图。
导入PNG图

2.用魔棒来自动选取区域

a、 快捷键“W”选择魔棒;
b、 参数容差选择为0；
c、 同时隐藏背景图层（这个后期用来命名对照使用），我们要操作的图层是后来置进去的那份图层（两张图的放进去顺序不可以颠倒，不然会出现不必要的麻烦）。
用魔棒来自动选取区域

3.抠图

a、 用魔棒选取出我们要的区域；
b、 按下快捷键“Ctrl+J”复制该图层；
c、 然后再次选中该图层，按下快捷键“Alt+Delete”将我们本来设置好的黑色背景色覆盖进去（复制和覆盖背景色这两个步骤可以连续进行，方便提高效率）。
抠图

4.重复抠图

a、 隐藏掉之前处理好的图层；
b、 用鼠标选择到我们最初始的图层；
c、 接着不断重复上面的第3步骤，直到全部的图层被抠完。
重复抠图

5.去掉透明区域

a、 隐藏掉背景图和原始处理的图片，显示抠出来的所有图层；
b、 选择图像—>裁切，选择基于透明图像，点击确认。
去掉透明区域1
去掉透明区域2

6.保存

a、 快捷键“Ctrl+shift+S”另存为PSD格式（低版本）或者PSB格式（高版本）的文件；
b、 注意：保存的时候让所有的图层处于显示状态。

三、AI部分

这里以AICC2015版本软件为例，所以操作和原来的旧版本有所不同，同时具备优点和缺点，但是其有最强大的功能就是可以打开比较大和比较高级的PSB格式的文件，而旧版的版本却不支持，现在介绍整体的操作流程。

1.导入PSB

a、 将上面刚生成的PSB文件拖进AI打开；
b、 会弹出下图提示框，把“导入隐藏图层给” 勾上；
c、 按下确定。
导入PSB

2.窗口布局

AICC没办法给所有的图层同时进行描摹操作，这也是其的一个缺点，所以我们需要一个一个图层进行描摹操作的。
接下来的这一步是非必须的，仅为了提高工作效率而用:
a、 将描摹的信息窗口调出来（点击窗口图像描摹）；
b、 放在我们操作界面的左边（如图所示）。
窗口布局

3.描摹与扩展

a、 隐藏其他图层，保留操作图层；
b、 Ctrl+A全选；
c、 点击信息窗口的描摹；
d、 再点击扩展（这是必须的，不然没法后续的实时上色）。
描摹与扩展

4.实时上色

a、 点击对象；
b、 快捷键N—>A进行实时上色的建立；
c、 快捷键N—>R进行实时上色的释放。
实时上色

5. 取消编组

这时候点开图层来看其中的路径，会发现，路径的名字不是<路径>，而是写着“编组”。这时候：
a、 我们要选中图层，鼠标右击，选中“取消编组”；
但是这种办法效率非常低，我们可以：
b、利用快捷键“ctrl+shift+G”来直接取消编组（如果用了搜狗输入法可能会激活搜狗的快捷键，我们取消搜狗输入法的快捷键就行）。
取消编组

6. 删除多余的路径

取消编组之后会发现路径存在多条，这时候我们只需要保留一条闭合的路径，其他的删除即可，一般保留的都默认是最后一条（偶尔有例外情况，可能是倒数第二条），我们可以通过看小图标是否是一个闭合的圆来判断，提高判断的概率。
a、 按住shift键，鼠标点击需要的那条路径（例如最后一条）进行取消选择；
b、 其他多余的路径默认被选择了；
c、 按下delete，便可以删除其他多余的路径。
删除多余的路径

7. 验证路径的正确性

从上面的图我们可以看到，保留的路径的宽度太低，所以导致看得不够清晰，这时候我们可以通过选择这个路径的方式来观察路径时候是闭合的圆。
a、 按下快捷键“Ctrl+A”便可以选择我们的路径，并且能够提供清晰的视觉效果。
b、 观察是否是我们要的闭合路径。
验证路径的正确性

8. 重复其他的图层

a、 切换到下一个图层，即隐藏掉处理好的图层，显示下一个要操作的图层；
b、 重复上面的第3到第7步。

9. 为图层命名

a、 将带字的背景图显示；
b、 将准备命名的图层显示，其他图层隐藏；
c、 对着显示的轮廓，找到对应的位置，找到街道的名字；
d、 双击图层重命名。
重复其他的图层

10. 保存

a、 把带字的背景图删除；
b、 快捷键“Ctrl+shift+S”另存为AI格式文件；
c、 上面的AI格式文件保存完成后，再次快捷键“Ctrl+shift+S”另存为SVG格式文件
保存

11. 特殊情况

有时候两个区域是分开的，也就是同一个地名，却有两个闭圆的区域。这时候，我们将其中一个图层的路径拖曳到同名图层的路径上面去，再把原有的那个图层给删除，保留一个图层即可。
a、 将其中一个重名的图层下的路径用鼠标拖动至另一图层下面；
b、 把被拖动的那个图层给删除；
c、 最后只剩下一个命名的图层，其下有两条路径；
d、 保存的时候备注好哪条街道下有两条路径，方便以后寻找。
特殊情况