提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時(shí)間與您聯(lián)系!
地圖的設(shè)計(jì)在可視化項(xiàng)目中是最常見的,該怎樣設(shè)計(jì)又該怎樣提升品質(zhì)感也成為做好地圖設(shè)計(jì)的關(guān)鍵。
文章結(jié)尾有工具下載(4款地圖工具),及源文件下載。方便大家研究學(xué)習(xí)
可視化地圖該怎樣做?怎么做會好看會有品質(zhì)感。這里針對大家的疑問干脆寫個(gè)教程分享下。在可視化中地圖是比較常見的,很多項(xiàng)目都會用到地圖,地圖視覺好不好對整體的視覺效果也起了不小的作用。下面針對地圖,以實(shí)際項(xiàng)目案例做分析。
地圖其實(shí)有很多方法制作,一是基于第三方地圖如百度、高德、谷歌等等,二是基于一定標(biāo)準(zhǔn)自行設(shè)計(jì)。
本次主要介紹地圖自主制作的方法??赏ㄟ^三維軟件制作如3dmax、C4D、Maya等等,本次選擇一個(gè)比較簡單的方法,用PS插件實(shí)現(xiàn)。
先看些例子,以下圖為例制作。
本次用到的一款PS插件是:3d_map_generator_terrain。非常好用(文章結(jié)尾自行下載)
方便大家使用,下圖做了中文對比,建議使用英文版
第一步:航拍圖采集
打開谷歌地圖(不建議用百度、高德,谷歌地圖的顏色比較有利于后面調(diào)色)僅個(gè)人建議。
首先在地圖中搜索需要做設(shè)計(jì)的地理區(qū)塊位置,并打開航拍模式。
找到位置后,點(diǎn)擊左上角的地圖選擇,選擇Labels on模式,關(guān)閉地圖上的道路及名稱。僅顯示航拍地圖,并截圖保存,后面作為貼圖所用。
地圖說明:
推薦選擇谷歌地圖,方便后面的色調(diào)調(diào)整,下面是谷歌、百度、高德三家地圖顏色對比情況,百度和高德基本沒區(qū)別,從色調(diào)和精細(xì)程度上對比,選擇谷歌地圖更適合些。
第二步:黑白地圖采集
打開黑白地圖網(wǎng)站:https://tangrams.github.io/heightmapper/找到相同的位置。區(qū)塊位置選擇好后,點(diǎn)擊export把截圖下載到本地。為方便定位查找,可把map lines和map labels打開。
第三步:航拍圖及黑白圖的處理
把黑白圖和航拍圖同時(shí)導(dǎo)入PS中,把航拍圖和黑白圖對齊。可以把航拍圖透明圖調(diào)低些,方便和黑白圖對齊。對齊后透明度復(fù)位。
黑白圖有點(diǎn)對比度不夠,通過調(diào)整亮度對比度,增加黑白圖的對比度。(黑白圖是控制地圖的高低,這里通過調(diào)整對比度優(yōu)化地圖的高低起伏,有助于視覺效果提升)
第四步,異形地圖制作
用鋼筆工具勾出需要的位置,并把圖層名稱改成shape(切忌重點(diǎn)),不然無法把勾選區(qū)域生成。剛踩過的坑,版本更新后,需要更改圖層名稱,之初嘗試了各種方法一直無法生成就是由于這里出現(xiàn)問題。
第五步:選擇地圖插件生成地圖
打開3D Map Generator-Terrain 插件。
點(diǎn)擊Create New Terrain。
Set Terrain Elecation是控制地形高差的,5是最高,這里我們選擇最大,高差大一些效果也會明顯些。建議調(diào)大一點(diǎn)。選擇完高程后,點(diǎn)擊Create 3D Terrain下的Right。下面的Left、Frontal、Right分別是不同的透視方向。等待完成即可。生成時(shí)關(guān)閉航拍圖圖層
生成后效果
第六步:航拍圖作為紋理應(yīng)用及調(diào)整
這部主要是替換地圖紋理,點(diǎn)擊Texturing
選擇開始文件中的航拍圖,把圖層復(fù)制到新打開的文件中。并把新復(fù)制的圖層紋理對齊。
使效果更加細(xì)膩真實(shí)些,調(diào)整下地圖的曲線和色相/飽和度,使得地圖更有品質(zhì)感,然后直接保存
保存后生成完整地圖
第七步,地圖側(cè)面厚度顏色調(diào)整
改變地圖豎向高度顏色的話可以點(diǎn)擊。Edit Terrain Project,在選擇Texturing,然后在點(diǎn)擊下圖的左上角的吸管選擇顏色
第八步:背景的調(diào)法
可以調(diào)整背景,點(diǎn)擊Grounsd,里面有很多背景選項(xiàng),也可以自己定義顏色。如果這些滿足不了,可以自行新建背景層設(shè)計(jì)調(diào)整。
調(diào)整后效果:
第九步:地圖信息內(nèi)容的增加
同時(shí)可以添加一些2.5素材,用官方自帶的素材做展示,點(diǎn)擊Icons,可以選擇一些符合需求的素材使用,素材庫畢竟有限,可根據(jù)實(shí)際項(xiàng)目自行畫一些素材使用。
添加后的效果,到這里地圖就基本完成了。
第十步:增加圖表信息完成整體效果
可根據(jù)項(xiàng)目需求把數(shù)據(jù)加入進(jìn)來,進(jìn)行設(shè)計(jì)。增加些圖表信息。完成!
插件中功能很強(qiáng)大,比如調(diào)整海、湖、自己手動畫地形等等,還有很多功能。
更多地圖效果生成,其他的功能自行嘗試,自行研究一番。
其他地圖生成效果擴(kuò)展
總結(jié)
1、推薦使用谷歌地圖
2、谷歌地圖和黑白地圖一定要對齊,錯(cuò)位會有違和感
3、航拍圖是好比三維軟件中的貼圖,黑白圖是控制地圖的高低起伏
4、做異性地圖時(shí),用鋼筆勾選一定要是閉環(huán),并且圖層命名為“shape”
5、生成時(shí)選擇高度時(shí)最好選擇大一些,這樣整體視覺會好一些
6、生成時(shí)記得一定要關(guān)閉航拍圖圖層
原文鏈接: https://mp.weixin.qq.com/s/AjIURYq_ctqbOIX8PsoY8A
Powered by Froala Editor
大牛,別默默的看了,快登錄幫我點(diǎn)評一下吧!:)
登錄 立即注冊