由于自己大二自己玩过PS,所以,这节课就相对容易点。但是,PS不经常用的后果就是快捷键容易忘......
1、PS首选项的设置
编辑>首选项>单位与标尺,把标尺和文字单位改成像素
2、创建切图需要的工作区,关闭不需要的面板(窗口>工作区>新建工作区>保存工作区),右上角选择工作区
a.信息面板(F8)
b.图层面板(F7)
c.历史记录面板
d.工具栏
e.选项栏
3、切图常用的工具
a.移动工具(选择图层、移动图层)
b.矩形选框工具(选择矩形框,查看信息面板,获取选中区域的宽高)
c.魔棒工具(容差越小,选择的颜色范围越小;消除锯齿,让边缘光滑)
d.裁剪和切片工具
e.取色器
f.缩放工具(放大画布:Ctrl+加号,缩小画布:Ctrl+减号,画布变成100%:Ctrl+1。可以设置滚轮缩放,更方便!)
4、组的概念
类似于文件夹
5、辅助视图
在视图菜单下开启:对齐(在移动图层时,当靠近参考线或者别的图层或者文件边缘会有吸附力)、标尺(Ctrl+r) 、显示>参考线(需勾选显示额外内容)
参考线的快捷键:Ctrl+;
6、CSS Sprite或者图片精灵
推荐文章:http://www.css88.com/archives/756
7、打开设计稿,获取信息
-尺寸信息(所有数字都要测量,矩形选框工具结合信息面板,测量时画布尽量放大!)
a.宽度、高度
巧用添加到选区功能测量较大的布局宽度: 在画布最左边作一个小的矩形选区,按住shift键,在画布最右侧作一个小的矩形选区,信息面板上的w即为布局宽度
b.内边距、外边距
c.边框
d.定位
e.文字大小
当文字是单独的图层,直接利用文字工具;
当文字图层被合并之后,就用矩形选框工具,获取的矩形高度信息就是文字大小。由于文字字体不同,字号会有差异,因此在测量文字大小时,选择较大的文字测量。
f.行高
当文字是单独的图层,直接利用文字工具;
当文字图层被合并之后,就用矩形选框工具,第一行文字的底部到第二行文字的底部的矩形高度就是行高
g.背景图位置
-颜色信息(所有颜色都要取色,取色时画布尽量放大,用拾色器和吸管工具)
a.边框色
b.背景色
利用取色器判断是否为纯色;
巧用魔棒工具确定是否为线性渐变;
c.文字颜色
当文字是单独的图层,直接利用文字工具;
当文字图层被合并之后,放大画布,用吸管工具取色;
如果文字图层被添加了叠加效果,就不用文字工具获取颜色,而是用拾色器。