用PhotoShop 定位坐标的基本操作

我这里截图用的是PhotoShop CS4,有些界面与面板位置可能和CS2 不同,但是功能和快捷键是相同的。

1、添加辅助线

用辅助线的用处,是为了更精确,毕竟是像素级别的工作,仅用肉眼定位的话还是太容易花眼了。


用PhotoShop 定位坐标的基本操作_第1张图片
 用 PS打开制作好的skinex.bmp 图片文件(skin_button.bmp 图片也行,用来定位按钮坐标,和它们的状态无关)用缩放工具(快捷键:Z)放大图片到最大比例(CS4 可放大到3200%,貌似CS2 只能到1600%)打开标尺(上与左的刻度工具栏,快捷键:Ctrl+R),然后用鼠标分别从两边的标尺上身拖拽(先在标尺上按下鼠标左键,然后拖动到图 片上)出辅助线,放到每个按钮的可点击区域四周在拖动辅助线的过程中,如果按住Shift 键,辅助线会自动吸附每个像素框,以1px 的距离移动,这样定位更精确如果要移动图片显示区域的话,可以拖动滚动条,也可以在图片上按住空格直接拖动

2、定位坐标点

要定位四条线,我们只需要知道两个点的坐标就行了——左上和右下 (左下和右上也是一样的)两个点,如下图的A点和B点。


用PhotoShop 定位坐标的基本操作_第2张图片

这里以“全角与半角”按钮为例(图中所有红色线框都是后期注释添加的),来定位它的坐标,并设定skin.ini 里面的参数。上图中红色虚线框就表示包围按钮的四条线 ,这个矩形就是该按钮的可点击范围。

把图片放大到合适的比例,以能清楚分辨每个像素小格,每条辅助线为宜按快捷键F8 ,打开“信息”面板,注意上面的XY值会随鼠标指标的移动而改变取左上角的A点,把鼠标放在辅助线框内的第一个像素格 ,得到对应的坐标为X=29/Y=3,对应到skin.ini 里的参数值为“全半角开left=29/全半角开top=3 ”取右下角的B点,则把鼠标放在辅助线框内的最后一个像素格 ,得到对应的坐标为X=44/Y=21,对应的参数值为“全半角开right=44/全半角开bottom=21

PS: 有些用户取坐标时候,通常是把鼠标放在辅助线上或者像素格的边线上,这样得到的结果貌似精确一点,其实更容易有误差,因为鼠标稍微偏离边线,两边得到的就是不同两个值;而把鼠标放在像素格上取点 ,才能保证不会有误差(前提要把图片放大到足够大的比例)。

 

你可能感兴趣的:(工作)