我这里截图用的是PhotoShop CS4,有些界面与面板位置可能和CS2 不同,但是功能和快捷键是相同的。
1、添加辅助线
用辅助线的用处,是为了更精确,毕竟是像素级别的工作,仅用肉眼定位的话还是太容易花眼了。
用
PS打开制作好的skinex.bmp 图片文件(skin_button.bmp
图片也行,用来定位按钮坐标,和它们的状态无关)用缩放工具(快捷键:Z)放大图片到最大比例(CS4 可放大到3200%,貌似CS2
只能到1600%)打开标尺(上与左的刻度工具栏,快捷键:Ctrl+R),然后用鼠标分别从两边的标尺上身拖拽(先在标尺上按下鼠标左键,然后拖动到图
片上)出辅助线,放到每个按钮的可点击区域四周在拖动辅助线的过程中,如果按住Shift 键,辅助线会自动吸附每个像素框,以1px
的距离移动,这样定位更精确如果要移动图片显示区域的话,可以拖动滚动条,也可以在图片上按住空格直接拖动
2、定位坐标点
要定位四条线,我们只需要知道两个点的坐标就行了——左上和右下
(左下和右上也是一样的)两个点,如下图的A点和B点。
这里以“全角与半角”按钮为例(图中所有红色线框都是后期注释添加的),来定位它的坐标,并设定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:
有些用户取坐标时候,通常是把鼠标放在辅助线上或者像素格的边线上,这样得到的结果貌似精确一点,其实更容易有误差,因为鼠标稍微偏离边线,两边得到的就是不同两个值;而把鼠标放在像素格上取点
,才能保证不会有误差(前提要把图片放大到足够大的比例)。
- 大小: 67 KB
- 大小: 322.5 KB
分享到:
相关推荐
Vb批改photoshop操作题的基本程序,内含如何使用Visual Basic提取Photoshop 基本属性的代码
掌握图像文件的基本操作 学会使用文件浏览器 掌握图像窗口的基本操作 调整图像和画布大小 了解图层的作用,并掌握新建、复制图层等操作
Photoshop CS2 基本操作;图像文件格式;Photoshop CS2文件操作;Photoshop CS2缩放与移动;Photoshop CS2图形基本编辑操作
photoshop选区的基本操作
photoshop工具的基本操作
简单介绍了用PHOTOSHOP如何制作极坐标效果~图文相间介绍!!!
通过本文档的学习有利于提高数据库的使用技能,本文档里面包括了photoshop上面常用的技能和与常用的技能相关的示例,这些常用的技能可以满足我们日常生活当中对照片的基本处理
【本书目录】第1部分Photoshop基础第1章PhotoshopCS3的操作环境1.1菜单栏1.2工具箱1.3工具选项栏1.4图像窗口1.5浮动调板1.6窗口显示模式1.7图像预览第2章基本概念第3章作品的制作流程第2部分Photoshop基本操作第4章...
首先打开PHOTOSHOP程序,然后打开左上... 这样你所要的图片就进入了PHOTOSHOP程序的操作程序了。不论你需要多少图片进入了PHOTOSHOP程序,都必须按照以上流程操作。最好能把所需要的所有图片都一起打开备用。 未完待续
Photoshop CS的基本操作PPT教案.pptx
PhotoShop脚本的官方教程,因为只有完整版的PS(几G大的那种)才会有所以放出来让大家方便下载。但注意是英文版的。 附带 生成所有图层坐标的案例
这里包含了photoshop最基本的概念和基本的操作方法
photoshop学习操作素材001;photoshop学习操作素材;;;
PHOTO SHOP 的操作技巧浏览PHOTO SHOP 的操作技巧浏览
VB6.0操作PhotoShop评分,题目要求如下 1.“裁切”掉图片上、下方白色区域 2.在原有图层中修改文学社名称,并将字体设置为黑体、24点、扇形样式。 3.将“文学社图标.jpg”添加到新图层“图标”中,去掉白色部分,...
Photoshop基本教材.pdf
第03课Photoshop70的基本操作.ppt
高中信息技术photoshop操作题,让学生通过练习本题掌握ps的基本操作
《Photoshop初探——基本操作》教学设计.doc
photoshop技术photoshop技术