PS基本操做与图片格式
photoshop工具web
组成 app
菜单项工具
工具栏优化
辅助面板spa
图片格式插件
jpg图片
png资源
gifclass
注: psd下载
photoshop CC连接: https://pan.baidu.com/s/1LVa5R_btSjczLBwskCZidQ 提取码:sc3v
快捷键:
ctrl + r 显示隐藏标尺
在标尺上能够拖拽参考线
移动工具拖拽回去,也能够在视图菜单--》清除全部参考线
图层中的小眼睛能够对当前图层进行显示隐藏
alt + 滚轮 :能够对图片进行放大缩小
photoshop切图
png等图片切图流程
矩形选框选取区域
ctrl + c
ctrl + n
ctrl + v
选中一个区域(区域一),alt+区域(区域二),区域三(区域一与区域二重叠的部分),所得区域=区域一减去区域三
选中一个区域(区域一),shift+区域(区域二),所得区域=区域一并区域二的并集
查看宽度和高度在 信息面板 上就得知了 ----》 信息面板选项 ----》 改单位为px ----》拉取辅助线
选择好区域后,复制,建立,粘贴
文件--》导出-->存储为web所用格式(旧版)... ----可设置类型-->存储---》将优化结果存储为-->文件名
利用切片工具也能够切图
1. 选择切片工具--》划一个框--》经过鼠标进行微调(右键“编辑切片选项”)
2. 在做多个切片
3. 存储为web全部格式(会自动生成 images文件夹)
psd源文件切图
1. 将psd源文件导入到photoshop中
2. 点击菜单 "编辑" --> "首选项" --> "加强工具" --> 启用生成器 打勾
3. "文件" --> "生成" --> "图像资源"(生成一个与psd文件名相同的-assets文件夹)
4. 移动工具(自动选择),点击所须要的切图的图片,在相应的图层中改文件名(百分比 文件名)
5. 图片就能够自动保存到与pad文件名相同的-assets文件夹下
企业切图流程
利用工具快速获取样式
蓝湖: https://lanhuapp.com
1. 进入蓝湖页面,注册,建立一个团队,新建一个项目
2. 安装photoshop的插件蓝湖
3. 在photoshop中打开蓝湖,上传项目
4. 在蓝湖页面上刷新页面,就能够看到上传的项目了,双击。
5. 在photoshop蓝湖窗口中,切图-->点击-->标记为切图-->上传
6. 在蓝湖页面中刷新,找到版本2,下载切图