Justinmind v6.7新功能:直接调用 ILLustrator 修改 SVG 格式的矢量图形

原文标题:利用Justinmind 6.7 新功能编辑、制作、使用矢量图标

Justinmind 6.7 提供了对 ILLustrator 矢量图形编辑、复制粘贴的支持,便得在Justinmind中使用高保真图标成为很容易的事情。下面,介绍如何利用网上丰富的矢量图标资源来加工、制作矢量图标并用于Justinmind制作的原型中。
1、获取免费 AI 矢量图标资源
www.zcool.com.cn 是免费的设计资源分享网站,只要注册个用户即可免费下载丰富的设计资源。我们从 zcool.com.cn 中找到需要用到的矢量图标资源进行下载即可:

Justinmind v6.7新功能:直接调用 ILLustrator 修改 SVG 格式的矢量图形

2、打开、编辑和复制粘贴矢量图形
下载解压后用 ILLustrator 打开里面的矢量图形,根据需要可进行编辑,然后复制并粘贴到 Justinmind 中,即可在 Justimind 中进行任意缩放而不失真(在 Justinmind 中复制功能,调整三种不同大小的尺寸,均不失真),粘贴的矢量图形为 SVG 格式:

Justinmind v6.7新功能:直接调用 ILLustrator 修改 SVG 格式的矢量图形

3、设置 ILLustrator 为默认打开 .SVG 格式的编辑器
在 Windows 资源管理器中,在 .svg 格式的文件上鼠标右键 -> 打开方式 -> 选择默认程序 …

Justinmind v6.7新功能:直接调用 ILLustrator 修改 SVG 格式的矢量图形

然后在弹出的应用程序列表中选择 ILLustrator:

Justinmind v6.7新功能:直接调用 ILLustrator 修改 SVG 格式的矢量图形

4、在 Justinmind 中直接调用 ILLustrator 修改 SVG 格式的矢量图形:
在 SVG 格式的矢量图形上鼠标右键 -> 图像 (SVG) -> 用默认的应用程序打开:

Justinmind v6.7新功能:直接调用 ILLustrator 修改 SVG 格式的矢量图形

即可自动启动 ILLustrator 打开图形进行修改:

Justinmind v6.7新功能:直接调用 ILLustrator 修改 SVG 格式的矢量图形

修改后关闭 ILLustrator 并保存,即可在 Justinmind 中得到修改后的结果:

Justinmind v6.7新功能:直接调用 ILLustrator 修改 SVG 格式的矢量图形

我们发现上面使用复制功能复制的图形也都会改变为新修改的样式。这一特性很像Justinmind中的母版功能。但有时我们需要制作一个图标的不同状态,比如上面图标的禁用状态。那么如何实现?
5、使用 创建单独的副本 来制作不同状态的图标
在 Justinmind 中的 SVG 格式图标上鼠标右键 -> 图像 (SVG) -> 创建一个单独的副本:

Justinmind v6.7新功能:直接调用 ILLustrator 修改 SVG 格式的矢量图形

然后再使用 图像 (SVG) -> 用默认的应用程序打开 功能调用 ILLustrator 进行修改,完成后关闭 ILLustrator 并保存后即可:

Justinmind v6.7新功能:直接调用 ILLustrator 修改 SVG 格式的矢量图形

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/8677/

(0)
iouedioued
上一篇 2015-08-25
下一篇 2015-08-25

相关推荐

  • Justinmind V6.7新功能简介和下载链接

    V6.7.0,提供Illustrator矢量图形和各种文字和按钮控件的复制/粘贴功能。此版本的主要目的是使您能够直接从Illustrator复制/粘贴矢量图像,同时,我们也修正了一些小错误。 从Illustrator复制/粘贴/编辑 现在已经支…

    2015-08-25
  • Justinmind权威指南:​基础-Justinmind基本元件的使用-1

    前面咱们学过了怎么新建项目,怎么发布项目,怎么在手机端预览;接下来我们开始真正去使用画布制作原型,那么第一步,你先要会使用这些元件,我们按照官方软件自带元件库的顺序一个一个的讲解,全面了解之后你也许…

    2015-08-31
  • JustinMind免费版与JustinMind Pro的区别

    justinmind是一个可以免费创建移动和web原型的工具。 justinmind的免费版不仅仅是体验式的,它是永远免费,目的是为一些公司或个人处理小型项目。 在获得永久免费版本之前,你还可以享受我们的30天免费试用专业版带…

    JustinMind 2015-08-25
  • ​JUSTINMIND权威指南:Justinmind特性&Justinmind功能简介

    ​这一篇是用来扫盲的,知道基础知识的童鞋可以再了解一下,不知道的同学要仔细了解。 对于老鸟来说可以直接飞过此章节。 JUSTINMIND权威简介(WIKIPEDIA) 全称:Justinmind Prototyper 简介:Justinmind是一个创作…

    2015-07-31
  • Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

    ​这一篇也是仅作了解熟悉,方面大家后面快速上手,先来看一看工作界面以及各个功能的入口。然后再来了解一下工作方式。 Justinmind的主界面简介 主要分为几个区域:导航栏、工具属性栏、元件区、交互事件区、数据源…

    2015-08-05
  • Justinmind6.6版本下载和中文汉化包下载

    Justinmind已更新至6.6版本啦,中文汉化包由小楼老师原创制作,在这里小编整理出来提供大家下载,仅供学习交流使用哦。 Justinmind V6.7已经更新了,请移步:Justinmind V6.7新功能简介和下载链接 下载地址: Justi…

    JustinMind 2015-06-25
  • Justinmind 2015年更新回顾

      2015年是激动人心的一年!今年,我们已经推出了许多新的功能,为您带来一个更美好的原型开发工具。下面,我们回顾下2015年justinmind的改进。                 &nb…

    2016-01-06
  • Justinmind6.8汉化包下载以及Justinmind6.8新功能新增苹果手表部件库

    Justinmind6.8汉化包已经出来了,您如果更新到最新版本截至2015年9月11日 可以下载本汉化包,汉化包来自QQ群:156360020 邀请码iamue 安装汉化的方法压缩包里都有,还有你还可以参考历史版本的汉化包: Justinmind6…

    2015-09-11
  • 新书:JUSTINMIND权威指南 作者:阿西UED

    《Justinmind权威指南》是国内第一部专著介绍Justinmind交互式原型设计的技术与技巧,讲述如何从确切的需求和期望出发,用最简单的方法创建易用、有效而且让用户愉悦的原型设计。书中从软件基础组件、工作方式、跨…

    2015-07-31
  • Justinmind权威指南:基础-Justinmind需求面板的使用

    Justinmind权威指南 之 基础-Justinmind需求面板的使用 ​根据Justinmind 中国官方合作机构hansky的介绍:Justinmind是“需求可视化工具”,能够为使用者提供全面的原型建模解决方案,通过该方案,用户可以在正式进行…

    2015-08-10