<sub id="snrqq"><sub id="snrqq"></sub></sub><mark id="snrqq"><tbody id="snrqq"></tbody></mark>

当前位置：首页 → 图形图像 → 图像处理 → Layer Exporter切图插件v2.2中文免费版

应用截图
应用介绍
相关应用
使用攻略
下载地址
用户评论
最新应用

Layer Exporter切图插件v2.2中文免费版

< >

好玩

坑爹

应用语言：中文
应用大小：60KB
更新时间：2017-05-06 11:7
发行时间：
应用类型：普通
应用标签： Layer Exporter

LayerExporter切图插件中文免费版是专为Illustrator用户打造的一款切图插件‖，这款插件的主要作用就是可以将AI的图层分割成常用图片格式〓，支持JPG、PNG‖、SVG等格式，内置了丰富的图形数据、，可以方便开设计师进行学习或者分层等操作，兼容Illustratorcs4|、cs5等版本[更多]

大衸。�60KB

应用介绍

Layer Exporter特色

导出所有图层为SVG|，PNG或JPG

并生成相应的HTML和CSS

AI切图教程

2‖、我们要用到的切图工具位于AI工具栏中下部，与PS一样也有有两个‖，即一个是切片工具‖，另一个是切片选择工具。左边有个小按钮‖，你按住它这两个工具选项就会显露出来‖。

3、对照上图‖，网页底色如为纯色‖，我们可以不考虑切片，因为在制作网页可以在CSS中采用定义一个class颜色值的方式来进行填充‖，如是有规则的渐变‖，可根据渐变的方向不同采用切一个PX大小的图片，供在网页制作中进行横向或纵向平铺填充之用;

4‖、接下来就是对整个LOGO和右下角广告图片的大切片‖。如箭头所指的地方。

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

6、为了切得准‖，切得的大小区域适当‖，力求与设计稿完全一致，还可以进行如下微调操作〓。一是按ctr+R待标尺出来后向下向右拉参考线〓，因为参考线在鼠标靠近的时候有吸附功能，所以切图不容易切错位置〓，这一点与PS切图完全一样〓。二是可对被选择切片区域的长宽尺寸，通过改变数值来调整〓。

7〓、待切片区域确定好后，接下来就是对各区域的保存了〓。不过〓，需要重点提醒的是，在保存之前〓，必须将不希望以图片呈现的文字隐藏或暂时删除〓。

8、切好图之后就到最重要的步骤了〓，如下图所示〓，选择文件下面的存储为WEB和设备所用格式，最好能记住快捷键〓。

9〓、切片的存储格式有：jpg、gif和png格式的各种不同品质展现形式〓，如格式设定为JPEG〓，它就是JPG，gif的就是gif的〓。

10〓、如PS切图最后的存储一样，关键是品质的设定，我们都知道如果一张图片越大它在网上打开的速度就越慢，当我们把图片的品质设的越低，它的大小就越小，但是如果品质太差，图片会变模糊，所以一般情况下如果是网上使用的图片，品质可以设置60，既保证图片较小也不会模糊。这个数值由你自己设置，是大是小，具体看你的要求，试试就知道了。同样，这里也有个需要注意的地方，问题是你只是对其中一个切片设置品质，其他切片又要重新设置，所以存的时候最好检查一下。

11、一切设置好后，点击存储会显示以上界面。格式选项选择HTML和图像，默认是图像的，这样我们就能得到网页代码了。这里需要指出的是，切片存储时，可以存储全部的，也可以只储指定的，随用途所欲。

12、存好后，便可得到一个图片文件夹和一个html网页文件。可能你在你电脑上看到的文件图标跟我这个不一样，这个没有关系，这主要是因为我们所选用的默认浏览器可能不一样。

13、图像文件夹中存储的即是我们所切的切片图文件,在做网页的过程中，还得将这些文件上传至网络空间才能显现完整网页,别人才会看的到。

14、用DreamWeaver、frontpage、text文本软件都可以打开这个html文件，并可看到如下界面。至此，我们急需要得到.... 已经呈现在了我们眼前。如大红框中标识的即是。最终形成实际网页时，还得替换所有图片的存储地址，或给相关图片添加上相关链接地址才能完整呈现。

15、如用IE浏览器打开这个html文件，我们之前的这个AI设计稿，就以网页的形式呈现出来了。这里需要强调的是，切图得来的html文件，只是网页制作的最最基本的一点点工作而已，能省用多少时间和工作量呢，只能是仁者见仁，智者见智，不好说。