交互学堂
专注分享专业知识

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 格式的矢量图形

赞(0) 打赏
未经允许不得转载:IAMUE » Justinmind v6.7新功能:直接调用 ILLustrator 修改 SVG 格式的矢量图形

评论 抢沙发

评论前必须登录!

 

交互学院

在线学习交互设计课程1元秒杀Sketch入门课程

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏