零度下载 最安全的值得信赖的绿色软件下载站! 分类导航 手机版
零度手机版二维码扫码浏览手机端页面

AI切图PS插件Layer Exporter v2.1.0 官方版

网友评分:0.0 软件星级:4星评价
  • 软件大小:60 KB
  • 软件语言:简体中文
  • 软件分类:控件下载
  • 软件授权:免费软件
  • 更新时间:2017-2-6
  • 软件类别:国产软件
  • 软件官网:http://www.05sun.com/
  • 应用平台:WinAll

软件介绍

AI切图插件:Layer Exporter是一个AI插件,AI的全称是Illustrator,它是Adobe 公司推出的产品,Layer Exporter是一个AI切图插件,这款插件可以帮助用户将AI图层分别导为JPG、PNG、SVG等格式。同时生成一份.JSON文件,内涵图形的大量数据,可供开发参考。 

AI切图插件第1张预览图

软件特色

导出所有图层为SVG,PNG或JPG

并生成相应的HTML和CSS

AI切图插件第2张预览图

使用方法

1、我们打开AI软件,再打开用AI或PS等其他软件设计好的待切网页设计稿文件。然后根据打开的设计稿文件的布局、底色和用图,进行切图之前的腹中分析、规划,如面对设计稿我们到底该怎么切才效果最好,最快,且切得又最精准,哪些元素必须用切图的方法来获得,哪些元素不是必须的;为了切图方便,哪些文字必须暂时被隐藏或去掉,以便于日后在此处替代上网上动态文字和链接,等等。下边是我准备好一张用AI设计好的待切某网站首页(注,这是个AI源文件)。

AI切图插件第3张预览图

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

AI切图插件第4张预览图

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

AI切图插件第5张预览图

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

AI切图插件第6张预览图

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

AI切图插件第7张预览图

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

AI切图插件第8张预览图

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

AI切图插件第9张预览图

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

AI切图插件第10张预览图

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

AI切图插件第11张预览图

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

AI切图插件第12张预览图

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

AI切图插件第13张预览图

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

AI切图插件第14张预览图

软件截图

  • AI切图插件界面图1
  • AI切图插件界面图2
  • AI切图插件界面图3

最新评论

我要抢沙发

用户评论

(您的评论需要经过审核才能显示)0人参与,0条评论
140

本类热门

分类下载排行

  • 01vcredist_x64.exe 官方版
    01vcredist_x64.exe

    vcredist_x64.exe

    3星评价
    控件下载 / 13 KB
  • 02DotNetBar For VS2010 v10.5.0.3 破解版
    02DotNetBar

    DotNetBar

    4星评价
    控件下载 / 84.4 KB
  • 03CDT 8.2.1 for Eclipse Kepler&CDT 8.1.2 for Eclipse Juno
    03Eclipse

    Eclipse

    3星评价
    控件下载 / 108.4 KB
  • 04C#控件DevExpress v8.35 中文特别版
    04C#控件DevExpress

    C#控件DevExpress

    3星评价
    控件下载 / 29 Byte
  • 05persistent layers_Dreamweaver层插件 免费版
    05persistent layers

    persistent layers

    3星评价
    控件下载 / 13 Byte
  • 06log4j 1.2.15.jar 最新版
    06log4j

    log4j

    3星评价
    控件下载 / 350 Byte
  • 07Axure部件库 免费版
    07Axure部件库

    Axure部件库

    3星评价
    控件下载 / 28.7 KB
  • 08Visual Studio 2010 Tools for Office Runtime v10.0.40303.0 官方正式版
    08VS2010

    VS2010

    3星评价
    控件下载 / 37.21 KB
  • 09Microsoft Visual C++ 2013 运行库(vc2013) 12.0.21005.1 官方版
    09VC2013运行库

    VC2013运行库

    3星评价
    控件下载 / 12.11 KB
  • 010PyDev v2.8.1 最新版
    010PyDev

    PyDev

    3星评价
    控件下载 / 7.13 KB
  • 01eclipse awt插件(SWT Designer)免费版
    01SWT Designer

    SWT Designer

    3星评价
    控件下载 / 32.3 KB
  • 02DotNetBar For VS2010 v10.5.0.3 破解版
    02DotNetBar

    DotNetBar

    4星评价
    控件下载 / 84.4 KB
  • 03Visual Studio 2010 Tools for Office Runtime v10.0.40303.0 官方正式版
    03VS2010

    VS2010

    3星评价
    控件下载 / 37.21 KB
  • 04SUAPP for SketchUp2017 v3.3 官方版
    04SUAPP插件库

    SUAPP插件库

    3星评价
    控件下载 / 3.7 KB
  • 05C#控件DevExpress v8.35 中文特别版
    05C#控件DevExpress

    C#控件DevExpress

    3星评价
    控件下载 / 29 Byte
  • 06TL-WR710N无线路由器升级固件 v1.130415 官方版
    06tl wr710n升级固件

    tl wr710n升级固件

    4星评价
    控件下载 / 1.8 KB
  • 07MS-VC80.MSI 官方安装版
    07MS-VC80.MSI

    MS-VC80.MSI

    3星评价
    控件下载 / 2 KB
  • 08移动平台JQuery_jQuery Mobile V1.4.5 官方正式版
    08jquery mobile

    jquery mobile

    3星评价
    控件下载 / 6.93 KB
  • 09log4j 1.2.15.jar 最新版
    09log4j

    log4j

    3星评价
    控件下载 / 350 Byte
  • 010GuideguidePS辅助线插件 v4.6.4 官方中文版
    010GuideguidePS辅助线插件

    GuideguidePS辅助线插件

    4星评价
    控件下载 / 1.46 KB

零度软件 - 所有软件均来自网络如有版权问题请联系我们 - 蜀ICP备 05031544号
Copyright © 2004-2016 www.05sun.com online services. All rights reserved.

请简要描述您遇到的错误,我们将尽快予以修订