AI切图PS插件(Layer Exporter)
v2.1.0官方版- 软件大小:60KB
- 更新日期:2017/2/4
- 软件语言:英文
- 软件类别:Photoshop 插件
- 软件授权:免费软件
- 软件官网:http://www.pc6.com
- 适用平台:WinXP, Win7, Win8, Win10, WinAll
软件介绍精品推荐相关视频人气软件相关文章评论0下载地址
LayerExporterAI切图PS插件是一款支持AdobeIllustrator的切图插件,LayerExporter可以帮助用户将AI图层分别导为JPG、PNG、SVG等格式。同时生成一份.JSON文件,内涵图形的大量数据,可供开发参考。。
相关软件软件大小版本说明下载地址
- Imagenomic Portraiture(磨皮插件) v3.5.3504绿色免费版3.6Mv3.5.3504绿色免费版查看
- ProDAD Mercalli(影片抖动稳定插件) v4.0中文版55.7Mv4.0中文版查看
- Alien Skin Exposure(Photoshop胶片滤镜) V5.0.0.687442MV5.0.0.687查看
Layer ExporterAI切图PS插件是一款支持Adobe Illustrator的切图插件,Layer Exporter可以帮助用户将AI图层分别导为JPG、PNG、SVG等格式。同时生成一份.json文件,内涵图形的大量数据,可供开发参考。
软件特色
导出所有图层为SVG,PNG或JPG
并生成相应的HTML和CSS
使用方法
1、我们打开AI软件,再打开用AI或PS等其他软件设计好的待切网页设计稿文件。然后根据打开的设计稿文件的布局、底色和用图,进行切图之前的腹中分析、规划,如面对设计稿我们到底该怎么切才效果最好,最快,且切得又最精准,哪些元素必须用切图的方法来获得,哪些元素不是必须的;为了切图方便,哪些文字必须暂时被隐藏或去掉,以便于日后在此处替代上网上动态文字和链接,等等。下边是我准备好一张用AI设计好的待切某网站首页(注,这是个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网页文件。可能你在你电脑上看到的文件图标跟我这个不一样,这个没有关系,这主要是因为我们所选用的默认浏览器可能不一样。
精品推荐切图软件
- 更多 (14个) >>切图软件切图是修图方式的一种,指设计稿切成便于制作成页面的图片,并完成布局的静态页面,有利于交互,形成良好的视觉感,目前主流的切图工具包括软件,除此之外,还有很多其他优秀的切图工具,为大家带来本站好用的切图工
Cutterman(ps切图插件)1.3M
/简体美图秀秀156.2M
/简体pxcook10.8M
/简体Assistor PS切图标记工具3.8M
/多国语言[中文]蓝湖Photoshop插件7.5M
/简体Parker(PS自动标注工具)1.1M
/简体迷你photoshop(PhotoLine)31.3M
/多国语言[中文]光影魔术手19.1M
/简体PngSplit(PNG图片分割软件)104KB
/简体图片分割器292KB
/简体
其他版本下载
相关视频
-
没有数据
人气软件
蒙娜丽莎全自动智能抠像系统3.5M
/简体PS人物美化磨皮插件474KB
/简体ps动作7.2M
/简体精美photoshop动作大全1.0M
/简体千余款ps渐变样式31KB
/简体ps卷页滤镜Page Curl966KB
/简体
厂商其他下载
- 电脑版安卓版IOS版Mac版
-
快车(FlashGet)7.4M
/简体VeryCD 电驴(easyMule)4.1M
/简体Opera浏览器81.8M
/简体光影魔术手19.1M
/简体360安全浏览器7.044.6M
/简体格式工厂103.0M
/多国语言[中文]365桌面日历9.6M
/简体福昕PDF阅读器(Foxit Reader)88.4M
/简体快播(QvodPlayer)12.2M
/简体快玩游戏盒31.7M
/简体
优志愿57.2M
/简体全民枪战2.01.40G
/简体北京公交103.2M
/简体泰拉瑞亚245.9M
/简体迷你世界582.3M
/简体江苏高考16.0M
/简体小米枪战1.31G
/简体腾讯疯狂贪吃蛇48.3M
/简体腾讯街头篮球544.2M
/简体深海大作战手机版30.9M
/简体
跑跑卡丁车40.7M
/简体高考志愿君app63.9M
/简体传奇战域手游491M
/简体像素车超改iphone版370.4M
/简体代号英雄iphone版371.2M
/简体人vs导弹游戏iphone版224.5M
/简体北京公交16.5M
/简体熊猫看书iPad版32.9M
/简体影音先锋iPad版0KB
/简体WPS iPad版228M
/简体
Betterzip Mac23.9M
/简体IINA Mac版77M
/英文多宝游戏盒Mac版90.2M
/简体eZip Mac版15.7M
/简体ios5.1固件802M
/简体Adobe Photoshop CS6 Mac版1.05G
/简体英雄联盟Mac版66.2M
/英文magican for mac12.1M
/简体虾歌Mac版9M
/简体欧朋浏览器for mac169.3M
/简体
相关文章
查看所有评论>>网友评论共0条
热门关键词
精彩评论