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权威指南 作者:阿西UED

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

    2015-07-31
  • Justinmind 6.5 激活/破解 延迟使用时间FOR MAC

    Justinmind6.5 for mac延长试用时间 1、解压后获得jm6.5_cr.sh文件 2、打开终端(方式一:到“Lauchpad”中找到“其他”,里面找到“终端”点击打开;方式二:快捷键“control + 空格”,在“spotlight搜索”中输入“终端”启动…

    2015-05-28
  • JustinMind交互与事件

    JustinMind交互事件说明 1.事件与交互 事件是JustinMind的一个关键功能,Justinmind Prototyper的事件由两个主要部分组成:一个是事件的触发(或用户事件),另一个是一组操作。每一个事件必须在屏幕上定义一个特定…

    2015-04-22
  • JustinMind免费版与JustinMind Pro的区别

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

    JustinMind 2015-08-25
  • JUSTINMIND权威指南:开篇-准备工作

    ​ 获取Justinmind安装包 Justinmind 分为免费版本、收费版本(30天试用)Pro版本。 官网提供免费版本可以下载,Pro收费版本不激活可以试用30天,30天过后会限制使用一些高级的功能组件,例如:动态面板(Dynamic Pan…

    2015-08-04
  • Justinmind V6.7新功能简介和下载链接

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

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

    ​上一节说了文本、多行文本、图片、线段元件的使用方式,这一节会讲解最常用的矩形、椭圆、三角形、标注 矩形 这个是最常用的没有之一,原因是因为我们设计产品的基本架构都是方形的,这个大概与硬件的制约有关系,…

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

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

    2015-07-31
  • Justinmind 2015年更新回顾

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

    2016-01-06
  • Justinmind 和 Axure谁更适合做原型?

    Justinmind 和 Axure 都是目前很强大的原型设计工具,被业界推为原型设计神器,在很多项目中起着不可估量的作用,但这两者的之间的作用是相互竞争还是相辅相成呢,我们应该客观地进行分析,使之更好地服务于我们的…

    Axure 2015-08-25