前端如何切图(超详细,超小白)

        身为一名前端开发者,$\color{red}{切图} $虽然可以被UI或者蓝湖等工具解决,但是这也是属于前端er的必修课。因此,我也是把切图分享作为我第一篇博客的分享内容。

        下面是直接操作的步骤,如何打开psd图等操作应该也不用我废话了。

        1.第一步就是找到你需要的图或者icon的图层,并选中它(如果有叠加需要多选就按住ctrl进行多选)。

2.选择上方工具栏,选择 图层—>复制图层,

    然后会弹出一个编辑框,重点:文档一定要选择 新建,名称可以填写自己需要的,然后点击确定,就会有新的图了。

3.因为画片大小可能不太符合自己的预期,可以选择上方工具栏 图像—>裁切,会自动切成合适的大小。

4.到这一步基本上就已经成功了,最后就是保存了。依然是上方工具栏,左上角,文件--->导出--->存储为web所用格式--->选择四联--->选择PNG-24格式(根据自己需要,我一般使用这个),最后点击 存储 就可以了。

          好啦,这样需要的图片就切下来了,比较简单吧!

        如果需要 PhotoShop破解版软件  可以关注微信公众号 “越分享悦有CAI” 分享给你哦!如果哪里我说的不明白再或者是有问题的地方,欢迎指正。当然还可以关注微信公众号 “越分享悦有CAI”和我探讨哦。

你可能感兴趣的:(前端如何切图(超详细,超小白))