請問這樣像素效果的分析圖是怎麼畫出來的?

想了半天沒明白,最後自己一個一個拼了一張,快死了~求大神告知,謝謝


重要說明:

很多的朋友在使用過程中發現:世界地圖中,給中國地區填色,台灣沒有被包括在內(黑人臉.???)我表示這絕對是不允許的!但是,大家不要方,我們手動回歸台灣,一定要回歸啊!回歸啊!回歸啊!請別忽略我的嘶吼

而當我們只選擇中國地圖的時候,台灣則是在中國領土以內的!( ? ?ω?? )?

—————————————————————


看了各位的答案,大家應該還不知道有個像素地圖生成網站吧~

直達連接:https://pixelmap.amcharts.com/#

看上圖左邊的四個圖形,意味著我們的地圖除了生成圓形和正方形的像素地圖,它還可以生成蜂窩地圖~

設置也很方便,選擇你想要的世界地圖或者國家地圖,選擇的形狀、調節大小以及間距,點擊右邊最大的藍底按鈕,過個幾秒就可以生成像素地圖。
它還可以給一個國家上色或者一個像素點上色~
裡面還有一些簡單常用的ICON可以選擇~

除了對於一個國家可以選擇同時上色,那對於一個地區呢?
答案也是可以噠~

再來展示一下其他幾種形式(看不清可以戳圖放大看哈)

除了像素生成,最愛的一點是它可以提供SVG格式!SVG格式!SVG格式!
給各位做設計或者寫地圖編程的朋友們,是不是提供一級棒的服務~

Btw,收藏了這個像素地圖網站,等於你收藏了全世界各個角度的國家地圖。


小更新一下,先感謝大家的支持。
其次想說明的是,以前模仿這張圖只是覺得圖面的形式很有趣,所以就用AI的功能簡單實現了一下形而上的模仿。
作為景觀專業的學生,對於軟體的了解比較有限。都說條條大路通羅馬,在此只是提供我自己的一種製作思路。至於大家之後想做這種風格的圖,可以根據具體的需要來~如果只是想和我一樣嘗試一種概念分析的表現風格,可以試一試我的辦法XD
以下為之前寫的具體步驟:
哈哈不請自來,正好之前作圖也參考過這張圖,分享下自己摸索的過程。
對於景觀、建築專業的人來說用Adobe Illustrator做是個比較方便的辦法,因為AI里有個功能就叫「創建對象馬賽克」~~~
首先具體數據圖片樓主自行準備,圖方便我這裡就先借用王小賤兄的圖來說了。

以AI CS6為例:
STEP1 將圖片置入AI的畫版

STEP2 選中圖片對象,在對象菜單選擇「柵格化」,選項CMYK什麼的默認就好

STEP3 柵格化對象後依然在對象面板里選擇「創建對象馬賽克」,就是圖二里「柵格化」下面的那個
打開後的面板中主要用到的選項有:

新建大小:生成的馬賽克圖案的尺寸,這個不用解釋吧= =
拼貼間距:就是每個小馬賽克之間的距離
拼貼數量:這個其實就是對對象水平和縱向細分的份數,份數越多網格越密
使用比率:這個感覺比較重要,如果想生成的馬賽克是正方形的話,在生成前要單擊一下這個按鈕,之後AI會對拼貼數量的高度和寬度數值進行調整,保證生成的是正方形馬賽克

設置完後單擊確定就好,這裡就按圖中面板設置的數據進行生成馬賽克,結果見下圖:

下圖是「拼貼數量」設置為高40寬23,沒有單擊「使用比率」的結果:

下圖是「拼貼數量」為高30,寬23,」拼貼間距「寬高均為1的效果:

注意剛生成的馬賽克是覆蓋在原圖上的一個新對象(可以拖動)

STEP4要做成題主中的樣子需要先將對象取消編組:選中後→「對象」菜單→取消編組

STEP5之後就可以對生成的馬賽克進行編輯,刪掉不用的小方塊,旋轉個角度啥的。總之,就是根據自己的需要進行網格大小的調整,對象的旋轉就好~~像題主題中的各個馬賽克圖,只要做好相應的分析圖分別在AI里生成對象馬賽克就好~


其實用photoshop就可以處理這種效果,錄製了一個動作可以載入使用。


先看應用的效果:

想看方法的可以看看動作操作步驟,也可以直接下載一鍵生成。
動作下載地址:鏈接:http://pan.baidu.com/s/1hrSU5uc 密碼:y66m

使用方法:
1、打開ps,在填充工具菜單欄中選擇圖案,載入【像素點.pat】這個文件;在動作菜單欄里載入【一鍵像素化.atn】這個文件;

2、點擊動作運行鍵;(注意,不用新建文件,動作裡邊已經有這一步了)

3、中間會暫停彈出窗口,要求你在圖層1中載入需要像素化圖形,將圖形(注意是要像素化的那一部分,不是一整張圖,不要帶背景。)放到圖層1即可;

4、再次點擊動作運行鍵,就自動完成像素化過程。


這是用processing或者其他的東西生成出來的,不是畫出來的


Mathematica可以連接資料庫,可以很輕鬆畫帶標註的分析圖,而且比較漂亮。
隨便舉個例子,中國人口分布(其實可以畫更漂亮,懶
pro=CountryData["China","Regions"];
divisions=(Entity["AdministrativeDivision",{#,"China"}]/@pro);
dat=EntityValue[Reverse@divisions,{"Name","Population","Polygon"}];
rng=Through[{Min,Max}@QuantityMagnitude[dat[[All,2]]]];
Labeled[ImageAssemble[ImagePartition[ImageResize[ImageTake[GeoGraphics[{GeoStyling[None],EdgeForm[],Tooltip[{ColorData["LightTemperatureMap"]@Rescale[QuantityMagnitude[#2],rng],#3},Column[{Style[#1,Bold],#2}]]@@@dat},GeoBackground-&>Black],{20,275}, {40,360}],500],{Scaled[1/80]}]/.i_Image:&>ImagePad[i,1,Black]],BarLegend[{"LightTemperatureMap",rng},10,LegendMarkerSize-&>500,LegendLabel-&>"人口密度",LabelStyle-&>{White,Bold,FontSize-&>15},Background-&>Black],Right]

直接抄的如何做高大上的城市肌理分析圖? - Cc jiaowo 的回答


d3.js,把地理位置分柵格上數據就行,前段時間做的圖,意思差不多,上面說的processing和arcgis也可以做,但是前者數據綁定不方便,後者可定製性不夠好,做出來可能比較醜陋,嗯。


grasshopper -_-


樓上專業啊~~GIS輸入數據才生成會屎應該
應該還是一個一個填充的,掌握下方塊大小來掌握工作量吧,畫下來還是只是一個形式的東西


哈哈哈,我來瞎掰一個,先用PS畫個草圖,然後縮小到出現像素的程度,然後大功告成。


arcgis妥妥的,畫矢量網格或者做成大柵格


如果不是很嚴謹的話,其實可以用PS做出來,但是肯定沒這樣好


這應該是軟體生成吧?
看數據是什麼人口密度交通狀況什麼的數據分析


看圖,這個是基於地理位置的:人口密度,建築質量,建築年份什麼的。
這種圖不是應該手工根據實際情況填充嗎?(沒有相關接觸)
實現方法猜想:
一、基於實際數據,由地區大小和色塊比例而定,手工塗色。
二、做調研的時候就用白卡做,每到一個相應的區域做出調研後,直接塗色。
BTW~題主,如果我的思路是正確的,這圖應該需要一幫人協同出來的,你一個人搞,當然吐血。
BTW2~Quality, Age, Altitude,分明對應的相當規整,三個因素是有相關,但是懷疑有偷懶嫌疑。尤其中間的矩形 Age 和 Altitude 有數據,但是 Quality 卻是空白。


這種圖應該是用某種3s軟體製作的 之前上這門課時就做過這樣的圖 具體什麼軟體忘了


推薦閱讀:

Adobe Photoshop CC 2015 有哪些好用的新功能?
你修過最困難的圖片是哪些?
請問這種網點的效果是怎樣實現的?

TAG:AdobePhotoshop | 設計 | 規劃設計 | AdobeIllustrator |