切圖工具:又一個處理大圖的例子

工具下載

 

有些同學對處理大圖還是不太明白,這裏再仔細寫一個例子,希望能有所幫助。

基本情況:

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進行分割。

待續。。。

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章