是的,做前端必须必须会切图,但是 切图 就是PS里面的一步操作,十分简单。QQ截图和PS切图是动作不一样,但是基本上是一样的,QQ是截取,而PS里面有个工具张的像 刀 ,拿着这个刀在图上面画,所以叫切图。
你选择这个工具,选择切片工具,然后:
在图片上这么画上一块儿或者说切上一刀,就叫切图。
然后在选择 文件→储存为web所用格式→在用切图选择工具
把你需要保存的切图那块儿选中,点击存储,
选择选中的切片,在点击保存,就这么先切,在选择,在保存,就完成了切图,但是PS切图比qq截图用着爽多了,因为在PS里面可以将图片放大N倍,在切,在小的图也能切,而且可以一次切很多,也能一次保存很多,所以比QQ截图用着爽。总体来讲比QQ截图专业吧。
身为一名前端开发者,$\color{red}{ 切图 } $虽然可以被UI或者蓝湖等工具解决,但是这也是属于前端er的必修课。因此,我也是把切图分享作为我第一篇博客的分享内容。
下面是直接操作的步骤,如何打开psd图等操作应该也不用我废话了。
1.第一步就是找到你需要的图或者icon的图层,并选中它(如果有叠加需要多选就按住ctrl进行多选)。
2.选择上方工具栏,选择 图层—>复制图层,
然后会弹出一个编辑框,重点:文档一定要选择 新建 ,名称可以填写自己需要的,然后点击确定,就会有新的图了。
3.因为画片大小可能不太符合自己的预期,可以选择上方工具栏 图像—>裁切,会自动切成合适的大小。
4.到这一步基本上就已经成功了,最后就是保存了。依然是上方工具栏,左上角,文件--->导出--->存储为web所用格式--->选择四联--->选择PNG-24格式(根据自己需要,我一般使用这个),最后点击 存储 就可以了。