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 7.1.0 win&mac网盘下载

    自定义需求字段 如你所知,Justinmind企业版可以帮助你通过需求管理与所有设计团队打造智能商务解决方案。直到现在,你已经能够在你的原型中定义项目的要求。随着在Justinmind编辑的需求领域,用户已经可以定义需求…

    2016-04-13
  • ​JUSTINMIND权威指南:Justinmind特性&Justinmind功能简介

    ​这一篇是用来扫盲的,知道基础知识的童鞋可以再了解一下,不知道的同学要仔细了解。 对于老鸟来说可以直接飞过此章节。 JUSTINMIND权威简介(WIKIPEDIA) 全称:Justinmind Prototyper 简介: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相关的书籍,此前我做交互设计的时候,有一次遇到一个特别的APP项目,这个项目的BOSS要求给拿出一个高保真的原型给他演示,我们项目组就问我怎么才能做出一个可以演示的高保真原…

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

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

    2016-01-06
  • JustinMind免费版与JustinMind Pro的区别

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

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

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

    2015-08-31
  • JustinMind交互与事件

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

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

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

    JustinMind 2015-06-25
  • 阿西JUSTINMIND学习日记:justinmind官方公布的快捷键列表(全部)

    常规快捷键 Windows OS X 剪切 Ctrl + X ⌘ + X 复制 Ctrl + C ⌘ + C 粘贴 Ctrl + V ⌘ + V 副本(复制) Ctrl + D or Ctrl + Click 并拖动 ⌘ + D or ⌘ + Click 并拖动 删除 Delete 或 退格键 Delete 或 退格键 撤销 …

    2015-06-16