有些同學對處理大圖還是不太明白,這裏再仔細寫一個例子,希望能有所幫助。
基本情況:
1、使用高德地圖;
2、朋友使用12級地圖截屏做底圖,製作的源圖爲17級,分辨率爲40960*40960;
由於我的電腦配置很低,ps根本不能處理大圖。我用ps把圖片尺寸調到10240*10240,這樣就生成了15級的源圖。下面詳細介紹怎樣對Photoshop分割後的圖片,再用切圖工具進行切圖。
其實基本的操作就是前面介紹的順序法操作,不同點和難點是確定分割後每個圖片分別對應的左上角座標。
實際操作中,基本上分2種情況:
第一種情況,沿着當前級別底圖上顯示的部分線用Photoshop進行分割。
第二種情況,沿着在當前級別底圖上沒有顯示,但是在更高級別底圖上存在的線,用Photoshop進行分割。
1、先說第一種情況,沿着當前級別底圖上已有的部分線用Photoshop進行分割。
1.1 截屏製作底圖:
在12級截屏生成底圖。可以看到這圖大小寬高都是256*5=1280。
1.2 製作源圖:
因爲我的電腦配置很低,最高只能製作15級源圖,可以算出,15級源圖寬高都是:1280*2^(15-12)=10240。
1.3 在Photoshop中分割圖片:
用切片工具,垂直平均劃分爲5個切片。重要:切片寬度,要256*2^n倍。這個例子中,源圖寬度爲10240,平均分爲5個切片,每個切片寬度爲2048,256*2^3=2048。如果源圖寬度不合適,平均分割就不對了。在以前說過,順序法源圖寬度不一定是256的2^n倍,所以一定不能機械照搬。
用其他劃分方法應該也可以,比如垂直方向分爲5個,甚至劃分爲水平3個、垂直3個。但是我感覺用上面這種劃分方法,後面比較容易操作,相對來說不易出錯。
把上面的5個切片保存爲png圖片:
1.4 選座標、切圖:
寫到這裏,才發現這次選的是最簡單的一種類型。
因爲上面的五個圖片,左上角座標分別對應12級切圖已經顯示出來的5個十字。
實際操作中,經常會遇到,我們需要的座標(就是箭頭所指的十字),並不在底圖中顯示。後面再說。
這五個圖,分別選擇上面這5個對應座標點(點擊方法,前面順序法切圖中說了,不能自作主張亂點擊,尤其不能對準十字點擊),分別順序切圖,就能在12級以上的地圖中正確顯示。如果沒有選擇這幾個座標,就會出現跳圖。
用這方法,12級到15級,都能準確無誤匹配到地圖。如果不在乎圖片質量,那麼16級及以上也可以直接生成,也是可以準確匹配到地圖的。
12級:
13級:
14級:
15級:
16級:
17級:
源圖是15級,到17級的時候,放大了4倍,圖片質量已經不好了。
2. 第二種情況,沿着在當前級別底圖上沒有顯示,但是在更高級別底圖上存在的線,用Photoshop進行分割。
待續。。。