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