这篇文章最初发表于2007年
介绍的技巧和技术可能过时。

迟早每个设计师都会遇到制作地图的令人兴奋的工作,无论是在传单上还是在网站上,总的目标都是用视觉方式记录一块特定的土地,让人们能够找到去商业或活动场所的路。
一个重要因素是地图所需的细节量,在大多数情况下,地图应足够基本,以提供可识别的道路结构,而无需太多复杂的细节。正如你在现有地图上看到的那样,图形和颜色的使用对于区分不同类型的道路非常重要,本教程将介绍使用Illustrator画笔创建小型道路网络地图的过程。


完成的地图图形需要清晰明了,这就是为什么地图将在Illustrator中以矢量格式创建的原因。想象一下,如果作为客户的要求,需要在传单上扩大地图,在phbeplay足球otoshop中,会留下模糊的像素化边缘。另外,完整的地图将是可编辑的,允许调整道路形状,而无需删除和重新绘制完整的线条。

18.GIF

首先在新文档上画一条直线(按住SHIFT键)。加一个相当粗的蓝色笔画。这将是我们英国高速公路的基地,作为最大的道路类型,这条线路需要最厚。

210GIF

将行复制并粘贴回原位(ctrl/cmd+f)。将重量改为较细的笔画,颜色改为白色。这将使蓝色和白色条纹外观模拟双车道。

34.GIF

选择两个笔划,然后单击“画笔”窗口中的“新建画笔”图标。

42.GIF

在选项框中选择“新建艺术画笔”单选按钮。

52.GIF

在下一个对话框中,您可以选择命名新画笔,在这种情况下,这是一条“高速公路”。还要检查方向是否沿着刷子的长度而不是穿过刷子。

62.GIF

现在,您将注意到新画笔出现在画笔调色板中。(我删除了这里的默认画笔以方便访问)

72.GIF

继续并重复前面的步骤,创建一个画笔选择,以表示不同的道路类型。尝试不同的笔画重量和排列,以产生一些有趣的效果。记住要根据它们所代表的道路的等级来生成这些画笔,例如,次要道路需要比主要道路更薄且不突出。
提示:在需要互连的道路上稍微向外延伸内行程,这将允许它们合并在一起,而不需要穿过关节的轮廓。

82.GIF

以及道路图形,使用圆生成匹配的连接图标。使用相似的填充颜色和笔画颜色可以使它们与道路混合。

92.GIF

现在我们准备好绘制实际地图了,创建一个容器框以供参考,然后按ctrl/cmd+2将其锁定。别担心有什么路延伸到这个集装箱之外,我们稍后再剪辑。
用钢笔工具画出你的第一条主要道路,请参阅现有地图以确保形状和比例正确。这是所有美国居民都能轻松享受的地方!英国到处都是弯弯曲曲的高速路,非常适合开车。但这是一种痛苦!!

102.GIF

将适当的画笔添加到新路径,把它改造成高速公路。

112.GIF

必要时添加几个连接,并使用文本工具提供附加信息。

132.GIF

要添加互联道路,请根据需要绘制路径,然后使用ctrl/cmd+[将新路径发送到堆栈的后面,以允许连接圆保持在顶部。

142.GIF

继续绘制路径并选择适当的画笔以生成道路网络。

152.GIF

通过复制和粘贴之前创建的接合圆,可以进入并添加接合点和环岛。

162.GIF

在次要道路上按等级往下走,这将更加复杂。绘制每条路径并添加次要道路刷。这就是上面提到的技巧的用武之地,允许道路相互连接,而不需要穿过接缝的轮廓。

172.GIF

在你的道路上添加一些名字,使用笔工具绘制与特定道路相似轮廓的路径。

181.GIF

然后,选择类型工具并将鼠标悬停在此行上,直到您看到路径类型图标出现为止。输入您的道路名称,您会注意到文字流跟随该行,您可以使用小手柄编辑文本的位置,或者使用直接选择工具来微调路径的形状。

19.GIF

最后,从集装箱外修剪多余的道路。复制并粘贴容器形状(ctrl/cmd+alt+2以解锁对象)。然后选择全部(ctrl/cmd+a)。转到“对象>剪切遮罩>创建”,并注意如何将线条修剪回方框的轮廓。

插图画家路线图

分享
在Pinterest上共享
没有图像。
79评论 提交 加上你的!
订阅接收spoon图形通讯beplay全方位手机移动娱乐平台

订阅我的时事通讯,成为第一个听到新文章的人

79评论

  1. 伟大的!天哪!这将有助于我在大学的项目!!!!伟大的!

  2. 嘿,你说的……我真的很喜欢你的建议,为什么你不多发一些,这样我们就能学到更多……:)

  3. 我只是略读了一下教程,我认为最后一个提示可能有用——创建完美的交叉点:

    1代替画笔创建图形样式
    2.为每种道路创建一个自己的图层并命名
    3创建道路作为向量(同一层上的每种道路类型)
    4单击图层选项板中右侧的圆,选择一个整体图层。
    5将图形样式分配到整个图层>交叉点将自动完成!

  4. 嘿,我做了这个教程,当我在笔触上使用画笔时,它显示的像是一个白色填充物的切掉?我对插画很陌生,所以也许我在做些新的事情?

  5. 真的!我从1999年起就开始用Illustrator绘制各种各样的地图,我以为自己已经知道了。在找到这个网站之前,我一直在用图案刷或者用手画画。现在我用画刷画地图比以往任何时候都快!
    谢谢你的信息,如果有人需要一大堆地图图标……给我打个电话。

  6. 没有看过所有的帖子,所以这可能已经发布了……不管怎么说:

    对于交叉路口,另外,创建新的画笔-与道路相同的步骤-除非您必须选择“散布”画笔而不是“艺术”画笔(仅使用所有标准设置)。

    然后使用笔工具(启用智能辅助线的ctrl-u)并单击一次进行连接。

  7. 我们只是通过复制路径和使用不同的笔画宽度,最上面的路径更窄,有白色填充物。如果你这样做,就不需要特殊的连接符号。你只需要一些层管理。

    任何40岁以上的人,从早期就开始使用Illustrator,就会这样做,因为它不依赖于画笔功能。

  8. 这太棒了,谢谢!对我正在绘制的地图很有帮助。但有一个问题:你如何做一个内划?或者双色绿线实际上是两条相互重叠的路径?

  9. 你知道什么?我这周要为一个客户做一张地图。很高兴我找到这个!谢谢你的指导!

  10. 精彩!
    我必须在不到一个小时的时间内创建一个工作地图,这引导我朝着正确的方向前进。非常感谢和尊敬!!

    ~*微笑*

  11. 也非常感谢。我想知道如何在棋盘游戏中做到这一点。

    你的解释帮助很大。我在设计上做了一些改动,但你给我展示了一些我可以融入的东西。

    如实地说,我不知道如何创建画笔,所以我通过本教程学到了很多东西。

  12. 同样,可以通过在外观调色板中堆叠不同的笔画来定义道路/铁路样式(例如4点白色笔画在5点黑色笔画上)。在复合路径中连接两个交叉路径并按上述方式设计它们需要注意关节的正确外观(只要它们之间的角度不会迫使笔画突出€“但很少发生这种情况”)。这是非常相似的技术,我认为选择其中一个或另一个是个人偏好的问题。在定义的样式的帮助下使用也是最舒适的。

    不管怎样,我很高兴知道另一种方法来绘制一个好的、易于维护的路线图!非常漂亮的短裙!

评论现已关闭