优艾设计网

切图教程,18招Photoshop切图技巧

首先我们要用到的切图工具有两个,一个是切片工具,另一个是切片选择工具。左边有个小按钮,你按住它这三个选项就会显示出来。 

切图教程,18招Photoshop切图技巧

 

技巧一:等分切图 

① 用切图工具切出整个的切片,如下图,右键,选择“划分切片” 

切图教程,18招Photoshop切图技巧

 

② 出现如下图中窗口,可进行水平划分和垂直划分,此货架选择“垂直划分”,并进行设置,设置完成后,点击确定。 

切图教程,18招Photoshop切图技巧

 

③ 切好图之后就到最重要的步骤了,如下图所示,选择文件下面的“存储为WEB 和设备所用格式”,最好记住快捷键(alt+ctrl+shift+s),如下图 

切图教程,18招Photoshop切图技巧

 

④ 图片格式为JPEG。关键是品质的设定,品质设的越小,它的大小就越小,但是如果品质太差,图片会变模糊,我一般情况将品质设置80,既保证图片较小也不会模糊。这个数值由你自己设置,是大是小,具体看你的需求。如下图 

切图教程,18招Photoshop切图技巧

 

⑤ 格式选项根据自己需要选择,这里选择图像。如下图 

切图教程,18招Photoshop切图技巧

 

⑥ 存好后得到一个图片文件夹和一个网页,如下图。就ok啦 

切图教程,18招Photoshop切图技巧

 

技巧二:基于参考线的切片 

很多人问,我的切片为什么切出分隔符,要不要管它,怎么切才不会出现分隔符,有人说是因为切片没有对齐没切好才产生的。然后我去实验了一下,得出结论:就是你丫的没切好嘛!! 

① 先在你要切的地方拉好参考线 

② 切换到切片工具,好不客气的点击“基于参考线的切片”,如下图 

<图片③ 

切换到“切片选择工具”,选中你要合并的切片,选择“组合切片”8> 

 

切图教程,18招Photoshop切图技巧

 

想怎么合就怎么合,切出来就是没有分隔符~~ 

④ 切完保存为web 格式,上文已说,在这不再赘述。 

切图教程,18招Photoshop切图技巧

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新基础

基础排行榜