photoshop 切图操作

常规切图方法:

1.使用裁减-切片

使用裁减-切片选择工具微调

2.切好之后导出

文件->存储为web所用格式 ctrl+shift+ctrl+s

选择png-24

QQ截图20151105213921

技巧:

1.拖过标尺边缘可以新增参考线

2.把需要切片的上下左右都新增参考线

3.选择”基于参考线的切片”

4.对不需要切片删除,需要合并的合并。

5,最快的方法,把页面裁减成不同的模块,然后增加参考线,最后再使用基于参考线切片

photoshop 智能切图:

第一种方法

使用脚本:文件->脚本->将图层导出到文件

QQ截图20151105214414

 

QQ截图20151105214428

 

第二种方法智能从图层中切图:

优点:可以把切片中的阴影完整的切出
QQ截图20151105220423

选中启用生成器:
QQ截图20151105220444

选中生成->图像资源
QQ截图20151105220508

这时在图片目录下会自动生成一个结尾为-assets的目录。

对需要切图的图层改名为.png这时会在-assets的目录自动产生切片。

QQ截图20151105221251

 

也可出输出的切片优化:

图层名字前面加200%,后面加空格@2  括大一倍输出

QQ截图20151105221631

 

jpg后面加数字,表示jpg的输出质量

QQ截图20151105221953

 

.svg生成失量图,可以改代码后。自适应。

QQ截图20151105222425

 

第三种,photoshop 2014新功能:输出资源

QQ截图20151105222755

 

QQ截图20151105222907

 

第四种对于些复杂的图片需要做CSS,可以直接使用复制CSS

QQ截图20151105223128

 

photoshop 操作技巧

1.图层

合并可见图层,并新增为新图层:盖印可见图层

快捷键是Ctrl+Alt+Shift+E

快速只让当前可见

alt+鼠标左键单击图层前的眼睛

2选区四大工具:

M快捷键,默认为矩型选区

M+shift,可以和椭圆工具切换

新,加,减,乘

QQ截图20151105153027

shift:默认为加 所有选区工具通用

alt:默认为减 所有选区工具通用

ctrl+d 删除选区

在选区时:

按shift再按下鼠标左键,以鼠标为左上角选正方型和正圆

按alt再按下鼠标左键,以鼠标为中心选正方型和圆形。

使用时。先放鼠标,再放shift或alt

多边型套索工具,在最后一个锚点双击会自动闭合选区。

裁剪工具,

技巧:

1.选中psd图层,

2.按下ctrl+鼠标左键点击图层缩略图

3.按下裁减,回车

3.画笔工具

使用高斯模糊+历史画笔可以修复头像麻点

 

 

phpotoshop切图界面设置

1.新建ctrl+n

QQ截图20151105144040

2.移动工具,使用时不用选中自动选择,只需设置后面的图层,在需要选中的元素上按下ctrl+鼠标左键,就会自动选中所需元素。

QQ截图20151105144754

 

3.视图设置

勾选:视图->显示->智能参考线 和 视图->标尺

QQ截图20151105145119

 

窗口只留下信息,字符,图层,历史记录

QQ截图20151105145444

其中信息需要修改面板选项:

QQ截图20151105145539

QQ截图20151105145640

4.编辑设置:首选项->常规:

QQ截图20151105145918

 

5.窗口-新建工作区,把刚才设置的环境保存起来

QQ截图20151105150258