【介绍】

Layer Exporter能够将AI文件中存在的所有图层另存为新的文件，支持导出为设计中常用的图片格式，与此同时也生成了相对应的HTML和CSS文件，方便进行下一步的设计，或者切出案例的图层文件作为参考。

软件特点

Layer Exporter可导出一切图层为SVG，PNG或JPG。

并转换响应的HTML和CSS。

运用方式

1、我们翻开AI软件，再翻开用AI或PS等其他软件设计好的待切网页设计稿文件。然后按照翻开的设计稿文件的结构、底色和用图，开启切图之前的腹平分析、计划，如面临设计稿我们究竟该怎样切才结果最好，最快，且切得又最精准，哪些元素必需用切图的方式来取得，哪些元素不是必需的;为了切图便利，哪些文字必需临时被埋没或去失落，以便于往后在此处替换上网上动态文字和链接，等等。下边是我筹办好一张用AI设计好的待切某网站首页(注，这是个AI源文件)。

2、我们要用到的切图东西位于AI东西栏中下部，与PS一样也有有两个，即一个是切片东西，另外一个是切片选择东西。左侧有个小操控键位，你按住它这两个东西选项就会显现出来。

3、对比上图，网页底色如为纯色，我们可以不斟酌切片，由于在建造网页可以在CSS中采取界说一个class色彩值的技巧来开启填充，如是有法则的突变，可按照突变的标的目的各种采取切一个PX大小的图片，供在网页建造中开启横向或纵向平铺填充之用。

4、接上去就是对全部标志设计和右下角广告图片的大切片。如箭头所指的处所。

5、最后，就是对文字区域的切图。

6、为了切得准，切得的大小区域恰当，力图与设计稿完全同样，还可以开启以下微调操作。一是按ctr+R待标尺出来后向下向右拉参考线，由于参考线在鼠标接近的时候有吸附性能，所以切图不轻易切错定位，这一点与PS切图完全一样。二是可对被选择切片区域的长宽尺寸，经由改动数值来调剂。

7、待切片区域肯定好后，接上去就是对各区域的保留了。不外，需求重点提示的是，在保留之前，必需将不但愿以图片显现的文字埋没或临时删除。

8、切好图以后就到最主要的步调了，以下图所示，选择文件上面的存储为WEB和产品所用格式，最好能记着便捷键。

9、切片的存储格式有：jpg、gif和png格式的各类各种质量揭示情势，如格式设定为JPEG，它就是JPG，gif的就是gif的。

10、犹如PS切图最后的存储一样，重点是质量的设定，我们都晓得若是一张图片越大它在网上翻开的速度就越慢，当我们把图片的质量设的越低，它的大小就越小，可是若是质量太差，图片会变恍惚，所以普通环境下若是是网上运用的图片，质量可以设置60，既担保图片较小也不会恍惚。这个数值由你本身设置，是大是小，详细看你的要求，尝尝就晓得了。一样，这里也有个需求注重的处所，成绩是你只是对此中一个切片设置质量，其他切片又要从头设置，所以存的时候最好检阅一下。

11、一切设置好后，点击存储会展示以上场景布局。格式选项选择HTML和图象，默许是图象的，如许我们就可以获得网页代码了。这里需求指出的是，切片存储时，可以存储全数的，也能够只储指定的，随用处所欲。

12、存好后，即可获得一个图片文件夹和一个html网页文件。能够你在你电脑上看到的文件图标跟我这个各种不同，这个没有关系，这首要是由于我们所选用的默许阅读器能够各种不同。

小编点评

此插件简化了以往需要十多个步骤的网页设计稿切图过程，只要选择某个图层，或者全选图层，就可以一键导出所需格式的文件。操作非常简单，自动生成的网页信息格式文件可以在网页浏览工具中打开，查看详细的代码。

以上就是软件爱好者小编为大家带来的Layer Exporter下载，想要了解更多实用软件就请多多关注软件爱好者吧~