接着上面的慕课网学习的内容
一、参考线
1.参考线有什么作用？
帮助确定图片大小及位置等。
2.参考线的建立
上面菜单栏视图—新建参考线—选择水平参考线或者竖直参考线（快捷键：Alt+V+E，Alt可以让工具栏变到菜单栏，视图后面括号有V，而加E是因为新建参考线栏目括号里是E），可自己设置像素，表示参考线的位置。
3.标尺
按 视图—标尺 画布周围会出现标尺（快捷键：Ctrl+R），从最上面将标尺拖下来，变成水平参考线，或者竖直参考线；将参考线拖回原位置，参考线即删除。
参考线及标尺
4.参考线水平与竖直的切换
拖下参考线，按住Alt键，可以使横参考线变成竖直（水平和竖直的参考线交点即位按住Alt键时鼠标的位置）
5.网格线
点击 视图—显示—网格 出现一个个的小方格（快捷键：Ctrl+‘’）
网格线
5.隐藏参考线
快捷键Ctrl+； 注意是隐藏参考线，而不是删除参考线。隐藏参考线后，再按Ctrl+；原参考线又会出现。
二、PS传统切图
1.切片
裁剪工具（左5）—右击选择切片工具
可以将图分为多个切片，形成一个个单独的图片
这个logo可以切出来，然后会自动形成相应区域的切片。深蓝色是我切的，浅灰色是根据自己切的，自动生成的切片。
慕课网中没有给出原实例的psd图，所以我是在素材天下网上找到的，里面有很多素材，下载也是免费的，可以直接下载psd图，很方便。
素材天下网
2.图片导出
文件—存储为web所用格式—右边预设选择PNG-24—存储 一两分钟后，会生成一个image的文件夹，我们刚才切出来的图都在文件夹里。快捷键：Alt+Shift+Ctrl+S。
3.精准切图
刚才是我们手动的切图，有时候psd的内容比较多的话，一个个的切会非常麻烦。所以，这里有一种电脑自动切图的方法：
文件—脚本—将图层导出到文件（选择PNG-24，下面三个都打勾）
等待一两分钟后，会出现一个新的image文件夹：
自动切出来的文件夹里有37个图片，远多于自己切的图。
好啦，这是我前天学习的部分内容。别看我把快捷键都写出来了，实际上是因为我做了笔记，不然我也不知道怎么搞，不用快捷键都不知道点哪里（笑哭）
网友评论