前端在开发过程中，不可避免的会遇到一些简单的处理图片的问题，我们都知道PS的强大，没有他搞不定的问题，但对于前端来说，如果只是简单的对图片进行一些处理，除庞大的PS外还有什么工具呢？
今天来说一下Macromedia Fireworks，如果简单的一些问题这个工具足够了，而且非常的“轻”，这点我很喜欢，可以快速的来进行操作。
首先我们选取了一个网站，将其截取成为一张图片。
分享一个小方法：F12 打开控制台后，ctrl + shift + p 弹出搜索框：输入screen后，选择 Capture full size screenshot 选项，会自动将网页以图片形式下载。
微信图片_20200427160727.png
下载后（图片有很多空白处，是因为并没有将其全部进行加载）：
www.taobao.com__spm=a2e15.8261149.1581860521.1.68ab29b4nMniGC(iPhone 6_7_8).png
截图
言归正传使用工具来将图片中喜欢的图片或logo进行简单的截图操作。
微信图片_20200427161503.png
使用切片工具，直接选中所需要的区域后，右键导出所选切片，导出时可以对图片进行操作设置。
这样简单的一个图片就可以拿到了。
www.taobao.com__spm=a2e15.8261149.1581860521.1.68ab29b4nMniGC(iPhone 6_7_8)_r2_c2.png
改变形状
我们平时所看到的APP或一些图标都是带有弧形，或圆形的。于是我们来将这个截取后的图片进行改变外形。
先使用圆角矩形工具将所需要的区域选中，
微信图片_20200427162231.png
鼠标右键选将路径转换为选取框...
微信图片_20200427162329.png
在选择选项中，选反选，然后使用delete将反选的部分进行删除。
将删除完边角后的图片进行另存为，然后我们打开来查看一下此时的图片形状。
1111.png
如果需要圆形或其它形状，在选择时，调整黄色的标点位置，就可以来改变图片的形状。
其它功能我们在下篇工具介绍中给大家分享！
网友评论