【教學】介面對位的小技巧
按紐跟介面對位對程式來說是異常麻煩的事情…在此分享自己的技巧，適用於要自己輸入圖案座標的任何平台－－
方法一、
適用於可以直接平貼的介面框
先在影像處理軟體(這裡用的是PHOTOSHOP)排出介面的位置後，除了物件與去背用背景外，關掉其他圖層在存檔輸出。
如圖示：
預先排好的全畫面
輸出的部份介面
-----
方法二、
適用於必須獨立出來的按鈕圖示
以PHOTOSHOP為例，請先調整一下作業環境，再參考下列操作流程：
＊打開[檢視(V)]中的[靠齊]、[尺規]兩個選項
＊打開[編輯(E)]→[偏好設定]→[單位與尺標]，將尺標改為[像素]制
1.
將按鈕放到適當位置後，從尺標部分拖曳，
可抓出參考線並自動靠齊到按鈕旁邊，找出按紐在畫面中的X Y軸，
放大可以看清楚尺標；若求謹慎，拖曳參考線時按著Shift鍵，線會依據尺規刻度移動
2.
將找到的座標貼入程式中，通常會有一點誤差，請把執行的結果利用截圖鍵抓下來
3.
再回到PS介面，將程式截圖貼上預先對好位的檔案內，
將那個圖層特效改成[色彩增值]，讓背景完全重疊不偏移，這時就可以看出執行結果與預訂偏差多少
4.
(將程式截圖的圖層改回[正常]後，)依據按紐邊緣找出偏移的座標點；
這裡檢查出的偏差座標為(538, 467)，減去預定的(446, 456)得出偏差X:92, Y:11
5.
再用偏差值減去預定座標值，變成X=354, Y=445，回到程式中修改，按鈕就會在預定位置了，大功告成！
Posted by shicla643 at
樂多Roodo! │15:13
│
回應(3)
│
啥都不是的文章
第一種方法是方便，但圖檔的file size會變大。
第二種方法我沒有用過，我是用另一種方法。
首先放大至４倍或８倍是一定的了，因為我要求準確至像素單位，但原圖大小會因為邊界模糊、手震（我指離手那一刻）等各種原因而有一兩像素的誤差。（註）
我的方法是使用 PhotoLine32 打開圖檔，打開前會先在 PHOTOSHOP 處理掉效果，因為 PhotoLine32 不支援圖層效果。
使用 PhotoLine32 是因為它會自動計算每個圖層的最小尺寸，那些不透明度（opacity）等於 0 的地方會不使用。
在右手邊的 "Layers/Channels" panel 中想要的圖層上按右鍵，再按 "Layer Properties" 就會看到 Position ，左邊數字是 x 座標，右邊數字是 y 座標。
在右邊的 "Layers/Channels" panel 中選取想要的圖層，再按左邊 panel 中的箭頭，然後按住中間的圖檔視窗的那個圖層不放，把它移出圖檔視窗後放手，那個圖層就會自動變成一個獨立的圖檔了。
自動計算每個圖層的最小尺寸的好處是，不會漏掉任何不透明度為 0 以上的地方。
Photoshop 不顯示不透明度（opacity)資訊，所以人手處理肯定會出錯。
註：
以前由小如切圖時，圖片大小常有一兩像素的差異，不知道是否因為她沒有放大圖片之故。
由繪師切圖還有一個問題，就是他們不理解把圖存成 .png 格式後，混合模式（blend mode）會完全變成正常（normal）的問題。
吉里吉里中的 Layer 是支持絕大部份 Photoshop 的混合模式的，不過是一個 Layer 載入一個圖檔，所以必須要額外處理。
原來要放大圖啊...
那還是由龍珠來切圖比較明智
TO 龍珠
我切按紐的時候也會特地放大到300%以上，主要是看清楚邊緣在哪@@
不過你提供的看起來非常精確…受教了m(_ _)m
另外我也不知道krkr原來支援ps的圖層效果…但那個又要怎麼弄呢？意思是支援psd格式？
TO 小如
我裁圖時也是會放大啦，但論精準度應該沒有龍珠的精準…
