Photoshop 切图笔记

参考慕课网视频 : http://www.imooc.com/view/506
然后是实际操作
最后做做笔记

界面设置

新建文件

• 预设web、大小选定后再自定细节，一般是1920，自定高度
• 注意背景透明
• 可以存储常用预设备用

移动工具 快捷键v

• 自动选择
• 组/图层
• 可以取消自动选择，在需要时按住ctrl进行选择

视图

• 智能参考线
• 标尺
• 窗口
• 信息 定义面板 标尺单位 像素 颜色模式 RGB 文档尺寸/大小 （绝对定位get）
• 字符
• 设置完成后可以保存工作区备用

编辑 首选项 标尺 单位 像素

基本操作

• shift + 对应快捷键可以快速切换指定功能模式

• 移动 对齐

• 选区 快捷键m

• 四种选区 一般 增加（shift）减少（alt）

• shift 正方形 正圆形 （注意最后松开shift）

• alt指定圆心

• 多边形 最后一边可以双击自动完成

• 磁性套索根据色差吸附 配合套索处理细节

• 快速选择 花括号调节大小

• 选区是基于图层的

• 选区+裁剪（回车选定）

• alt点击显示单一图层

• 污点修复画笔 自动识别

• 修复画笔 需要自定义源

• 修补工具 整块覆盖

• 修补与仿制图章的不同在于修补会对边缘进行适当羽化

• 图案图章基于已有图案

• 历史记录画笔可以基于某个历史状态进行复原

• 魔术橡皮擦 相当于 魔棒加删除

• 渐变

• 模糊 消除锯齿

• 锐化 噪点

• 涂抹

• 减淡 加深 颜色

• 海绵

• 钢笔描图建立选区 定义文字轨迹

• 文字蒙版 配合渐变等其他工具实现特殊效果

• 形状工具创建各种图形

图层原理

• 结合选取和具体图层实现灵活剪裁
• ctrl d 取消选区
• ctrl 根据图层创建选区

• alt 快速复制

  
  Paste_Image.png

参考线

• ctrl ； 隐藏
• 拖拽快速创建删除
• 选中图层后参考线会智能吸附
• alt v e 根据计算数据创建参考线

切图

• 传统？
• 纯手工切图过于繁琐且存在误差，即使借助参考线也存在各种问题
• 脚本？
• psd设计分组 图层分类科学的时候非常好用 连阴影都可以精准切图

扩展？

• 自动切图 首选项 增效 启用生成器 / 文件 生成 图像资源 / 分组重命名（添加后缀格式） 支持图片优化（需要更多了解）
• 支持SVG矢量导出 = =注意非标准矢量图像可能会出现问题 去掉高宽作用？
• webP？
• 抽出资源？
• 复制CSS！？ 复制有限制 ！？ 但是？！！
• psd图层分类管理