標籤:

請問下這種流線分析圖該怎麼畫呢?

請問這種流線分析圖怎麼繪製呀?


重要聲明:這篇回答純粹為繪圖方法的介紹,其中的「人流數據」為YY而來的偽數據,沒有真實性及可參考性,不可以作為科研方法!請相關課題的研究者使用合理的、正確的、實際的方法採集並分析數據,以免出現數據造假或研究成果不可靠的局面!
歡迎各位大神能夠為大家展示數據收集及處理的正確方法^3^,筆者才疏學淺,先為大家擼上繪圖方法:
先上最終效果

人流數據上面說過了,是YY而來,通過gh進行組織和處理。
我選擇了地理信息完備的Manhattan地區作為案例,使用rhino+grasshopper+ai+ps完成繪圖,步驟簡介如下:
1.取得地理信息
首先要獲得某一地區的城市路網,我首先登陸了OpenStreetMap,搜尋我想要的地區路網,然而網速感人,高牆感人,基本下載不下來,我只能來到另外一個網站下載了New York地區的osm完整文件。
下載下來的osm.bz2文件由於是整個New York地區的,解壓開後容量高達3GB,我們只需要Manhattan地區的,因此需要使用一個操作界面極不友善的小插件osmconvert來將osm根據需求範圍的經緯度切割至合理大小。

2.地理信息導入Rhino+Grasshopper
由於不會使用GIS類地理信息軟體,所以我選擇使用Grasshopper中的Elk插件來讀取osm文件中的地理信息,讀取進來的數據是點雲,我選擇出主要的路網點雲,並將它們連接成線。

3.模擬數據
我在城市區域內隨機生成一些點代表人流起點,又在另外一些地方生成隨機點代表人流終點,讓他們一一對應,由於人們傾向於選擇近便的路抵達目的地,所以我求得了起點和終點經過整個地圖的最短路徑,是不是有點兒像地圖導航。這一步驟說起來容易做起來非常複雜,我越過了無數個坑才成功。舉一例來說,elk導入進來的路是連續的、不相交的,這種路網是無法求得最短路徑的,我需要先讓他們交點打斷,而用gh自身的邏輯對地圖交點打斷,對於少量線段可行,對於地圖數據如此龐大的信息量,gh的運演算法則和邏輯效率低下甚至容易造成崩潰,我又自己寫了python代碼來將他們互相打斷。其他的不說了,說多了都是淚。。。

4.模擬隨機感
由於人們的行進路線並不都是是沿著大馬路的中線,所以我對模擬出的人流線進行一定量的偏移,讓他們產生人們行走時略有偏差的效果。我在這裡只加入了簡單的偏移,還可以通過連電池模擬出「抄近路」、「走回頭路」、「繞遠路」等更加真實複雜的特殊情況。

5.導出流線並處理
選中模擬出的流線,烘焙到rhino中,選中烘焙出來的流線,將他們導出為.ai文件,在AI中的處理相當簡單,選中所有的流線,調整顏色和粗細,降低透明度,混合模式改為差值或正片疊底均可。最後,將文件導出成背景透明的png。

6.獲得底圖
還需要能夠展示街道和地形的底圖。我在mapbox上自己定製了顯示風格,取得了manhattan地區的底圖,mapbox實際上使用的也是osm數據文件,只不過通過定製顯示風格渲染出你所需要的地圖圖底,這比自己用osm文件畫快多了,由於使用了幾乎一樣的數據來源,我們的流線圖和這張底圖應該是可以完美對位的。底圖製作的具體教程可以參考這一篇答案,感謝作者:
如何做高大上的城市肌理分析圖? - Adobe Photoshop

7.最終處理
在ps中將地圖底圖和背景透明的流線png對好位,這張圖就完成了

希望能給大家提供思路~歡迎大神斧正~

轉載只需註明出處,不需私信,下文小廣告求一併轉發~
此貼word源文件及圖片源文件下載地址:https://yunpan.cn/cRrwwtkIZmuPJ 訪問密碼 6df6

================美麗的分隔線================

可可在專築開設了針對建築專業的數據可視化課程,以上案例會有精細完整的講解,還有眾多高大上的數據分析及可視化案例講解,歡迎感興趣的你來看看哦~
鏈接地址:建築數據可視化小班[第一期]


昨天剛好寫了這個的推送~希望可以幫助到你~
由於太懶,原文複製來了~
高逼格的「流量分析+流線分析」應該怎麼畫?

原文發布在微信公眾號角落工作室

廢話不多說,先放圖~

如圖,這是一張根據美國加利福尼亞州洛杉磯的人員流量數據繪製的流線分析圖。

圖中粗實的線代表人員流量多,細虛的線則表示人員流量少。


那麼,像這樣一張高逼格的代表流量和流線雙重信息的分析圖,應該怎麼畫呢~

節操醬想來想去,除了數位板可以做到這種有壓感的手繪線,實在是想不到其它的了~

可是節操醬沒有數位板~卻想畫出這種圖~怎麼辦~

小白節操醬睡不著~那打開ps來試一下吧~
根據圖片中的線兩頭虛化的特點,

節操突然想到了鋼筆壓力可以做到這個效果。

於是,有了~

利用鋼筆工具的「描邊路徑+模擬壓力」應該就可以做到了吧。


想到這裡,節操醬內心滿滿的激動~


1、創建畫筆工具

首先,節操醬要創建一個畫筆。

因為圖中的線細看之後,如果不扭曲的話應該是幾條並列的線。

於是節操醬用默認圓筆刷,硬度、流量已經透明度都調到100%,畫出如下的形狀:

接下來,框選,創建畫筆。

(至於名字,看你心情咯~)

2、調整畫筆面板

節操醬期待滿滿地在筆刷里找到剛剛創建的這款筆刷,打開畫筆面板,為它添加抖動。

(抖動這裡,小白節操還去問了奇奇,現在想想這麼簡單的問題真是好丟人…( ▼-▼ )…)

把大小抖動設置成鋼筆壓力,角度抖動設置成漸隱,勾選畫筆投影。

看到預覽框那裡形態已經接近手繪線的意思了,節操醬的內心開始躁動起來。

3、根據地圖圖底,繪製線條。

接下來就是截個地圖來發泄我內心的躁動。

(截獲地圖的方法,我不說,相信大家都知道…)

(誰能猜出來這是哪個城市~留言或者後台來猜~)

接下來,新建圖層,找到鋼筆工具,先把這條地鐵線描一下。

(截圖太激動,倉促到地鐵線忘隱藏顯示了…)

記得勾選模擬壓力~

反覆描邊三次之後,出現了如下的樣子:

看上去還不錯,那就用這個辦法繼續來描~

不一會兒,節操醬描了主線出來~

哦可~調整一下畫筆大小,

我們繼續來描相對細虛的線出來~

(●"?"●)畫到這裡,手繪線的感覺已經有了。

這裡節操醬要聲明一下,

由於沒有人流量數據,節操醬只是根據個人感覺畫了主次關係。

感覺已經有了,那就愉快地後期吧~


4、高斯模糊+camera raw大法

先ctrl+alt+shift+e將線的圖層蓋印,然後,

濾鏡-模糊-高斯模糊,這裡節操根據感覺將半徑選擇為4.0~

夢幻般的手繪線已經出來了有木有~

為了圖面效果,我們再用camera raw來duang一下~

嗯…差不多這個樣子,一張分析圖就完成了。

因為只是試驗,所以節操醬沒有很細緻地畫,

但是套路都研究出來了~還怕畫不出來原圖的效果咩~


(由於是原創文章,所以禁止轉載,理解萬歲~)


大地分析圖:人流分析 by Alex Hogrefe-軟體
這是教程。

這是我自己畫的。感覺還是 @節操說她不見了的方法更好一點


我在建築學院上看到過教程http://322812.zhiyueapp.com/weizhan/article/101989791/31124751448/322812


圖好畫,問題在於數據是怎麼來的。


這個圖之前在Pinterest上面看到過,是一個系列,叫21 Maps That Show How People Run In Different Cities,是用定位軟體RunKeeper提取的數據。

作者是Nathan Yau 邱南森(覺得這個翻譯很帶感啊哈哈哈),UCLA的統計學教授,百度就可以搜到他出的書,也可以follow他的twitter

地址奉上,有南森君的說明,不用翻牆
Where People Run in Major Cities

FlowingData
這個是他的個人網站,還沒細看,有些有教程,感覺挺有意思的


去看看Alex Hogerefe的博客就明白了,網上有梅姐的翻譯,我以前分析圖就照著這個教程畫的,效果很不錯。

作者:Alex Hogerefe

翻譯:業梅姐/e拓網會員

交通流線圖有很多種畫法,以前我大概會直接用CAD里的多段線畫,在AI中也很好畫。但是很多人沒想過或者是不會用PS中的鋼筆工具。它和ai中的鋼筆工具差不多但又有些微不同。這個案子中,我會使用鋼筆工具來畫線,並講解筆刷工具。


1:設置筆刷

首先要設置筆刷,因為需要用筆刷描我下一個步驟中畫的線。這一步的設置決定了線寬、顏色、硬度和透明度。我選擇了一個硬筆刷,6像素,不透明度100%,黑色。設置後可以畫一段線看看尺寸是否合適。

2.設置鋼筆工具 開始畫線

在選擇鋼筆工具之前,先新建一個圖層。路徑不會顯示在圖層面板,但是描邊的線會畫在這個圖層。然後選擇鋼筆工具,確定路徑是從頂部的鋼筆工具設置欄中選中的。


工筆工具就緒,開始畫路徑。創建曲線路徑,選中路徑上的點單擊並拖動,通過操縱桿控制曲線的形狀和尺度。

3.描邊路徑

調整好曲線後,單擊右鍵選擇「描邊路徑」,如果無法選擇「描邊路徑」(文字呈現灰色),雙擊上一步中新建的圖層即可。

然後單擊「回車」~一條路徑就搞定啦~~~然後每條路徑都重複上述操作~

4.在不同透明度的圖層畫許多不同的流線

我想用不同類別的曲線表示交通強度的不同,主要通過線的密度和透明度來表示。這張圖中,我建了三個流線圖層,第一個圖層不透明度是100%,第二個是50%,第三個是15%。

5.給線條加光暈

我想讓這些線條更有體積感,所以給線條加了一點光暈。筆刷很容易做到這個效果。我用了一個軟筆刷,90像素,不透明度12%。在線條密集或者相交處,就在新建的圖層上用黑色筆刷畫一筆。


我還複製了上面新建的那個圖層,並且用了高斯模糊濾鏡。下圖我去掉了背景圖,以便看清楚這個操作。

6.上色

為了讓流線圖看起來更加高大上,下面我們來給它上色。為了簡化操作,先把流線圖層合併,最好是先把這些子流線圖層複製一份,關掉圖層可見性,以備不時之需。選擇流線圖層,右鍵選擇「合併圖層」。


圖層合併好後。右鍵合併後的新圖層,選擇「複製圖層」。

選擇該副本圖層,在頂部狀態欄選擇「圖像」、「調整」、「色相飽和度」。在彈出的對話框中,先選中右下角的「著色」,然後調節明度,讓線條變亮,然後調節「飽和度」到最右,加深顏色,最後調整「色相」到你喜歡的色調。(如下圖)

7.設置圖層為疊加

最後將彩色圖層的混合選項設置為疊加,這樣能夠更好地將顏色與底圖相融合,並且讓下面的黑色流線圖層可以顯現出來。

最終的結果是得到一系列的曲線,而不需要藉助其他軟體,比如CAD或者AI。


註:本文轉自e拓網,由會員業梅姐翻譯,作者Alex Hogerefe,版權歸原作者所有。


mark


沒一個人說說怎麼和visum、vissim結合嗎?


推薦閱讀:

建築設計中,如何快速獲得場地的等高線圖?
設計師最理想的工作環境應該是什麼樣的?
知乎建築大牛在哪找資料?

TAG:建築設計 |