一、安装和基本设置
(二)界面设置:
- 视图:显现>智能参考线、标尺
- 窗口:
设置四大常用选项卡:信息、字符、图层、历史记录
信息设置:信息面板选线>颜色信息:rgb,标尺单位:像素,文档尺寸:true
编辑设置:首选项>单位与标尺>单位>标尺:像素,文字:像素 - 工作区:窗口>工作区>新建工作区 名称:Web切图,键盘快捷键:true,菜单:true
二、简单工具操作
(一)常用快捷键
- ctrl + +键:放大,ctrl键 + -键:缩小
- ctrl + 1: 100%显示,ctrl + 0 : 全显示
- space键:拖动
- 按住h键,按住鼠标左键,图片全展示,移动鼠标选中局部,放开左键放大局部。
- 隐藏、显示参考线:ctrl + ;
- 按住 alt 实现参考线横纵切换。
(二)移动工具
- 快捷键:v
- shift + v ,切换移动工具的拓展工具
- ctrl + 单击,选中图层
- 按住ctrl,选中多个图层
(三)选框工具:
- 快捷键:M,
- 配合shift键和alt键实现更多功能:
- 先选区在按shift键长宽相等(变为正方形和圆),按alt起点为中心(确定中心和圆心)。
- 先按shift再选,等价于设置选项为添加到选区。
- shift + M 切换工具的拓展工具
三、切图
(一)传统切图
- 利用图层标参考线,利用参考线选择切片。如果图形复杂通过裁剪成块,再进行切图,若要背景透明需隐藏背景色
- 按住alt 可以实现反向显示、隐藏图层
- 把要切的图片移动到新的背景透明画布上,可一次切出背景透明的图片
- 选中图层后 ctrl + t 可以调整图片大小,按shift可以等比缩放
- ctrl + alt + shift + s : 存储为Web所用格式
(二)精准切图
文件>导出>将图层导出到文件
(三)自动切图:
- 启用生成器:编辑>首选项(快捷键:ctrl + k)>增效工具>启用生成器: true
- 文件>生成>图像资源: true
- 选中图层后,双击修改图层名字a为a.png,即可自动生成图片。