接着上面的慕课网学习的内容
一、参考线
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个图片,远多于自己切的图。
好啦,这是我前天学习的部分内容。别看我把快捷键都写出来了,实际上是因为我做了笔记,不然我也不知道怎么搞,不用快捷键都不知道点哪里(笑哭)