接触前端以来,学到了3种切图方法,在此总结纪录一下。
讲切图方法之前,先介绍几种ps常见设置。
1、如果想实现点击psd上的某个部分,右侧立马定位到相应图层,需要这样设置:即选中自动选择-图层。
2、如果想查看某个字体的大小和字体类型,需要:
首先选中需要查看的字体,定位到具体图层。然后选中左侧工具栏的T。结果,在上方边栏就会出现字体的具体设置。
3.调取历史面板的方法:窗口-历史记录
第一种:切片工具
这种方法的优点是可以一次性的切取多个图片。但是缺点是会切出好多多余的图片,并且,图片的边缘会有很多空隙。过程如下:
1.将需要切取的图层显示,隐去其他不需要的图层。
2.选中切片工具,沿着图片轮廓切取需要的部分。
3.文件-存储为web所用格式,如果需要透明背景,选择存储为png,非透明背景保存为jpg格式
第二种:裁切
1、按住command,然后在右侧图层区单击图层,之后,就会看到图层周围出现虚线。如图所示
2、图像-裁剪
3、文件-保存为web所用格式
这种方法的切图的缺点是ps裁剪的过程很慢,效率低下。
第三种:位图的复制和粘贴
1、选中想要切取的图层
2、新建一个图层
3、选中想要切取的图层,和新建的图层,按下command+e,之后,这两个图层就会合并成一个图层。
4、用圈框工具圈住要切出的图片,然后,在选中的图片上,按下command+c复制。之后,文件-新建,然后,command+v。
本文介绍了三种常用的前端切图方法:使用切片工具、裁切工具以及位图复制粘贴。每种方法都有详细的步骤说明及优缺点分析,帮助前端开发者更高效地完成切图工作。
1169

被折叠的 条评论
为什么被折叠?



