网站地图关于我们

查看相册 View Gallery
本文转载自建筑师的留学圈儿

这篇文章是对上次Eidetic Mapping讲座的一个简单总结,并且补上由于时间限制没来得及细讲的制图操作。

语 境

Mapping作为传达非直观信息的图像,包含的内容超过任何一张概念图或者表现图。大量的复合信息使得读图成了读者和制作者的唯一信息交流途径。作为这行业人士,别说看懂一张地图花不了半分钟,就是正着反着横着竖着也不能影响你快速获取需要的信息。但也恰恰因为这种专业性,反而让我们忽略了语境在图面中举足轻重的地位。我们来看两个案例对比一下。

如何绘制一张漂亮的总图第1张图片

这张在Valcamonica发现的地图壁画,绘制时间被鉴定为公元前500年。然而时隔这么久我们依然能读出这个村落的布置概况。农田,道路,房屋,牲畜,人类活动,虽然表达方式拙劣而简单,但由于我们熟悉的语境——农耕文化的背景,让我们一点也不陌生这些点线面所象征的内容。

如何绘制一张漂亮的总图第2张图片

而这张1849年印第安人递交给美国国会,关于土地索赔请愿的一张图,就让我们看半天也摸不着头脑。图像中,鹤代表了首领,中心的意思,其他动物们是各部族。眼睛相连表示他们之间的联盟关系,心脏相连代表他们请愿的目的性。缺少了印第安文化的了解,让我们在读图中出现了困难。

两张图的对比提醒了我们在制图过程中要注意语境的运用。作为制图者首先要注意的就是在复合信息下,如果有效而不夸张地传递我们想提供给读者的信息,不要为了追求效果而弄巧成拙,降低了Mapping的可读性。

隐 喻

一张好的Mapping可以让人读懂图面的基础信息。而一张精彩的Mapping则要能传达超出信息的某种感情意图。这里可以拿塞尚的油画《乔治华盛顿》举例。

如何绘制一张漂亮的总图第3张图片

我们看到的画布中的图像,是由破旧的绷带,军人的肩章构成的。绷带的右边被塞尚画成了乔治华盛顿的侧脸,整体形状被组成了美国国土的轮廓,象征着美国民主建立所付出的代价和鲜血。获得民主的过程是惨痛的,珍贵的,也在拷问我们是否是值得的。这种暗示并没有通过文字来讲述或者明确的图画来描绘。而材质的选择和运用就赋予了它独特的隐喻。现如今,在美国对中东造成伤害的时候,这张画是否又能引发我们的思考呢?美国引以为傲的价值观是否变质了呢?我相信每个人都会有自己的解读。然而这就是艺术品的价值,它引起的思考和联想是持久不衰的。

回到Mapping,由于mapping的开放性和优先顺序,如果一张Mapping能在整体呈现上存在一些暗示或者隐喻,从而表达你的某种设计意图或者思考,就能创造出一种感染力。这种感染力或者说引人思考的潜质会起到事半功倍的效果。

1+1 > 2

说到事半功倍,强调的是功倍而非事半。近些年在制图方面,讲究的是不一致的多重图层叠加产生的可能性。这种可能性很像我们上面提到的隐喻,不是我们直接画出呈现给读者的,但又不相同,是多种信息叠加后产生的新的信息。怎么理解这种1+1>2的结果?最简单的案例可以看下面这张滑板轨迹图。

如何绘制一张漂亮的总图第4张图片

这张图记录了一段时间内滑板少年们在两栋楼之间的滑行轨迹和停留地点。我们在左图看到少年们大多在左侧楼下聚集,可以推测出这是他们约定的出发方向,或者是因为躲避下午的阳光?右边的点的聚集可以看出他们滑出后在中间讨论了什么。这些信息就是我们在读图中看到的可能性,通过单一信息是无法得出的。正因为有不同图层的叠加,我们才能更好的得出图中的故事性。多重图层叠加这种做法的代表是库哈斯,屈米,埃森曼等,他们更注重表达设计的逻辑性,而非设计的外观,这也是我们平时值得关注和学习的。与其画一堆项目的表现图,不如去描述一个项目从表达维度上的展开,从而清晰表达设计逻辑。

操 作

终于讲到操作了,前面枯燥的东西应该都看烦了,我们进入正题。今天来制作一张叙利亚难民在柏林状况的这么一张总图。首先我们进入Mapstack.stamen.com,找到一个自己喜欢的模式,并且调整到柏林方位。

如何绘制一张漂亮的总图第5张图片

因为受显示范围的影响,现在范围内获取的图片信息是不够多的,所以我们只能拉近距离,显示更清晰的细节。

如何绘制一张漂亮的总图第6张图片

右边<image>可以帮助我们导出图片,所以我们需要拖动窗口截很多张精度较高的图,再将他们拼合在一起,获得我们原先预想的范围。(在截图过程中可以找到参考的建筑和街道,每张图与图之间尽量在1维方向上移动,并有部分重合,以避免漏截区域。)

如何绘制一张漂亮的总图第7张图片

我们打开Photoshop,在文件(File)>自动化(Automate)>照片整合(Photomerge)里,找到我们导出的照片,点选确定。

如何绘制一张漂亮的总图第8张图片

就得到下面的结果,我们可以通过合并图层以后的裁剪,得到我们想要的形状。

如何绘制一张漂亮的总图第9张图片

接下来我们创建一个新文件,并且在网上找到一张叙利亚的地图,通过选区加填色的操作后,我们得到下面的这么一张黑色区域。

如何绘制一张漂亮的总图第10张图片

我们找一张bleeding的图,放在黑色的图下。并且在图层中添加一个黑白效果图层,保持在图层栏中的最顶端。

如何绘制一张漂亮的总图第11张图片

对它进行复制,然后调整位置和方向,并加入新的bleeding效果。将所有bleeding图层改为叠加(Multiply)模式。

如何绘制一张漂亮的总图第12张图片

我们在刚才的基础上放入一张巨型血图,盖住叙利亚的范围,并且在图层中进行如下操作:建组--->创建蒙版--->放入刚才的血图。

如何绘制一张漂亮的总图第13张图片

之后是关键的一步。
①我们选中Layer2,也就是叙利亚的黑白底图,按Ctrl+A进行全部选区。
②选区完成后Ctrl+C进行复制,按Ctrl+D结束。
③我们点选Group1上面的蒙版,然后点选上面的Channel进入页面。
④进入Channel后选择 Group 1 Mask,点开左边的眼睛。
⑤然后选择编辑里面的原位粘贴,将刚才的图层复制到我们的Mask图层中。
⑥点击上面的RGB,然后回到图层组中。

如何绘制一张漂亮的总图第14张图片

这样激活了我们的叙利亚蒙版后的图层是下面这样不显示的。

如何绘制一张漂亮的总图第15张图片

不要慌,我们选中蒙版然后Ctrl+I进行反向,就得到我们想要的效果了。

如何绘制一张漂亮的总图第16张图片

因为这个血图(也是叠加模式)是在组中,我们可以随时随地的对血图 图层进行变形,以改变效果。调整好之后我们双击蒙版,选择羽化,进行边界模糊,得到我们要的成图。

如何绘制一张漂亮的总图第17张图片

得到这种效果后我们将整个组和刚才的bleeding效果图层进行合并图层,得到单一的这张效果图层。,然后我们将最开始裁剪好的地图放进来垫在图层底端。

如何绘制一张漂亮的总图第18张图片

我们将效果视为蒙版内容,对图层进行编组,创建蒙版,Channel里面粘贴的相同操作。就会得到下图。

如何绘制一张漂亮的总图第19张图片

这张图也可以拿来作为我们的底图,但是由于这样淡化的效果和我们最初的预想不符合,我们进行一步很简单的操作,就是对地图图层(不是蒙版)进行Ctrl+I反向。

如何绘制一张漂亮的总图第20张图片

那这么一张带有形状和效果的底图就完成了。我们将图插入到AI里面作为背景,在上面进行内容的添加,一些信息我们通过google搜索就很容易找到,比如犯罪率,医疗,救助等等的地点。注意分组添加信息。

如何绘制一张漂亮的总图第21张图片

注意编组和整体颜色的使用,由于这里只是进行一个示范,所以我的颜色尽量选择了辨识度比较高的颜色,但是大家可以根据自己的喜好进行改变和处理。

如何绘制一张漂亮的总图第22张图片

那整张的mapping就完成了,别忘了在底下加上图例,以避免语境的困扰。我举的只是一个简单的例子,带大家熟悉一下可能遇到的操作。在制作自己的mapping过程中,还是要去思考前面提到的重点,那才是核心中的核心,是制图的基础。我知道这个案例一定不是最好的解答,只是起到一个抛砖引玉的作用,希望大家能在图中倾注更多自己的思考。


【专筑网版权与免责声明】:本网站注明“来源:专筑网”的所有内容版权属专筑网所有,如需转载,请注明出处

专于设计,筑就未来

无论您身在何方;无论您作品规模大小;无论您是否已在设计等相关领域小有名气;无论您是否已成功求学、步入职业设计师队伍;只要你有想法、有创意、有能力,专筑网都愿为您提供一个展示自己的舞台

投稿邮箱:submit@iarch.cn         如何向专筑投稿?

扫描二维码即可订阅『专筑

微信号:iarch-cn

登录专筑网  |  社交账号登录:

 匿名

没有了...
评论加载中,请稍后!

设计头条 (4313 articles)


建筑师的留学圈儿 (3 articles)


软件 (115 articles)


排版 (23 articles)


PHOTOSHOP (163 articles)


概念图 (7 articles)


制图 (4 articles)


mapping (2 articles)