切图

158 阅读1分钟

Photoshop cc界面组成:菜单(上)、工具(左)、辅助面板(右)

辅助面板调出:菜单--窗口--选择要调出的面板

标尺:可以拖拽参考线,在视图--标尺调出(ctrl + r),视图--清除参考线可以删除所有参考线

图片格式:jpg色彩丰富; png半透明; gift动图; psd

放大、缩小:alt + 滚轮

移动工具:勾选自动选择--图层,点击

矩形选框工具:选择图片后,通过shift+鼠标扩展区域,alt+鼠标减少区域

图片切图

  1. 通过矩形选框区域,选择制定的区域(微调 alt减少区域,shift增加区域,上下左右键进行微调,利用参考线记录量取的位置,以便以后测量其他的值)
  2. ctrl + c 复制图层
  3. ctrl + n 新建图层
  4. ctrl + v 粘贴图层
  5. 存储为web格式

切片工具切图:切片工具选择好图片后--文件--导出--存储为Web所用格式--生成包含切片的文件夹

image.png

psd源文件切图

  1. ps启动生成器: 编辑--首选项--增效工具--启动生成器打勾
  2. ps图像资源:文件--生成--图像资源打勾--生成一个assets文件夹
  3. 鼠标选择ps的“移动工具”-->(勾选自动选择图层)点击需要的图片,右边图层会显示到这个图的位置-->双击 改名,加后缀.png -->回车 , 图片就保存到刚才新建的文件夹了 注:改名的时候,名字前面加上百分比,空格,保存的图片尺寸就被调整了

image.png

蓝湖:蓝湖官网下载蓝湖Photoshop插件--打开Photoshop--窗口-扩展功能--蓝湖--上传全部画板--打开网页蓝湖